@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');

:root { --ink:#2b241f; --muted:#746960; --line:#e7ddd4; --paper:#fffaf6; --green:#bf4e20; --lime:#ffbe62; --mint:#fff0df; --serif:Georgia,'Times New Roman',serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans','Noto Sans JP',sans-serif;line-height:1.7} a{color:inherit;text-decoration:none} .site-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 32px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.04em}.brand-mark{width:26px;height:26px;border-radius:8px;background:var(--green);display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:5px}.brand-mark i{display:block;width:3px;background:var(--lime);border-radius:4px}.brand-mark i:nth-child(1){height:6px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:17px}nav{display:flex;gap:33px;font-size:13px;font-weight:600}nav a{transition:color .2s}nav a:hover,.text-link:hover{color:var(--green)}.button{background:var(--green);color:#fff;display:inline-flex;align-items:center;gap:18px;padding:15px 21px;border-radius:3px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#094a36}.button span,.text-link span{font-size:19px;line-height:0}.button-small{padding:10px 15px;font-size:12px;gap:12px}.hero{max-width:1240px;min-height:616px;margin:auto;padding:67px 32px 82px;display:grid;grid-template-columns:44% 56%;align-items:center;overflow:hidden}.eyebrow{margin:0 0 19px;font-family:'DM Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.15em;color:var(--green);display:flex;align-items:center;gap:9px}.eyebrow span{width:17px;height:1px;background:currentColor}.hero h1,.section-heading h2,.workflow h2,.download-content h2{font-size:clamp(42px,5vw,68px);line-height:1.2;letter-spacing:-.065em;margin:0;font-weight:600}.hero h1 em,.download-content em{font-family:var(--serif);font-weight:400;letter-spacing:-.05em}.hero-text{max-width:430px;margin:25px 0 29px;color:var(--muted);font-size:14px;line-height:2}.hero-actions{display:flex;align-items:center;gap:26px}.text-link{display:inline-flex;align-items:center;gap:11px;font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:2px;transition:color .2s}.note{margin-top:22px;color:#939b95;font-size:10px}.product-scene{height:454px;position:relative;margin-left:12px}.glow{position:absolute;filter:blur(0);border-radius:50%;z-index:0}.glow-one{width:360px;height:360px;right:-35px;top:15px;background:#ddf3b1}.glow-two{width:230px;height:230px;left:50px;bottom:-22px;background:#b8e3d6}.browser-window,.panel-window{position:absolute;box-shadow:0 20px 50px #17382a18;border:1px solid #d8ded8;background:#fff;overflow:hidden}.browser-window{width:420px;height:284px;right:0;top:29px;border-radius:10px;transform:rotate(3deg)}.browser-bar{height:36px;background:#fbfcfa;border-bottom:1px solid #e6eae5;display:flex;align-items:center;gap:5px;padding:0 11px}.browser-bar span{width:6px;height:6px;border-radius:100%;background:#cbd2cc}.browser-bar div{font:8px 'DM Mono';color:#94a099;background:#f0f3ef;border-radius:4px;padding:5px 10px;margin-left:8px;width:180px}.video-area{height:calc(100% - 36px);background:linear-gradient(130deg,#263c2f 0%,#718b64 42%,#f2b878 100%);position:relative;color:#fff;padding:18px}.video-area:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#152219b5,transparent 55%)}.video-area p,.video-area small{position:absolute;z-index:1;margin:0;bottom:31px;font-size:13px;font-weight:600}.video-area small{bottom:13px;font-size:8px;font-family:'DM Mono';font-weight:400}.play{width:46px;height:46px;position:absolute;z-index:1;left:calc(50% - 23px);top:calc(50% - 23px);border-radius:50%;display:grid;place-items:center;padding-left:3px;font-size:14px;background:#ffffffd9;color:var(--green)}.panel-window{z-index:2;width:300px;right:24px;bottom:2px;border-radius:9px;padding:14px 13px 12px}.panel-heading{display:flex;align-items:center;gap:7px;font-size:11px}.mini-mark{background:var(--green);color:var(--lime);width:17px;height:17px;display:grid;place-items:center;border-radius:4px}.panel-heading button{border:0;background:none;margin-left:auto;color:#849088}.panel-tabs{margin:15px -13px 12px;padding:0 13px;border-bottom:1px solid #e8ece7;display:flex;gap:18px;font-size:9px;color:#829087}.panel-tabs b{color:var(--green);padding-bottom:7px;border-bottom:2px solid var(--green)}.detected-label{font-size:8px;color:#849088;margin:0 0 8px}.detected-label strong{background:var(--lime);color:var(--green);border-radius:50%;padding:1px 4px}.media-card{border:1px solid #edf0eb;border-radius:5px;padding:6px;display:flex;align-items:center;gap:7px;margin:5px 0;font-size:8px}.media-card b{display:block;font-size:8px}.media-card small,.progress-card small{display:block;color:#93a097;font-size:7px}.thumb{width:37px;height:25px;border-radius:3px}.thumb-sunset{background:linear-gradient(135deg,#2b604f,#e6ad7d)}.thumb-wave{background:linear-gradient(135deg,#132f3e,#7dd0ca)}.download-icon{margin-left:auto;border:0;width:19px;height:19px;border-radius:4px;background:var(--mint);color:var(--green)}.progress-card{background:#f4f8ef;border-radius:5px;padding:7px;margin-top:8px;font-size:8px;color:#687a6e}.progress-card b{float:right;color:var(--green)}.progress{height:3px;background:#dce5d7;border-radius:4px;margin:6px 0}.progress i{height:100%;width:68%;display:block;background:var(--green);border-radius:4px}.floating-chip{position:absolute;z-index:3;border-radius:20px;background:white;box-shadow:0 10px 22px #17382a18;padding:7px 11px;font-size:9px;font-weight:700}.floating-chip span{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;margin-right:5px;background:var(--lime);color:var(--green)}.chip-detect{left:11px;top:88px}.chip-save{right:-4px;bottom:66px}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;padding:20px max(32px,calc((100vw - 1176px)/2));font-size:11px;font-weight:600}.trust-strip p{margin:0}.trust-strip div{display:flex;align-items:center;gap:14px;font:10px 'DM Mono';letter-spacing:.12em;color:#607068}.trust-strip i{width:3px;height:3px;border-radius:50%;background:#99a49d}.section{max-width:1176px;margin:auto;padding:130px 0}.section-heading h2,.workflow h2{font-size:clamp(34px,4vw,51px)}.feature-grid{display:grid;grid-template-columns:1.13fr 1fr 1fr;gap:14px;margin-top:52px}.feature-card{min-height:352px;padding:27px;border:1px solid var(--line);position:relative;overflow:hidden;background:#fbfcf9}.feature-large{background:#e8f3e1}.accent-card{background:var(--green);color:#fff}.feature-icon{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:white;color:var(--green);font:600 12px 'DM Mono';margin-bottom:43px}.detect-icon{position:relative;gap:3px}.detect-icon i{display:block;width:3px;background:var(--green);border-radius:3px}.detect-icon i:nth-child(1){height:9px}.detect-icon i:nth-child(2){height:18px}.detect-icon i:nth-child(3){height:25px}.queue-icon{display:flex;gap:3px}.queue-icon i{height:3px;background:var(--green);border-radius:2px}.queue-icon i:nth-child(1){width:17px}.queue-icon i:nth-child(2){width:10px}.queue-icon i:nth-child(3){width:5px}.card-number{font:10px 'DM Mono';color:#7c9283;margin:0 0 13px}.accent-card .card-number{color:#a7cbb8}.feature-card h3{margin:0;font-size:23px;line-height:1.4;letter-spacing:-.04em}.feature-card>p:last-of-type{font-size:12px;line-height:1.85;color:#68756d;max-width:310px;margin-top:14px}.accent-card>p:last-of-type{color:#c2d7cc}.scan-lines{position:absolute;right:-12px;bottom:22px;display:flex;align-items:end;gap:5px;opacity:.4}.scan-lines i{width:5px;background:#6ca483;border-radius:4px}.scan-lines i:nth-child(1){height:19px}.scan-lines i:nth-child(2){height:46px}.scan-lines i:nth-child(3){height:30px}.scan-lines i:nth-child(4){height:70px}.workflow{display:grid;grid-template-columns:36% 1fr;gap:100px;padding-top:44px;padding-bottom:130px}.workflow-copy>p:not(.eyebrow){max-width:335px;font-size:13px;color:var(--muted);margin:23px 0}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps li{position:relative}.steps>li>span{font:10px 'DM Mono';color:#789087}.step-visual{height:165px;border:1px solid var(--line);background:#fff;margin:13px 0 18px;position:relative;overflow:hidden}.steps h3{font-size:16px;margin:0 0 5px;letter-spacing:-.03em}.steps p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.browser-mini{padding:19px;background:linear-gradient(135deg,#ecf3e7,#cadcc1)}.browser-mini div{height:15px;width:100%;border-radius:4px;background:#fff}.browser-mini i{display:block;background:#fff;border-radius:4px;width:72%;height:9px;margin-top:11px}.browser-mini i:last-child{width:47%}.panel-mini{padding:15px}.panel-mini b{font-size:10px}.panel-mini i{display:block;height:20px;border:1px solid #e5eae4;border-radius:4px;margin-top:8px}.saved-mini{background:#e6f0dd;display:grid;place-content:center}.saved-mini div{width:48px;height:48px;border-radius:50%;background:var(--green);color:var(--lime);display:grid;place-items:center;font-size:20px;margin:auto}.saved-mini i{position:absolute;bottom:27px;left:29px;width:45px;height:3px;background:#b2d2af;border-radius:3px}.saved-mini i:last-child{left:80px;width:28px}.use-cases{border-top:1px solid var(--line);padding-bottom:125px}.case-list{margin-top:45px;border-top:1px solid var(--line)}.case{display:grid;grid-template-columns:58px 1fr 25px;align-items:center;padding:25px 4px;border-bottom:1px solid var(--line);transition:padding .2s}.case:hover{padding-left:12px;background:#f1f5ed}.case-icon{color:var(--green);font-size:26px}.case h3{font-size:17px;margin:0 0 2px;letter-spacing:-.03em}.case p{font-size:12px;color:var(--muted);margin:0}.case-arrow{font-size:21px;color:var(--green)}.download-section{background:var(--green);min-height:472px;color:#fff;position:relative;display:grid;place-items:center;overflow:hidden;text-align:center}.download-content{position:relative;z-index:1}.eyebrow.light{color:var(--lime);justify-content:center}.download-content h2{font-size:clamp(35px,4.5vw,58px)}.download-content h2 em{color:var(--lime)}.download-content>p:not(.eyebrow){font-size:13px;color:#c8d8cf;margin:20px 0 27px}.button-light{background:var(--lime);color:var(--green)}.button-light:hover{background:#e5f778}.download-content small{display:block;color:#a4c1b1;font-size:10px;margin-top:17px}.download-orbit{position:absolute;border:1px solid #ffffff2c;border-radius:50%}.orbit-a{width:630px;height:630px}.orbit-b{width:950px;height:950px}.faq{padding-top:116px}.faq-list{margin-top:42px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 2px}summary{list-style:none;font-size:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary span{font-size:22px;color:var(--green);font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{max-width:750px;color:var(--muted);font-size:13px;margin:14px 0 3px}footer{max-width:1176px;margin:auto;border-top:1px solid var(--line);padding:30px 0 38px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:10px;color:#7e8982}footer .brand{font-size:16px;color:var(--ink)}footer .brand-mark{transform:scale(.8);transform-origin:left}.footer-note{grid-column:1/-1;margin:0;font-size:9px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
.download-hint{max-width:480px;margin:13px auto 0!important;color:#a4c1b1!important;font-size:10px!important}
@media(max-width:800px){.site-header{height:64px;padding:0 20px}.site-header nav{display:none}.button-small{font-size:10px;padding:9px 11px}.hero{padding:46px 22px 54px;display:block;min-height:auto}.hero h1{font-size:43px}.hero-text{font-size:13px}.product-scene{margin:45px 0 0;height:348px;transform:scale(.88);transform-origin:top left;width:114%}.trust-strip{padding:17px 22px;display:block}.trust-strip div{margin-top:10px;gap:9px;font-size:8px}.section{padding:74px 22px}.feature-grid{grid-template-columns:1fr;margin-top:30px}.feature-card{min-height:280px}.workflow{display:block;padding-top:15px}.steps{margin-top:45px;grid-template-columns:1fr;gap:35px}.step-visual{height:135px}.use-cases{padding-top:74px}.case{grid-template-columns:37px 1fr 20px;padding:19px 0}.case h3{font-size:14px}.case p{font-size:10px}.download-section{min-height:430px;padding:55px 22px}.faq{padding-bottom:74px}footer{margin:0 22px;padding:25px 0;display:block}footer>p{margin:12px 0}.footer-note{line-height:1.6}.hero-actions{gap:18px}.button{padding:13px 16px;font-size:12px}.product-scene .browser-window{right:-28px}.panel-window{right:-2px}.chip-save{right:-16px}.chip-detect{left:-8px}}
.button:hover{background:#963b18}.button-light:hover{background:#ffd08c}.glow-one{background:#ffdca8}.glow-two{background:#f7c4a1}.video-area{background:linear-gradient(130deg,#402a22 0%,#a94a2c 42%,#f5b46a 100%)}.feature-card{background:#fffdfa}.feature-large{background:#fff0df}.browser-mini{background:linear-gradient(135deg,#fff1df,#f7c894)}.saved-mini{background:#fff0df}.case:hover{background:#fff3e8}
.product-gallery{padding-top:20px}.screen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:48px}.screen-card{margin:0;border:1px solid var(--line);background:#fffdfa;overflow:hidden}.screen-wide{grid-column:1/-1}.screen-card img{display:block;width:100%;height:260px;object-fit:cover;object-position:top}.screen-wide img{height:auto;max-height:580px;object-fit:contain;background:#121b2d}.screen-card figcaption{padding:18px 20px 20px;display:grid;gap:4px}.screen-card figcaption b{font:600 11px 'DM Mono',monospace;color:var(--green);letter-spacing:.06em}.screen-card figcaption span{font-size:12px;color:var(--muted)}.privacy-note{margin:16px 0 0;color:#8b7c71;font-size:10px}.privacy-note:before{content:'●';color:var(--green);font-size:8px;margin-right:7px}@media(max-width:800px){.product-gallery{padding-top:0}.screen-grid{grid-template-columns:1fr;margin-top:30px;gap:14px}.screen-wide{grid-column:auto}.screen-card img{height:auto;max-height:none}.screen-wide img{max-height:none}.screen-card figcaption{padding:14px 15px 16px}.privacy-note{line-height:1.7}}
.screenshot-visual{padding:0;background:#172238;border:1px solid var(--line);cursor:zoom-in}.screenshot-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.screenshot-visual:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.steps li:nth-child(2) .screenshot-visual img{object-position:right top}.steps li:nth-child(3) .screenshot-visual img{object-position:center top}.lightbox[hidden]{display:none}.lightbox{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:28px;background:#211812e8;cursor:zoom-out}.lightbox-image{display:block;max-width:min(1200px,92vw);max-height:86vh;object-fit:contain;box-shadow:0 28px 80px #0008;cursor:default}.lightbox-close{position:fixed;top:18px;right:22px;width:42px;height:42px;border:1px solid #ffffff66;border-radius:50%;background:#ffffff1a;color:#fff;font-size:30px;line-height:1;cursor:pointer}.lightbox-close:hover,.lightbox-close:focus-visible{background:var(--green);outline:none}@media(max-width:800px){.lightbox{padding:16px}.lightbox-image{max-width:100%;max-height:82vh}.lightbox-close{top:12px;right:12px}}
.accent-card{background:#a73f19}.accent-card .card-number{color:#ffe1bd}.accent-card>p:last-of-type{color:#fff4e9}.accent-card h3{color:#fff}