:root{--bg-primary:#151515;--bg-secondary:#1a1a1a;--bg-elevated:#222;--bg-blackboard:#0f0f0f;--blue-50:#e8f4fd;--blue-200:#88c6f1;--blue-400:#3a9de5;--blue-500:#2196f3;--blue-600:#1b7acc;--blue-glow:rgba(33,150,243,.3);--blue-chalk:rgba(33,150,243,.15);--chalk-white:#f0ece4;--chalk-white-bright:#faf8f5;--chalk-white-dim:hsla(40,29%,92%,.7);--chalk-white-faint:hsla(40,29%,92%,.4);--chalk-yellow:#ffd54f;--chalk-green:#81c784;--chalk-pink:#f48fb1;--chalk-orange:#ffb74d;--font-heading:"Yusei Magic",cursive;--font-body:"Zen Maru Gothic","Hiragino Maru Gothic Pro",sans-serif;--font-display:"Rock Salt",cursive;--font-number:"Caveat","Yusei Magic",cursive;--ls-heading:0.08em;--ls-body:0.04em;--ls-cta:0.1em;--ls-display:0.12em;--max-width:1200px;--nav-height:60px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body,html{overscroll-behavior:none}body{background-color:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 50%,hsla(0,0%,100%,.015) 0,transparent 70%),radial-gradient(ellipse at 80% 30%,hsla(0,0%,100%,.01) 0,transparent 60%),radial-gradient(ellipse at 50% 50%,#1e1e23 0,#151515 100%);color:var(--chalk-white);font-family:var(--font-body);font-size:clamp(.98rem,1.8vw,1.06rem);font-weight:400;letter-spacing:var(--ls-body);line-height:1.8;min-height:100vh;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}.skip-link,a{text-decoration:none}.skip-link{background:var(--blue-500);border-radius:0 0 8px 0;color:#fff;font-size:.95rem;font-weight:700;height:1px;left:-9999px;overflow:hidden;padding:.75em 1.5em;position:absolute;top:auto;width:1px;z-index:10000}.skip-link:focus{height:auto;left:0;outline:3px solid var(--chalk-yellow);outline-offset:2px;position:fixed;top:0;width:auto}:focus-visible{outline:2px solid var(--blue-400);outline-offset:3px}.btn-cta-primary:focus-visible,.btn-cta-secondary:focus-visible,.faq-question:focus-visible,.navbar-link:focus-visible{border-radius:4px;outline:2px solid var(--chalk-yellow);outline-offset:3px}strong{color:var(--chalk-white-bright);font-weight:700}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.grain{background-image:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.15) .5px,transparent .7px),radial-gradient(circle at 70% 40%,hsla(0,0%,100%,.12) .5px,transparent .8px),radial-gradient(circle at 45% 80%,hsla(0,0%,100%,.08) .4px,transparent .7px);background-size:3px 3px,4px 4px,5px 5px;inset:0;opacity:.12;pointer-events:none;position:fixed;z-index:9999}@media (max-width:767px){.grain{opacity:.06}}.container{margin:0 auto;max-width:var(--max-width);padding:0 20px;width:100%}.section{padding:60px 0;position:relative}.chalk-text{color:var(--chalk-white);text-shadow:0 0 5px hsla(40,29%,92%,.15),0 0 15px hsla(40,29%,92%,.06)}.chalk-text-bold{color:var(--chalk-white-bright);text-shadow:0 0 7px hsla(36,33%,97%,.25),1px 1px 2px rgba(0,0,0,.8)}.chalk-text-blue{color:var(--blue-400);text-shadow:0 0 7px var(--blue-glow),0 0 20px rgba(33,150,243,.1)}.chalk-text-yellow{color:var(--chalk-yellow);text-shadow:0 0 7px rgba(255,213,79,.3),0 0 14px rgba(255,213,79,.15)}.section-divider{height:60px;overflow:hidden;position:relative}.section-divider:before{background:linear-gradient(90deg,transparent 0,hsla(40,29%,92%,.1) 20%,hsla(40,29%,92%,.2) 50%,hsla(40,29%,92%,.1) 80%,transparent);content:"";height:1px;left:5%;position:absolute;right:5%;top:50%}.section-divider:after{color:hsla(40,29%,92%,.2);content:"\2022  \2022  \2022";font-size:12px;left:50%;letter-spacing:6px;position:absolute;top:50%;transform:translate(-50%,-50%)}.chalk-divider-sm{background:linear-gradient(to right,transparent,var(--chalk-white-faint),transparent);border:none;height:1px;margin:24px auto;max-width:200px}.section-header{margin-bottom:56px;text-align:center}.section-label{color:var(--blue-400);font-family:var(--font-display);font-size:clamp(.75rem,1.5vw,.875rem);letter-spacing:var(--ls-display);margin-bottom:12px;text-shadow:0 0 10px var(--blue-glow);text-transform:uppercase}.section-title{color:var(--chalk-white-bright);font-family:var(--font-heading);font-size:clamp(1.6rem,4.3vw,2.8rem);font-weight:400;letter-spacing:var(--ls-heading);line-height:1.3;margin-bottom:16px;text-shadow:0 0 7px hsla(36,33%,97%,.2),1px 1px 2px rgba(0,0,0,.6)}.section-subtitle{color:var(--chalk-white-dim);font-size:clamp(.92rem,1.6vw,1rem);line-height:1.9;margin:0 auto;max-width:600px;text-wrap:balance;word-break:auto-phrase}.section-subtitle strong{white-space:nowrap}.navbar{height:calc(var(--nav-height) + 16px);left:0;position:fixed;right:0;top:0;transition:background-color .4s ease,box-shadow .4s ease;will-change:transform;z-index:1000}.navbar.is-scrolled{background-color:hsla(0,0%,8%,.92);box-shadow:0 1px 0 hsla(40,29%,92%,.06)}.navbar-inner{height:var(--nav-height);justify-content:space-between;margin:8px 0}.navbar-brand,.navbar-inner{align-items:center;display:flex}.navbar-brand{gap:4px}.brand-icon{height:60px;object-fit:contain;width:60px}.navbar-logo{height:86px;width:auto}.navbar-links{align-items:center;display:flex;gap:28px}.navbar-link{color:var(--chalk-white-dim);font-size:.9rem;transition:color .3s ease}.navbar-link:hover{color:var(--chalk-white-bright)}.navbar-dropdown{position:relative}.navbar-dropdown-trigger{align-items:center;cursor:pointer;display:inline-flex;gap:4px}.navbar-dropdown-arrow{transition:transform .3s ease}.navbar-dropdown:hover .navbar-dropdown-arrow{transform:rotate(180deg)}.navbar-dropdown-menu{background:var(--board-dark,#1a2332);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);left:50%;min-width:220px;opacity:0;padding:12px;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%) translateY(8px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;visibility:hidden;z-index:1000}.navbar-dropdown:hover .navbar-dropdown-menu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);visibility:visible}.navbar-dropdown-item{border-radius:8px;color:var(--chalk-white-dim);display:block;font-size:.85rem;padding:8px 12px;transition:background .2s ease,color .2s ease}.navbar-dropdown-item:hover{background:hsla(0,0%,100%,.08);color:var(--chalk-white-bright)}.navbar-dropdown-divider{background:hsla(0,0%,100%,.1);height:1px;margin:8px 0}.navbar-dropdown-label{color:hsla(0,0%,100%,.4);font-size:.75rem;letter-spacing:.05em;padding:4px 12px}.navbar-dropdown-badges{display:flex;flex-direction:column;gap:8px;padding:4px 8px}.navbar-app-badge img{display:block;height:36px;opacity:.85;transition:opacity .2s ease;width:auto}.navbar-app-badge:hover img{opacity:1}.btn-cta-primary{align-items:center;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));border:2px solid rgba(33,150,243,.5);border-radius:8px;box-shadow:0 4px 15px rgba(33,150,243,.25),inset 0 1px 0 hsla(0,0%,100%,.1);color:var(--chalk-white-bright);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:clamp(.92rem,1.6vw,1rem);font-weight:700;justify-content:center;letter-spacing:var(--ls-cta);padding:14px 36px;text-shadow:0 0 10px rgba(33,150,243,.3);transition:transform .3s ease,box-shadow .3s ease}.btn-cta-primary:hover{box-shadow:0 6px 25px rgba(33,150,243,.35),0 0 30px rgba(33,150,243,.15),inset 0 1px 0 hsla(0,0%,100%,.15);transform:translateY(-2px)}.btn-cta-primary:active{transform:translateY(0)}.btn-cta-primary.is-pending,.btn-cta-secondary.is-pending{opacity:.6;pointer-events:none}.btn-cta-primary.is-pending:after,.btn-cta-secondary.is-pending:after{content:" — 準備中です…"}.btn-cta-secondary{align-items:center;background:transparent;border:2px solid hsla(40,29%,92%,.3);border-radius:8px;color:var(--chalk-white);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:clamp(.92rem,1.6vw,1rem);font-weight:500;justify-content:center;letter-spacing:var(--ls-cta);padding:13px 32px;transition:border-color .3s ease,background .3s ease,transform .3s ease}.btn-cta-secondary:hover{background:hsla(40,29%,92%,.05);border-color:hsla(40,29%,92%,.6);transform:translateY(-2px)}.btn-sm{font-size:.85rem;padding:8px 20px}.btn-lg{font-size:clamp(1rem,1.8vw,1.1rem);padding:18px 48px}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:calc(var(--nav-height) + 16px) 0 60px;position:relative}.hero-bg{background:radial-gradient(ellipse at 50% 30%,var(--bg-secondary) 0,var(--bg-primary) 40%,var(--bg-blackboard) 100%);inset:0;position:absolute;z-index:-1}.hero:after{background:linear-gradient(to top,var(--bg-primary),transparent);bottom:0;content:"";height:120px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.hero-content{align-items:center;display:flex;min-height:calc(100vh - var(--nav-height) - 60px)}.hero-content,.hero-copy{position:relative;z-index:2}.hero-copy{max-width:600px;padding:clamp(1rem,3vw,2rem) 0}.hero-copy:before,.sp-only{display:none}.eyebrow{color:var(--blue-400);font-family:var(--font-display);font-size:clamp(.7rem,1.4vw,.85rem);letter-spacing:var(--ls-display);margin-bottom:16px;text-shadow:0 0 12px var(--blue-glow);text-transform:uppercase}.hero-title{font-family:var(--font-heading);font-size:clamp(2.2rem,6.6vw,4.5rem);font-weight:400;letter-spacing:var(--ls-heading);line-height:1.2;margin-bottom:8px}.chalk-line-text{color:var(--chalk-white-bright);display:block;text-shadow:0 0 10px hsla(36,33%,97%,.35),0 4px 8px rgba(0,0,0,.7)}.chalk-line-accent{color:var(--blue-400);text-shadow:0 0 8px var(--blue-glow),2px 2px 4px rgba(0,0,0,.5)}.hero-title-wrap{margin-bottom:28px}.hero-underline{height:14px;margin-top:6px;opacity:0;transition:opacity .6s ease;width:clamp(200px,50vw,380px)}.hero-underline.is-drawn{opacity:1}.chalk-draw-path{stroke:var(--blue-500);stroke-dasharray:var(--path-length,1200);stroke-dashoffset:var(--path-length,1200);transition:stroke-dashoffset 1.8s ease-out}.chalk-draw-path.is-drawing{stroke-dashoffset:0}.hero-lead{color:#fff;font-size:clamp(.95rem,1.7vw,1.06rem);line-height:1.9;margin-bottom:32px;text-wrap:pretty;word-break:auto-phrase}.hero-actions{display:flex;flex-wrap:wrap;gap:16px}.hero-figure{overflow:hidden;width:100%}.hero-figure,.hero-figure:after{inset:0;pointer-events:none;position:absolute;z-index:1}.hero-figure:after{background:linear-gradient(90deg,hsla(0,0%,6%,.88) 0,hsla(0,0%,6%,.65) 35%,hsla(0,0%,6%,.3) 65%,hsla(0,0%,6%,.15)),linear-gradient(180deg,hsla(0,0%,6%,.3) 0,transparent 30%,transparent 70%,hsla(0,0%,6%,.4));content:""}.hero-photo{height:100%;object-fit:cover;object-position:70% center;width:100%}.chalk-dust-container{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:3}.chalk-dust{animation:dust-float 2.5s ease-out forwards;background:var(--chalk-white);border-radius:50%;height:2px;opacity:0;position:absolute;width:2px;will-change:transform,opacity}@keyframes dust-float{0%{opacity:.7;transform:translate(0) scale(1)}to{opacity:0;transform:translate(calc(var(--dust-x, 0)*1px),calc(var(--dust-y, 0)*1px)) scale(.2)}}.chalk-appear{animation:chalk-write .8s ease-out forwards;animation-delay:var(--appear-delay,0s);opacity:0;transform:translateY(8px)}@keyframes chalk-write{0%{opacity:0;transform:translateY(8px)}40%{opacity:.6}to{opacity:1;transform:translateY(0)}}.img-placeholder{align-items:center;background:var(--bg-elevated);display:flex;justify-content:center;min-height:100px}.img-placeholder img{display:none}.img-placeholder:after{border:2px dashed var(--chalk-white-faint);border-radius:12px;content:"";height:48px;width:48px}.hero-section{position:relative;z-index:1}[id]:not(.hero-panel):not(.hero-section){scroll-margin-top:var(--nav-height)}.hero-bg-layer{height:100vh;height:100lvh;left:0;pointer-events:none;position:fixed;top:0;width:100%;will-change:opacity;z-index:0}.hero-panel{align-items:center;display:flex;min-height:100vh;min-height:100svh;overflow:hidden;position:relative;z-index:1}.hero-panel__inner{padding-top:calc(var(--nav-height) + 16px);position:relative;width:100%;z-index:2}.hero-panel__inner--center{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - var(--nav-height) - 16px);min-height:calc(100svh - var(--nav-height) - 16px)}.hero-panel:not(.hero-panel--first):before{background:linear-gradient(180deg,transparent 0,hsla(0,0%,6%,.15) 8%,hsla(0,0%,6%,.45) 18%,hsla(0,0%,6%,.55) 30%,hsla(0,0%,6%,.55) 70%,hsla(0,0%,6%,.45) 82%,hsla(0,0%,6%,.15) 92%,transparent);content:"";inset:0;position:absolute;z-index:0}.hero-panel--first:after{background:linear-gradient(180deg,transparent,#0f0f0f);bottom:0;content:"";height:25%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.hero-panel .hero-copy{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.hero-panel.is-visible .hero-copy{opacity:1;transform:translateY(0)}.hero-panel--first .hero-copy{opacity:1;transform:none;transition:none}.hero-copy--center{margin:0 auto;max-width:800px;text-align:center;width:100%}.hero-slide-eyebrow{color:var(--blue-400);font-family:var(--font-display);font-size:clamp(.75rem,1.5vw,.875rem);letter-spacing:var(--ls-display);margin-bottom:16px;text-shadow:0 0 10px var(--blue-glow);text-transform:uppercase}.hero-slide-number{color:var(--chalk-white-bright);font-family:var(--font-number);font-size:clamp(4rem,12vw,8rem);font-weight:700;line-height:1;margin-bottom:8px;text-shadow:0 0 10px hsla(36,33%,97%,.35),0 0 30px hsla(36,33%,97%,.12)}.hero-slide-plus{color:var(--blue-400);text-shadow:0 0 8px var(--blue-glow)}.hero-slide-label{color:var(--chalk-white);font-family:var(--font-heading);font-size:clamp(1.2rem,3vw,2rem);letter-spacing:var(--ls-heading);margin-bottom:16px}.hero-slide-sub{color:var(--chalk-white);font-size:clamp(.95rem,1.7vw,1.06rem);font-weight:700;line-height:1.9}.hero-slide-sub+.hero-actions{margin-top:28px}.hero-copy--center .hero-actions{justify-content:center}.hero-slide-title{color:var(--chalk-white-bright);font-family:var(--font-heading);font-size:clamp(1.8rem,5vw,3.2rem);font-weight:400;letter-spacing:var(--ls-heading);line-height:1.3;margin-bottom:20px;text-shadow:0 0 7px hsla(36,33%,97%,.2),1px 1px 2px rgba(0,0,0,.6)}.hero-panel[data-hero-panel="1"]{overflow:hidden}.thumbnail-mosaic{display:grid;gap:3px;grid-template-columns:repeat(5,1fr);left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.thumbnail-item{aspect-ratio:16/9;opacity:0;overflow:hidden;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;transition-delay:var(--delay)}.thumbnail-item img{display:block;height:100%;object-fit:cover;width:100%}.hero-panel[data-hero-panel="1"].is-visible .thumbnail-item{opacity:1;transform:translateY(0)}.hero-panel[data-hero-panel="1"]:after{background:radial-gradient(ellipse 70% 60% at 50% 50%,hsla(0,0%,6%,.8) 0,hsla(0,0%,6%,.55) 40%,hsla(0,0%,6%,.25) 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.hero-panel[data-hero-panel="1"] .hero-panel__inner{z-index:3}.hero-panel__inner--split{align-items:center;align-self:stretch;display:flex;gap:clamp(40px,6vw,80px);justify-content:center;min-height:calc(100vh - (var(--nav-height) + 16px)*2);min-height:calc(100svh - (var(--nav-height) + 16px)*2);padding-bottom:calc(var(--nav-height) + 16px)}.hero-screenshot-container{flex:0 0 auto;opacity:0;position:relative;transform:translateX(-40px);transition:opacity .8s ease-out .2s,transform .8s ease-out .2s;z-index:2}.hero-panel.is-visible .hero-screenshot-container{opacity:1;transform:translateX(0)}.hero-screenshot--phone{border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 30px rgba(0,0,0,.2);overflow:hidden;width:clamp(240px,25vw,320px)}.hero-screenshot--phone img{display:block;height:auto;max-height:70vh;object-fit:contain;width:100%}.hero-panel__inner--split .hero-copy--center{flex:1;max-width:500px}.social-proof{background:rgba(16,20,29,.6);border-bottom:1px solid hsla(40,29%,92%,.05);border-top:1px solid hsla(40,29%,92%,.05);padding:40px 0}.proof-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);text-align:center}.proof-card{padding:20px 16px}.proof-number{color:var(--chalk-white-bright);font-family:var(--font-heading);font-size:clamp(1.4rem,3vw,2rem);letter-spacing:var(--ls-heading);overflow-wrap:break-word;text-shadow:0 0 6px hsla(36,33%,97%,.2),0 0 12px hsla(36,33%,97%,.08);word-break:keep-all}.proof-plus{color:var(--blue-400);text-shadow:0 0 8px var(--blue-glow)}.proof-label{color:var(--chalk-white-dim);font-size:.85rem;margin-top:4px}.about-grid{display:grid;gap:24px;grid-template-columns:1fr 1fr}.chalk-note{background:rgba(26,26,26,.7);border:1px solid hsla(40,29%,92%,.08);border-radius:16px;padding:28px 24px;position:relative}.chalk-note:before{background:linear-gradient(to right,transparent,var(--blue-500),transparent);content:"";height:2px;left:12%;opacity:.4;position:absolute;right:12%;top:0}.chalk-note h3{color:var(--chalk-white-bright);font-family:var(--font-heading);font-size:1.15rem;letter-spacing:var(--ls-heading);margin-bottom:12px}.chalk-note p{color:var(--chalk-white-dim);font-size:.92rem;line-height:1.8}.chalk-note p strong{color:var(--chalk-white-bright);font-weight:700}.chalk-bold{font-weight:700}.chalk-yellow{color:var(--chalk-yellow);text-shadow:0 0 7px rgba(255,213,79,.3),0 0 14px rgba(255,213,79,.15)}.comparison-section{margin-top:48px;text-align:center}.comparison-title{color:var(--chalk-white-bright);font-family:var(--font-heading);font-size:clamp(1.3rem,3vw,1.8rem);letter-spacing:var(--ls-heading);margin-bottom:8px;text-shadow:0 0 7px hsla(36,33%,97%,.2),0 0 14px hsla(36,33%,97%,.08)}.comparison-subtitle{color:var(--chalk-white-dim);font-size:.95rem;margin-bottom:32px}.comparison-grid{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:700px}.comparison-card{background:rgba(26,26,26,.7);border:1px solid hsla(40,29%,92%,.08);border-radius:16px;padding:32px 24px;text-align:center}.comparison-card--highlight{border-color:rgba(33,150,243,.4);box-shadow:0 0 30px rgba(33,150,243,.1)}.comparison-card__img{aspect-ratio:9/16;border-radius:12px;display:block;height:auto;margin:0 auto 16px;max-width:240px;object-fit:cover;width:100%}.comparison-card-label{color:var(--chalk-white-dim);font-family:var(--font-heading);font-size:1.1rem;letter-spacing:var(--ls-heading);margin-bottom:16px}.comparison-value{align-items:baseline;display:flex;font-family:var(--font-number);font-weight:700;gap:2px;justify-content:center;line-height:1;margin-bottom:16px;text-shadow:0 0 10px rgba(255,213,79,.4),0 0 25px rgba(255,213,79,.15)}.comparison-approx{font-size:clamp(1rem,2.5vw,1.4rem);opacity:.65}.comparison-number{font-size:clamp(2.6rem,7vw,3.8rem);white-space:nowrap}.comparison-unit{color:var(--chalk-white-dim);font-size:1rem}.comparison-details{list-style:none;padding:0}.comparison-details li{border-top:1px solid hsla(40,29%,92%,.06);color:var(--chalk-white-dim);font-size:.9rem;padding:6px 0}.ai-promo-card{background:rgba(33,150,243,.08);border:1px solid rgba(33,150,243,.25);border-radius:16px;margin-left:auto;margin-right:auto;margin-top:40px;max-width:700px;padding:36px 32px;text-align:center}.ai-promo-label{color:var(--blue-400);font-family:var(--font-display);font-size:.8rem;letter-spacing:var(--ls-display);margin-bottom:8px;text-shadow:0 0 10px var(--blue-glow);text-transform:uppercase}.ai-promo-title{color:var(--chalk-white-bright);font-family:var(--font-heading);font-size:clamp(1.2rem,2.5vw,1.5rem);letter-spacing:var(--ls-heading);margin-bottom:12px}.ai-promo-text{color:var(--chalk-white-dim);font-size:.93rem;line-height:1.8;margin-bottom:20px;text-wrap:balance;word-break:auto-phrase}.features-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}.card-feature{background:rgba(26,26,26,.8);border:1px solid hsla(40,29%,92%,.08);border-radius:16px;overflow:hidden;position:relative;text-align:center;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.card-feature:not(.card-feature--overlay){padding:32px 24px}.card-feature:before{background:linear-gradient(to right,transparent,var(--blue-500),transparent);content:"";height:2px;left:10%;opacity:.4;position:absolute;right:10%;top:0;z-index:2}.card-feature:hover{border-color:hsla(40,29%,92%,.15);box-shadow:0 8px 30px rgba(0,0,0,.4),0 0 1px hsla(40,29%,92%,.1);transform:translateY(-6px)}.card-feature--overlay{align-items:flex-end;display:flex;min-height:250px}.card-feature__img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.card-feature__overlay{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.4) 60%,transparent);padding:24px 20px 20px;position:relative;text-align:left;width:100%;z-index:1}.card-feature:nth-child(4),.card-feature:nth-child(5){grid-column:span 1}.features-grid:after{content:"";grid-column:span 1}.card-feature h3{color:var(--chalk-white-bright);font-family:var(--font-heading);font-size:2rem;letter-spacing:var(--ls-heading);margin-bottom:10px}.card-feature p{color:var(--chalk-white-dim);font-size:.9rem;line-height:1.7}.app-store-badges{display:flex;gap:12px;justify-content:center;margin-top:20px}.app-store-badges a{display:inline-block;transition:opacity .3s ease,transform .3s ease}.app-store-badges a:hover{opacity:.75;transform:translateY(-2px)}.app-store-badges img{height:40px;width:auto}.carousel-wrapper{margin:0 auto;max-width:1000px;position:relative}.carousel-viewport{overflow:hidden;overscroll-behavior-x:contain;touch-action:pan-y}.carousel-viewport:focus-visible{border-radius:8px;outline:2px solid var(--blue-400);outline-offset:4px}.carousel-track{display:flex;transition:transform .5s ease}.carousel-track.no-transition{transition:none}.carousel-slide{display:flex;flex:0 0 33.333%;padding:0 12px}.carousel-slide-btn{background:rgba(26,26,26,.8);border:2px solid hsla(40,29%,92%,.1);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;width:100%}.carousel-slide-btn:hover{border-color:rgba(33,150,243,.4);box-shadow:0 8px 30px rgba(33,150,243,.15),0 0 20px rgba(33,150,243,.08);transform:translateY(-4px)}.carousel-slide-btn:focus-visible{border-radius:16px;outline:2px solid var(--chalk-yellow);outline-offset:3px}.carousel-slide-btn img{border-radius:14px 14px 0 0;display:block;width:100%}.carousel-caption{align-items:flex-start;color:var(--chalk-white-dim);flex-grow:1;font-family:var(--font-body);font-size:.85rem;line-height:1.5;padding:12px 16px;text-align:center}.carousel-btn,.carousel-caption{display:flex;justify-content:center}.carousel-btn{align-items:center;background:hsla(0,0%,8%,.85);border:1px solid hsla(40,29%,92%,.15);border-radius:50%;color:var(--chalk-white);cursor:pointer;height:44px;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;width:44px;z-index:2}.carousel-btn:hover{background:rgba(33,150,243,.2);border-color:rgba(33,150,243,.4);box-shadow:0 0 15px rgba(33,150,243,.2)}.carousel-btn:focus-visible{outline:2px solid var(--chalk-yellow);outline-offset:3px}.carousel-btn--prev{left:-22px}.carousel-btn--next{right:-22px}.carousel-dots{display:flex;gap:10px;justify-content:center;margin-top:24px}.carousel-dot{background:hsla(40,29%,92%,.25);border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:background .3s ease,box-shadow .3s ease;width:10px}.carousel-dot:hover{background:hsla(40,29%,92%,.5)}.carousel-dot:focus-visible{outline:2px solid var(--chalk-yellow);outline-offset:3px}.carousel-dot.is-active{background:var(--blue-500);box-shadow:0 0 8px var(--blue-glow)}.lightbox{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:10000}.lightbox.is-open{opacity:1;visibility:visible}.lightbox-overlay{background:rgba(0,0,0,.9);inset:0;position:absolute}.lightbox-content{max-height:90vh;max-width:90vw;position:relative;text-align:center;transform:scale(.9);transition:transform .3s ease;z-index:1}.lightbox.is-open .lightbox-content{transform:scale(1)}.lightbox-img{border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);margin:0 auto;max-height:80vh;max-width:85vw;object-fit:contain}.lightbox-caption{color:var(--chalk-white-dim);font-family:var(--font-body);font-size:.95rem;margin-top:16px}.lightbox-close{align-items:center;background:hsla(40,29%,92%,.1);border:none;border-radius:50%;color:var(--chalk-white);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:-8px;top:-48px;transition:background .3s ease;width:40px}.lightbox-close:hover{background:hsla(40,29%,92%,.25)}.lightbox-close:focus-visible{outline:2px solid var(--chalk-yellow);outline-offset:3px}.pricing-card{background:rgba(26,26,26,.9);border:2px solid rgba(33,150,243,.3);border-radius:24px;box-shadow:0 0 40px rgba(33,150,243,.08),0 20px 60px rgba(0,0,0,.3);margin:0 auto;max-width:520px;padding:48px 40px;position:relative;text-align:center}.pricing-plan{color:var(--chalk-white-bright);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;letter-spacing:var(--ls-heading);margin-bottom:20px}.pricing-amount{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:8px}.pricing-currency{color:var(--chalk-white-dim);font-family:var(--font-number);font-size:1.6rem}.pricing-value{color:var(--chalk-white-bright);font-family:var(--font-number);font-size:clamp(2.8rem,7vw,4rem);font-weight:700;line-height:1;text-shadow:0 0 8px hsla(36,33%,97%,.3),0 0 20px hsla(36,33%,97%,.1)}.pricing-period{color:var(--chalk-white-dim);font-family:var(--font-number);font-size:1.2rem}.pricing-amount--struck{opacity:.5;position:relative}.pricing-amount--struck:after{background:var(--chalk-pink);border-radius:2px;content:"";height:3px;left:-5%;position:absolute;right:-5%;top:50%;transform:rotate(-5deg)}.pricing-highlight{margin-bottom:24px}.pricing-discount{font-size:.95rem;margin-bottom:8px}.pricing-annual-value{align-items:baseline;display:flex;font-family:var(--font-number);font-weight:700;gap:2px;justify-content:center;line-height:1;text-shadow:0 0 10px rgba(255,213,79,.4),0 0 25px rgba(255,213,79,.15)}.pricing-approx{font-size:clamp(1rem,2.5vw,1.4rem);opacity:.65}.pricing-annual-number{font-size:clamp(3.2rem,9vw,5.2rem);white-space:nowrap}.pricing-annual-period{color:var(--chalk-white-dim);font-size:1rem}.pricing-features{list-style:none;margin-bottom:32px;text-align:left}.pricing-features li{border-bottom:1px solid hsla(40,29%,92%,.06);color:var(--chalk-white-dim);font-size:.93rem;padding:10px 0 10px 24px;position:relative}.pricing-features li:before{color:var(--chalk-green);content:"\2713";font-weight:700;left:0;position:absolute}.pricing-features li:last-child{border-bottom:none}.pricing-note{color:var(--chalk-white-dim);font-size:.78rem;margin-left:auto;margin-right:auto;margin-top:16px;max-width:360px;opacity:.6;padding-left:1.5em;text-align:left;text-indent:-1.5em}.subchannels-grid{display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:900px}.subchannel-card{background:rgba(26,26,26,.7);border:1px solid hsla(40,29%,92%,.08);border-radius:16px;padding:28px 24px;text-align:center}.subchannel-icon{border:2px solid hsla(40,29%,92%,.1);border-radius:50%;height:80px;margin:0 auto 16px;overflow:hidden;width:80px}.subchannel-icon img{height:100%;object-fit:cover;width:100%}.subchannel-card h3{color:var(--chalk-white-bright);font-family:var(--font-heading);font-size:1.5rem;letter-spacing:var(--ls-heading);margin-bottom:10px}.subchannel-card p{color:var(--chalk-white-dim);font-size:.88rem;line-height:1.8;text-align:left}.subchannel-card p strong{color:var(--chalk-white-bright);font-weight:600}.trial-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}.trial-item{background:var(--bg-secondary);border:1px solid hsla(40,29%,92%,.08);border-radius:12px;display:block;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.trial-item:focus-visible,.trial-item:hover{box-shadow:0 8px 30px rgba(0,0,0,.4);transform:scale(1.05)}.trial-item:focus-visible{outline:2px solid var(--chalk-yellow);outline-offset:3px}.trial-item img{aspect-ratio:16/9;object-fit:cover;width:100%}.trial-title{color:var(--chalk-white-dim);display:block;font-family:var(--font-body);font-size:.88rem;line-height:1.5;padding:12px 14px}.faq-list{margin:0 auto;max-width:720px}.faq-item{border-bottom:1px solid hsla(40,29%,92%,.08)}.faq-question{align-items:center;background:none;border:none;color:var(--chalk-white);cursor:pointer;display:flex;font-family:var(--font-body);font-size:clamp(.95rem,1.6vw,1.02rem);font-weight:500;gap:16px;justify-content:space-between;padding:20px 0;text-align:left;transition:color .3s ease;width:100%}.faq-question:hover{color:var(--chalk-white-bright)}.faq-icon{flex-shrink:0;height:24px;position:relative;width:24px}.faq-icon:after,.faq-icon:before{background:var(--chalk-white-dim);border-radius:2px;content:"";left:50%;position:absolute;top:50%;transition:transform .3s ease}.faq-icon:before{height:2px;transform:translate(-50%,-50%);width:14px}.faq-icon:after{height:14px;transform:translate(-50%,-50%);width:2px}.faq-question[aria-expanded=true] .faq-icon:after{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.faq-answer.is-open{opacity:1;padding-bottom:20px}.faq-answer p{color:var(--chalk-white-dim);font-size:.93rem;line-height:1.8}.faq-answer p+p{margin-top:8px}.faq-answer a{color:var(--blue-400);text-decoration:underline;text-underline-offset:3px;transition:color .3s ease}.faq-answer a:hover{color:var(--blue-200)}.final-cta{overflow:hidden;position:relative}.final-cta--hero{align-items:flex-end;display:flex;height:120vh;height:120svh;justify-content:center;padding:0}.final-cta-bg-image{inset:100px;position:absolute;z-index:1}.final-cta-bg-image img{height:100%;object-fit:contain;object-position:center bottom;width:100%}.final-cta-overlay{background:linear-gradient(180deg,transparent 0,transparent 40%,hsla(0,0%,6%,.3) 60%,hsla(0,0%,6%,.85) 85%,hsla(0,0%,6%,.95));inset:0;position:absolute;z-index:2}.final-cta-content{padding-bottom:clamp(60px,8vh,100px);position:relative;text-align:center;width:100%;z-index:3}.final-cta-text{margin-bottom:36px}.final-cta-title{color:var(--chalk-white-bright);font-family:var(--font-heading);font-size:clamp(2rem,5.5vw,3.8rem);letter-spacing:var(--ls-heading);line-height:1.25;margin-bottom:20px;text-shadow:0 0 15px hsla(36,33%,97%,.4),2px 2px 12px rgba(0,0,0,.95)}.final-cta-sub{color:var(--chalk-white-dim);font-size:clamp(1rem,1.8vw,1.1rem);margin-bottom:0;text-shadow:1px 1px 8px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.8)}.footer{border-top:1px solid hsla(40,29%,92%,.08);padding:48px 0 0}.footer-upper{align-items:center;border-bottom:1px solid hsla(40,29%,92%,.06);display:grid;gap:32px;grid-template-columns:auto 1fr auto;padding-bottom:32px}.footer-brand-block{min-width:100px}.footer-brand-link{align-items:center;display:flex;gap:4px}.footer-logo{height:86px;width:auto}.footer-nav{align-items:center;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:center}.footer-link{color:var(--chalk-white-faint);font-size:.82rem;transition:color .3s ease;white-space:nowrap}.footer-link:hover{color:var(--chalk-white)}.footer-app{text-align:right}.footer-app-text{color:var(--chalk-white-faint);font-size:.72rem;line-height:1.6;margin-bottom:10px}.footer-app-badges{display:flex;gap:8px;justify-content:flex-end}.footer-badge{display:inline-block;transition:opacity .3s ease}.footer-badge:hover{opacity:.75}.footer-social{display:flex;gap:20px;justify-content:center;padding:24px 0}.footer-social-link{color:var(--chalk-white-faint);transition:color .3s ease}.footer-social-link:hover{color:var(--chalk-white)}.footer-bottom{padding-bottom:24px;text-align:center}.footer-copyright{color:hsla(40,29%,92%,.3);font-size:.75rem}.scroll-fade-in{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out;will-change:transform,opacity}.scroll-fade-in.is-visible{opacity:1;transform:translateY(0);will-change:auto}.scroll-slide-left{opacity:0;transform:translateX(-60px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-slide-left.is-visible{opacity:1;transform:translateX(0)}.scroll-slide-right{opacity:0;transform:translateX(60px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-slide-right.is-visible{opacity:1;transform:translateX(0)}.scroll-scale-in{opacity:0;transform:scale(.85);transition:opacity .7s ease-out,transform .7s ease-out;will-change:transform,opacity}.scroll-scale-in.is-visible{opacity:1;transform:scale(1);will-change:auto}.scroll-stagger>*{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-stagger.is-visible>:first-child{transition-delay:0s}.scroll-stagger.is-visible>:nth-child(2){transition-delay:.12s}.scroll-stagger.is-visible>:nth-child(3){transition-delay:.24s}.scroll-stagger.is-visible>:nth-child(4){transition-delay:.36s}.scroll-stagger.is-visible>:nth-child(5){transition-delay:.48s}.scroll-stagger.is-visible>*{opacity:1;transform:translateY(0)}.br-lg{display:block}@media (max-width:1023px){.br-lg{display:none}.container{padding:0 32px}.section{padding:60px 0}.hero{flex-direction:column}.hero-content{min-height:auto;padding-bottom:0;padding-top:40px}.hero-copy{max-width:100%;text-align:center}.hero-copy:before{display:none}.hero-lead{margin-left:auto;margin-right:auto;text-wrap:balance}.hero-actions{justify-content:center}.hero-underline{margin-left:auto;margin-right:auto}.hero-content{min-height:calc(100vh - var(--nav-height) - 60px);padding-bottom:40px}.hero-figure{inset:0;max-height:none;position:absolute;width:100%}.hero-photo{max-height:none;object-position:60% center}.about-grid{gap:20px;grid-template-columns:1fr 1fr}.features-grid,.trial-grid{grid-template-columns:repeat(2,1fr)}.carousel-slide{flex:0 0 50%}.carousel-btn--prev{left:4px}.carousel-btn--next{right:4px}.thumbnail-mosaic{grid-template-columns:repeat(4,1fr)}.final-cta-content{padding-bottom:clamp(50px,7vh,80px)}.hero-panel__inner--split{flex-direction:column;gap:32px;padding-bottom:calc(var(--nav-height) + 16px);padding-top:calc(var(--nav-height) + 16px)}.hero-screenshot--phone{width:clamp(200px,40vw,280px)}.hero-screenshot--phone img{max-height:50vh}.hero-panel__inner--split .hero-copy--center{flex:0 0 auto;max-width:100%}}@media (max-width:767px){.sp-only{display:inline}:root{--nav-height:52px}.container{padding:0 20px}.section{padding:48px 0}.navbar-dropdown,.navbar-link{display:none}.navbar-links{gap:0}.hero{align-items:center;padding-bottom:40px;padding-top:calc(var(--nav-height) + 32px)}.hero-content{align-items:center;display:flex;min-height:calc(100vh - var(--nav-height) - 72px)}.hero-copy{display:block;max-width:100%;position:relative;text-align:center;z-index:2}.eyebrow,.hero-actions,.hero-lead,.hero-title-wrap{padding-left:20px;padding-right:20px;text-align:center;width:100%}.hero-figure{inset:0;margin:0;max-height:none;position:absolute;width:100%}.hero-figure:after{background:linear-gradient(90deg,hsla(0,0%,6%,.8) 0,hsla(0,0%,6%,.5) 40%,hsla(0,0%,6%,.1) 70%,hsla(0,0%,6%,.05)),linear-gradient(180deg,hsla(0,0%,6%,.3) 0,hsla(0,0%,6%,.05) 30%,hsla(0,0%,6%,.15) 60%,hsla(0,0%,6%,.7))}.hero-photo{max-height:none;object-position:center 30%}.hero-slide-number{font-size:clamp(3rem,10vw,6rem)}.hero-copy--center{padding:0 20px}.thumbnail-mosaic{grid-template-columns:repeat(3,1fr)}.thumbnail-item:nth-child(n+25){display:none}.final-cta--hero{height:auto;min-height:0}.final-cta-bg-image{inset:auto;position:relative}.final-cta-bg-image img{height:auto;object-fit:contain;object-position:center center;width:100%}.final-cta-content{bottom:0;left:0;padding-bottom:clamp(40px,6vh,60px);position:absolute;right:0}.final-cta-text{margin-bottom:28px}.final-cta-bg-image{inset:0}.final-cta-title br{display:none}.hero-panel--first{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-end}.hero-panel--first .hero-panel__inner{padding-bottom:clamp(20px,4vh,40px);padding-top:0}.hero-panel--first .hero-copy{max-width:100%;text-align:left}.hero-panel--first .eyebrow,.hero-panel--first .hero-title-wrap{padding-left:0;padding-right:0;text-align:left}.hero-panel--first .hero-title{font-size:clamp(2.6rem,8vw,4rem)}.hero-panel--first .hero-title .chalk-line-accent{white-space:nowrap;word-break:keep-all}.hero-panel--first .hero-actions,.hero-panel--first .hero-lead{padding-left:0;padding-right:0;text-align:left}.hero-panel__inner--split{flex-direction:column;gap:24px;padding-bottom:calc(var(--nav-height) + 16px);padding-top:calc(var(--nav-height) + 16px)}.hero-screenshot--phone{width:clamp(120px,30vw,180px)}.hero-screenshot--phone img{max-height:40vh}.hero-panel__inner--split .hero-copy--center{flex:0 0 auto;max-width:100%;padding:0 20px}.proof-grid{gap:16px}.about-grid,.comparison-grid,.proof-grid{grid-template-columns:1fr}.features-grid{gap:16px;grid-template-columns:1fr 1fr}.subchannels-grid,.trial-grid{grid-template-columns:1fr}.pricing-card{padding:36px 24px}.hero-actions{align-items:center;flex-direction:column}.hero-actions .btn-cta-primary,.hero-actions .btn-cta-secondary{max-width:320px;width:100%}.footer-upper{gap:32px;grid-template-columns:1fr;text-align:center}.footer{padding-top:32px}.footer-brand-block{display:flex;justify-content:center}.footer-nav{display:grid;gap:12px 32px;grid-template-columns:auto auto;justify-content:center}.footer-app{text-align:center}.footer-app-badges{justify-content:center}.final-cta:not(.final-cta--hero){padding:60px 0}.carousel-slide{flex:0 0 75%}.carousel-btn{display:none}}@media (max-width:540px){.features-grid{grid-template-columns:1fr}.hero-image-wrap{width:min(280px,85vw)}.carousel-slide{flex:0 0 85%}.proof-number{font-size:1.3rem}}@media (min-width:1440px){.container{padding:0 60px}.section{padding:100px 0}.hero-copy{max-width:600px}.hero-figure{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.chalk-appear{filter:none!important;opacity:1!important;transform:none!important}.chalk-draw-path{stroke-dashoffset:0!important}.scroll-fade-in,.scroll-scale-in,.scroll-slide-left,.scroll-slide-right,.scroll-stagger>*{opacity:1!important;transform:none!important}.grain{display:none}.carousel-track,.lightbox,.lightbox-content{transition:none!important}.hero-bg-layer{display:none!important}.hero-panel{background:var(--bg-primary);min-height:auto!important}.hero-panel--first{background:var(--bg-blackboard)}.hero-panel .hero-copy,.hero-screenshot-container,.thumbnail-item{opacity:1!important;transform:none!important}.hero-screenshot-container,.thumbnail-item{transition-delay:0s!important}}.about,.ai-features,.app-screenshots,.faq,.final-cta,.subchannels,.trial-videos{contain-intrinsic-size:auto 600px;content-visibility:auto}