#lp-shell {
  --bg:#06100d;
  --bg-deep:#020706;
  --green:#0b241f;
  --green-2:#0f342b;
  --gold:#e7c66b;
  --gold-2:#b79542;
  --ivory:#f7f4eb;
  --muted:#a9b7b0;
  --red:#c04a46;
  --line:rgba(231,198,107,.26);
  --glass:rgba(7,25,21,.68);
  --shadow:0 30px 80px rgba(0,0,0,.52);
  --radius:28px;
  --header-h:76px;
  --mouse-x:0;
  --mouse-y:0;
  --scroll-progress:0;
}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden}
#lp-shell,#lp-shell *{box-sizing:border-box}
#lp-shell{position:relative;isolation:isolate;min-width:0;color:var(--ivory);background:linear-gradient(#06110e,#030908 55%,#020605);font-family:"Noto Sans JP",system-ui,-apple-system,"Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;line-height:1.75;overflow-x:clip;overflow-y:visible}
#lp-shell ::selection{background:var(--gold);color:#06110e}
#lp-shell a{color:inherit;text-decoration:none}
#lp-shell img{max-width:100%;display:block}
#lp-shell button,#lp-shell a{touch-action:manipulation}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto;position:relative;z-index:5}
.section{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:calc(var(--header-h) + 6px)}
.section-bg{position:absolute;inset:-8%;z-index:-4;background:center/cover no-repeat;transform:translate3d(0,var(--parallax-y,0),0) scale(1.08);will-change:transform;filter:saturate(.94) brightness(.7)}
.section-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,6,.9),rgba(3,11,9,.18) 55%,rgba(2,8,6,.65)),linear-gradient(180deg,rgba(1,6,5,.2),rgba(1,6,5,.58))}
.hero-bg{background-image:url('../images/backgrounds/bg-hero.webp');filter:saturate(1.05) brightness(.58)}
.share-bg{background-image:url('../images/backgrounds/bg-share.webp');filter:saturate(.95) brightness(.55)}
.table-bg{background-image:url('../images/backgrounds/bg-table.webp');filter:saturate(1) brightness(.48)}
.score-bg{background-image:url('../images/backgrounds/bg-score.webp');filter:saturate(.86) brightness(.52)}
.cta-bg{background-image:url('../images/backgrounds/bg-cta.webp');filter:saturate(.9) brightness(.52)}
.page-progress{position:sticky;top:0;left:0;right:0;height:3px;z-index:1000;background:rgba(255,255,255,.04)}
.page-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9e7934,#ffe8a3);transform-origin:left;transform:scaleX(var(--scroll-progress));box-shadow:0 0 18px rgba(231,198,107,.75)}
.three-canvas{position:fixed!important;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;mix-blend-mode:screen;opacity:.78}
.ambient{position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(120px);opacity:.16}
.ambient--teal{width:38vw;height:38vw;left:-10vw;top:20vh;background:#087a63}
.ambient--gold{width:26vw;height:26vw;right:-8vw;top:58vh;background:#b5862d}
.site-header{height:var(--header-h);position:sticky;top:3px;left:0;right:0;z-index:900;display:flex;align-items:center;gap:28px;padding:10px clamp(20px,4vw,64px);background:linear-gradient(180deg,rgba(2,10,8,.86),rgba(2,10,8,.45));backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06);transition:transform .35s ease,background .35s ease}
.site-header.is-hidden{transform:translateY(-100%)}
.brand{width:250px;display:block;flex:0 0 auto}
.brand img{width:100%;height:52px;object-fit:contain;object-position:left center}
.site-nav{display:flex;gap:24px;margin-left:auto;color:#d3ded8;font-size:13px;letter-spacing:.08em}
.site-nav a{position:relative;padding:10px 0}
.site-nav a::after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}
.site-nav a:hover::after{transform:scaleX(1);transform-origin:left}
.header-cta{padding:11px 18px;border:1px solid rgba(231,198,107,.6);border-radius:999px;color:#fff7da;background:rgba(231,198,107,.1);font-weight:700;font-size:13px;box-shadow:inset 0 0 20px rgba(231,198,107,.06)}
.eyebrow{margin:0 0 18px;color:var(--gold);font-size:12px;letter-spacing:.26em;font-weight:800;text-transform:uppercase}
.eyebrow span{color:#fff;margin-left:8px;opacity:.66}
#lp-shell em{font-style:normal;color:var(--gold)}
.hero{min-height:calc(100svh - var(--header-h) - 3px);display:grid;align-items:center;padding:58px 0 90px}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 68% 46%,rgba(25,136,104,.16),transparent 28%),linear-gradient(90deg,rgba(0,7,5,.76) 0 42%,rgba(0,8,6,.12) 72%,rgba(0,5,4,.52));}
.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);align-items:center;gap:clamp(30px,6vw,80px)}
.hero-copy{padding-top:18px}
.hero-title{font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(52px,7.1vw,98px);line-height:1.06;letter-spacing:-.055em;margin:0 0 26px;font-weight:600;text-shadow:0 12px 50px rgba(0,0,0,.45)}
.hero-title-line{display:block}
.hero-title-accent{background:linear-gradient(100deg,#fff 0%,#ffe8a3 38%,#d6a844 75%,#fff4c4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:clamp(18px,2vw,23px);color:#d7e0db;letter-spacing:.06em;margin:0 0 30px;text-shadow:0 2px 20px #000}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:56px;padding:0 26px;border-radius:999px;font-weight:800;letter-spacing:.04em;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.28) 42%,transparent 60%);transform:translateX(-140%);transition:transform .8s ease}
.btn:hover::before{transform:translateX(140%)}
.btn--primary{color:#07110e;background:linear-gradient(135deg,#f9dfa0,#d5a83f 60%,#f5da8a);box-shadow:0 12px 40px rgba(215,169,67,.26),inset 0 1px 0 rgba(255,255,255,.6)}
.btn--primary:hover{box-shadow:0 18px 55px rgba(215,169,67,.38),0 0 0 1px rgba(255,241,184,.3)}
.btn--ghost{border:1px solid rgba(255,255,255,.2);background:rgba(6,19,16,.56);backdrop-filter:blur(12px)}
.btn-arrow{font-size:20px}
.hero-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.hero-badges span{border:1px solid rgba(231,198,107,.25);background:rgba(4,19,15,.6);backdrop-filter:blur(8px);border-radius:999px;padding:7px 13px;color:#d9dfdb;font-size:12px}
.hero-visual{position:relative;display:grid;place-items:center;min-height:690px;perspective:1200px;transform-style:preserve-3d}
.phone{position:relative;width:min(360px,82vw);padding:10px;border-radius:50px;background:linear-gradient(145deg,#121716,#030606 48%,#26302d);box-shadow:0 42px 90px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.2),inset 0 0 0 2px rgba(255,255,255,.05);overflow:visible;transform-style:preserve-3d}
.phone::before{content:"";position:absolute;inset:-2px;border-radius:52px;padding:2px;background:linear-gradient(130deg,#d7d9d5 0%,#444c49 30%,#141918 52%,#c7c9c5 76%,#383f3d);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.phone-speaker{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:34%;height:20px;border-radius:0 0 14px 14px;background:#020403;z-index:6;box-shadow:0 8px 18px rgba(0,0,0,.45)}
.phone-screen{position:relative;width:100%;height:auto;overflow:hidden;border-radius:40px;background:#06110e;isolation:isolate}
.phone-screen>img:first-child{position:relative;z-index:1;width:100%;height:auto;object-fit:contain;object-position:top center}
/* Glass reflection is CSS-generated so it always matches the live phone screen size. */
.phone-screen::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;background:linear-gradient(116deg,transparent 0 17%,rgba(255,255,255,.025) 20%,rgba(255,255,255,.13) 27%,rgba(255,255,255,.035) 34%,transparent 42% 64%,rgba(255,255,255,.06) 72%,transparent 79%),radial-gradient(ellipse at 72% 5%,rgba(255,255,255,.08),transparent 34%);mix-blend-mode:screen;opacity:.58}
.phone--hero{width:min(390px,84vw);transform:rotateY(-7deg) rotateX(2deg) rotateZ(2deg);animation:phoneFloat 5.4s ease-in-out infinite}
@keyframes phoneFloat{0%,100%{transform:rotateY(-7deg) rotateX(2deg) rotateZ(2deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(1deg) rotateZ(1deg) translateY(-14px)}}
.hero-orbit{position:absolute;border:1px solid rgba(231,198,107,.28);border-radius:50%;width:520px;height:270px;transform:rotate(-18deg);filter:drop-shadow(0 0 18px rgba(231,198,107,.2));animation:orbitPulse 4s ease-in-out infinite}
.hero-orbit--2{width:430px;height:220px;animation-delay:-1.8s;border-color:rgba(81,202,163,.26)}
@keyframes orbitPulse{50%{transform:rotate(-13deg) scale(1.08);opacity:.35}}
.floating-tile,.decor-tile{position:absolute;z-index:8;filter:drop-shadow(0 20px 18px rgba(0,0,0,.45));will-change:transform}
.floating-tile--east{width:122px;right:-28px;top:15%;animation:tileFloatA 5.8s ease-in-out infinite}
.floating-tile--chun{width:96px;left:-22px;bottom:13%;animation:tileFloatB 5.3s ease-in-out infinite}
@keyframes tileFloatA{50%{transform:translate3d(10px,-18px,0) rotate(7deg)}}
@keyframes tileFloatB{50%{transform:translate3d(-10px,-14px,0) rotate(-8deg)}}
.hero-chip{position:absolute;z-index:9;padding:12px 16px;border:1px solid rgba(231,198,107,.28);border-radius:16px;background:rgba(6,22,18,.72);backdrop-filter:blur(14px);box-shadow:0 18px 40px rgba(0,0,0,.3);min-width:160px}
.hero-chip strong{display:block;color:#fff;font-size:13px}.hero-chip span{display:block;color:#96aaa0;font-size:10px;margin-top:2px}
.hero-chip--top{right:-10px;top:28%}.hero-chip--bottom{left:-40px;bottom:23%}
.hero-smoke{position:absolute;z-index:-1;pointer-events:none;opacity:.24;mix-blend-mode:screen;will-change:transform}
.hero-smoke--teal{width:78vw;left:-22vw;bottom:-15vw;animation:smokeDrift 16s ease-in-out infinite alternate}
.hero-smoke--gold{width:68vw;right:-24vw;top:-14vw;animation:smokeDrift 19s ease-in-out infinite alternate-reverse}
@keyframes smokeDrift{to{transform:translate3d(5vw,-2vw,0) scale(1.08);opacity:.33}}
.hero-trail{position:absolute;right:-8%;top:5%;width:48vw;z-index:-1;opacity:.18;mix-blend-mode:screen;filter:blur(.2px);animation:trailBreath 7s ease-in-out infinite}
@keyframes trailBreath{50%{opacity:.35;transform:translateX(-2vw) scale(1.03)}}
.hero-cloud{position:absolute;left:-14%;bottom:4%;width:46vw;opacity:.12;mix-blend-mode:screen;z-index:-1}
.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:6px;color:#bac7c0;font-size:9px;letter-spacing:.25em}
.scroll-cue i{width:1px;height:45px;background:linear-gradient(var(--gold),transparent);animation:scrollCue 1.8s ease-in-out infinite}
@keyframes scrollCue{0%{transform:scaleY(.2);transform-origin:top;opacity:.3}50%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.2);transform-origin:bottom;opacity:.2}}
.cinematic-section{min-height:125svh}
.section-vignette,.cta-overlay{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 75% 50%,transparent,rgba(0,5,4,.22) 48%,rgba(0,5,4,.7)),linear-gradient(180deg,rgba(1,7,5,.15),rgba(1,7,5,.72))}
.section-stage{min-height:100svh;position:sticky;top:0;display:grid;grid-template-columns:1fr .92fr;gap:clamp(38px,7vw,90px);align-items:center;padding:95px 0 70px}
.section-stage--reverse{grid-template-columns:.92fr 1fr}
.section-copy h2,.features-heading h2,.flow-heading h2,.cta-inner h2{font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(42px,5.7vw,74px);line-height:1.13;letter-spacing:-.035em;margin:0 0 24px;font-weight:600}
.section-copy .section-lead{max-width:620px;color:#c2d0c8;font-size:16px;margin:0 0 28px}
.section-index{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:rgba(231,198,107,.72);font:600 11px/1 monospace;letter-spacing:.2em}
.section-index::after{content:"";width:76px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.section-index span{color:#7f968b}
.visual-cluster{position:relative;min-height:720px;display:grid;place-items:center;perspective:1200px}
.phone--feature{width:min(340px,78vw);transition:transform .12s linear;will-change:transform}
.phone--left{transform:rotateY(-8deg) rotateZ(-2deg)}.phone--right{transform:rotateY(8deg) rotateZ(2deg)}
.phone--score{width:min(350px,80vw)}
.step-list{display:grid;gap:10px;max-width:570px}
.step-card{display:flex;gap:18px;align-items:center;padding:16px 18px;border:1px solid rgba(231,198,107,.15);border-radius:18px;background:rgba(5,21,17,.62);backdrop-filter:blur(12px);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.step-card:hover{transform:translateX(8px);border-color:rgba(231,198,107,.4);background:rgba(10,37,30,.72)}
.step-card b{font:700 12px/1 monospace;color:var(--gold)}
.step-card strong{display:block;font-size:15px}.step-card span{display:block;color:#8fa399;font-size:12px;margin-top:2px}
.pulse-ring{position:absolute;width:410px;height:410px;border-radius:50%;border:1px solid rgba(231,198,107,.22);animation:pulseRing 3s ease-out infinite;z-index:-1}.pulse-ring--b{animation-delay:1.5s}
@keyframes pulseRing{0%{transform:scale(.75);opacity:0}25%{opacity:.7}100%{transform:scale(1.45);opacity:0}}
.decor-tile--share-a{width:100px;right:3%;top:15%;animation:tileFloatA 5s ease-in-out infinite}.decor-tile--share-b{width:86px;left:2%;bottom:16%;animation:tileFloatB 4.8s ease-in-out infinite}
.signal{position:absolute;z-index:-1;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 24px var(--gold);animation:signalFly 3.5s linear infinite;offset-path:path('M 30 500 C 200 350, 180 180, 390 110')}.signal--2{animation-delay:-1.2s}.signal--3{animation-delay:-2.4s}
@keyframes signalFly{from{offset-distance:0;opacity:0}15%{opacity:1}85%{opacity:1}to{offset-distance:100%;opacity:0}}
.sync-trail{position:absolute;width:150%;max-width:none;opacity:.18;mix-blend-mode:screen;z-index:-1;animation:trailBreath 6s ease-in-out infinite}
.sync-node{position:absolute;z-index:10;font-size:11px;letter-spacing:.08em;color:#dbe8e2;background:rgba(3,17,14,.78);border:1px solid rgba(97,217,178,.25);border-radius:999px;padding:8px 12px;backdrop-filter:blur(10px);box-shadow:0 12px 32px rgba(0,0,0,.25)}
.sync-node span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#64d9b6;box-shadow:0 0 14px #64d9b6;margin-right:7px;animation:nodePulse 1.6s ease-in-out infinite}
@keyframes nodePulse{50%{transform:scale(1.5);opacity:.5}}
.sync-node--1{left:1%;top:22%}.sync-node--2{right:1%;top:35%}.sync-node--3{left:3%;bottom:26%}.sync-node--4{right:2%;bottom:18%}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.metric{padding:18px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(18,48,40,.72),rgba(6,24,19,.58));border:1px solid rgba(255,255,255,.08);min-height:134px}
.metric-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#06110e;background:var(--gold);margin-bottom:13px;font-weight:900}.metric strong{display:block;font-size:14px}.metric small{display:block;color:#8fa399;margin-top:5px}
.analysis-grid{position:absolute;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(rgba(70,205,166,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(70,205,166,.09) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 0,black 54%,black 90%,transparent)}
.scan-beam{position:absolute;left:7%;right:7%;top:8%;height:3px;z-index:4;pointer-events:none;background:linear-gradient(90deg,transparent,#5ee4bc 30%,#ffe9a4 70%,transparent);box-shadow:0 0 24px rgba(94,228,188,.8);opacity:0;animation:scan 4s ease-in-out infinite}
@keyframes scan{0%{top:8%;opacity:0}15%{opacity:.9}82%{opacity:.9}100%{top:92%;opacity:0}}
.analysis-chip{position:absolute;z-index:10;border:1px solid rgba(91,229,188,.3);border-radius:12px;padding:9px 14px;background:rgba(4,20,17,.78);color:#b8eee0;font-size:11px;letter-spacing:.12em;backdrop-filter:blur(12px);animation:chipBlink 2.8s ease-in-out infinite}
.analysis-chip--a{right:3%;top:26%}.analysis-chip--b{left:1%;top:52%;animation-delay:-.8s}.analysis-chip--c{right:0;bottom:19%;animation-delay:-1.6s}
@keyframes chipBlink{50%{border-color:rgba(231,198,107,.7);box-shadow:0 0 22px rgba(231,198,107,.16);color:#fff0b8}}
.feature-lines{display:grid;gap:0;max-width:600px;border-top:1px solid rgba(231,198,107,.18)}
.feature-lines>div{display:grid;grid-template-columns:42px 180px 1fr;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid rgba(231,198,107,.13)}
.feature-lines span{font:700 11px/1 monospace;color:var(--gold)}.feature-lines strong{font-size:14px}.feature-lines p{margin:0;color:#91a49a;font-size:12px}
.section--features{padding:140px 0 150px;background:radial-gradient(circle at 80% 10%,rgba(18,85,69,.25),transparent 35%),linear-gradient(180deg,#05100d,#081914 50%,#040b09)}
.features-ornament{position:absolute;right:-4%;top:4%;width:540px;height:240px;background:url('../images/ornaments/cloud-gold.png') center/contain no-repeat;opacity:.07;filter:blur(.1px)}
.features-heading{text-align:center;max-width:820px;margin:0 auto 58px}.features-heading p:last-child{color:#9cafA5}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.feature-card{position:relative;min-height:230px;padding:24px;border-radius:22px;background:linear-gradient(155deg,rgba(19,50,42,.78),rgba(5,19,16,.68));border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease}
.feature-card::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;bottom:-75px;background:radial-gradient(circle,rgba(231,198,107,.18),transparent 65%);transition:transform .35s ease}
.feature-card:hover{transform:translateY(-9px);border-color:rgba(231,198,107,.28);box-shadow:0 24px 50px rgba(0,0,0,.24)}.feature-card:hover::after{transform:scale(1.5)}
.feature-card span{font:700 11px/1 monospace;color:#9d8243}.feature-card h3{font-size:18px;margin:52px 0 8px}.feature-card p{margin:0;color:#8ea199;font-size:13px}.feature-card--cta{background:linear-gradient(145deg,rgba(197,153,54,.26),rgba(11,38,31,.7));border-color:rgba(231,198,107,.3)}.feature-card--cta a{display:inline-block;margin-top:18px;color:#f4d884;font-size:13px;font-weight:700}
.section--flow{padding:140px 0;background:#030a08}
.flow-heading{text-align:center;margin-bottom:64px}
.flow-track{--flow-node-center:53px;position:relative;max-width:850px;margin:auto;display:grid;gap:28px}
.flow-progress{position:absolute;z-index:0;left:calc(var(--flow-node-center) - 1px);top:var(--flow-node-center);bottom:var(--flow-node-center);width:2px;background:rgba(231,198,107,.1);pointer-events:none}.flow-progress i{display:block;width:100%;height:var(--flow-progress,0%);background:linear-gradient(var(--gold),#72d1b3);box-shadow:0 0 14px rgba(231,198,107,.4);transition:height .08s linear}
.flow-step{position:relative;z-index:1;display:grid;grid-template-columns:78px 1fr;align-items:center;gap:24px;min-height:145px;padding:26px;border-radius:24px;background:rgba(11,34,28,.5);border:1px solid rgba(255,255,255,.06)}
.flow-step b{position:relative;z-index:2;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(231,198,107,.38);background:#06130f;color:var(--gold);font:700 12px/1 monospace;box-shadow:0 0 0 10px #030a08,0 0 26px rgba(231,198,107,.06)}
.flow-step h3{margin:0 0 6px;font-size:20px}.flow-step p{margin:0;color:#8fa299}
.section--cta{min-height:94svh;display:grid;place-items:center;text-align:center}.section--cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 48%,rgba(9,33,27,.18),rgba(0,5,4,.72) 64%)}
.cta-inner{padding:120px 0 110px;max-width:850px}.cta-logo{width:min(430px,70vw);margin:0 auto 26px}.cta-inner h2{font-size:clamp(48px,7vw,88px);margin-bottom:18px}.cta-inner>p:not(.eyebrow){color:#b8c6bf;margin:0 auto 32px;max-width:650px}.btn--large{min-height:66px;padding-inline:34px;font-size:16px}.cta-meta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.cta-meta span{font:700 10px/1 monospace;letter-spacing:.16em;color:#b8c6bf;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 12px;background:rgba(4,16,13,.55)}
.cta-cloud{position:absolute;z-index:0;width:65vw;left:-20vw;bottom:5%;opacity:.08;mix-blend-mode:screen}.cta-feather{position:absolute;z-index:1;opacity:.25;filter:drop-shadow(0 0 30px rgba(231,198,107,.2));will-change:transform}.cta-feather--a{width:150px;left:10%;top:22%;animation:featherFall 8s ease-in-out infinite}.cta-feather--b{width:90px;right:10%;bottom:18%;animation:featherFall 10s ease-in-out infinite reverse}
@keyframes featherFall{50%{transform:translate3d(25px,30px,0) rotate(15deg);opacity:.45}}
.site-footer{background:#020605;border-top:1px solid rgba(255,255,255,.06);padding:34px 0}.footer-inner{display:flex;align-items:center;gap:24px;color:#75877f;font-size:11px}.footer-inner img{width:210px}.footer-inner p{margin:0}.footer-inner a{margin-left:auto;color:#9aacA3}
.reveal,.step-card,.metric,.feature-card,.flow-step,.feature-lines>div{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
.reveal.is-visible,.step-card.is-visible,.metric.is-visible,.feature-card.is-visible,.flow-step.is-visible,.feature-lines>div.is-visible{opacity:1;transform:none}
.reveal-item{opacity:0;transform:translateY(30px);animation:heroReveal .9s cubic-bezier(.16,1,.3,1) forwards}.reveal-item:nth-child(1){animation-delay:.08s}.reveal-item:nth-child(2){animation-delay:.18s}.reveal-item:nth-child(3){animation-delay:.34s}.reveal-item:nth-child(4){animation-delay:.48s}.reveal-item:nth-child(5){animation-delay:.58s}
@keyframes heroReveal{to{opacity:1;transform:none}}
.magnetic{will-change:transform}
@media (max-width:1050px){
  .hero-inner,.section-stage,.section-stage--reverse{grid-template-columns:1fr 1fr;gap:28px}.hero-visual,.visual-cluster{min-height:640px}.features-grid{grid-template-columns:repeat(2,1fr)}.site-nav{display:none}.hero-title{font-size:clamp(48px,7vw,74px)}
}
@media (max-width:800px){
  .section-bg{inset:-4%;transform:translate3d(0,var(--parallax-y,0),0) scale(1.04)}
  .hero-bg{background-position:29% center}
  .share-bg{background-position:27% center}
  .table-bg{background-position:74% center}
  .score-bg{background-position:77% center}
  .cta-bg{background-position:68% center}
  #lp-shell{--header-h:64px}.shell{width:min(100% - 28px,720px)}.site-header{padding:8px 14px}.brand{width:190px}.brand img{height:42px}.header-cta{font-size:11px;padding:9px 13px}
  .hero{padding-top:32px;min-height:auto}.hero-inner{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-title{font-size:clamp(45px,12vw,68px)}.hero-lead br{display:none}.hero-actions,.hero-badges{justify-content:center}.hero-visual{min-height:610px;margin-top:-18px}.hero-chip--top{right:0}.hero-chip--bottom{left:0}.floating-tile--east{right:1%}.floating-tile--chun{left:1%}
  .cinematic-section{min-height:auto}.section-stage,.section-stage--reverse{position:relative;grid-template-columns:1fr;min-height:auto;padding:100px 0 90px}.section-stage--reverse .visual-cluster{order:2}.section-copy{text-align:center}.section-copy .section-lead{margin-inline:auto}.section-index{justify-content:center}.step-list,.feature-lines{margin-inline:auto;text-align:left}.visual-cluster{min-height:650px}.phone--feature{width:min(330px,78vw)}
  .metric-grid{max-width:620px;margin-inline:auto;text-align:left}.features-grid{grid-template-columns:1fr 1fr}.section--features,.section--flow{padding:100px 0}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center}.footer-inner a{margin-left:0;width:100%}.three-canvas{opacity:.58}
}
@media (max-width:560px){
  .hero-bg{background-position:24% center}
  .share-bg{background-position:24% center}
  .table-bg{background-position:78% center}
  .score-bg{background-position:82% center}
  .cta-bg{background-position:72% center}
  .hero-title{font-size:clamp(42px,13vw,58px)}.hero-lead{font-size:16px}.hero-visual{min-height:545px}.phone--hero{width:290px}.hero-orbit{width:360px;height:200px}.hero-orbit--2{width:310px;height:160px}.hero-chip{display:none}.floating-tile--east{width:80px}.floating-tile--chun{width:66px}
  .section-copy h2,.features-heading h2,.flow-heading h2,.cta-inner h2{font-size:clamp(38px,10vw,52px)}.visual-cluster{min-height:590px}.phone--feature{width:285px}.pulse-ring{width:320px;height:320px}.sync-node{font-size:9px}.metric-grid{grid-template-columns:1fr}.metric{min-height:94px}.feature-lines>div{grid-template-columns:34px 1fr}.feature-lines p{grid-column:2}.features-grid{grid-template-columns:1fr}.feature-card{min-height:190px}.feature-card h3{margin-top:34px}.flow-track{--flow-node-center:47px}.flow-step{grid-template-columns:64px 1fr;padding:20px}.cta-inner{padding:100px 0}.cta-feather--a{width:100px;left:2%}.cta-feather--b{width:70px;right:2%}.footer-inner img{width:180px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.three-canvas{display:none}.hero-smoke,.hero-trail,.floating-tile,.phone--hero,.pulse-ring,.signal,.scan-beam,.analysis-chip,.cta-feather{animation:none!important}.reveal,.step-card,.metric,.feature-card,.flow-step,.feature-lines>div,.reveal-item{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
}
