/* finesse · register=brand/product · A=warm-wicker+champagne-metal · B=editorial-sans · C=asymmetric-ai-console · D=signal-scan+flow-pulses · E=warm-charcoal+brushed-champagne · SOUL=8 SPECTACLE=5 DENSITY=6 */
:root{
  color-scheme:dark;
  --ink:#100c08;
  --ink-2:#18110c;
  --surface:rgba(27,20,14,.88);
  --surface-soft:rgba(34,25,17,.76);
  --surface-raised:rgba(43,32,22,.92);
  --line:rgba(183,133,62,.52);
  --line-strong:rgba(220,178,103,.78);
  --gold:#c99852;
  --gold-light:#eed7a4;
  --gold-deep:#785027;
  --text:#dfc391;
  --muted:#bca06f;
  --quiet:#8f744d;
  --green:#69d59b;
  --red:#e88e82;
  --banker:#e88e82;
  --banker-soft:rgba(232,142,130,.1);
  --player:#7eb7e8;
  --player-soft:rgba(126,183,232,.1);
  --tie:#69d59b;
  --tie-soft:rgba(105,213,155,.1);
  --shadow:0 24px 70px rgba(10,6,3,.5),inset 0 1px rgba(255,242,211,.18),inset 0 -1px rgba(111,70,29,.16);
  --radius:22px;
  --radius-sm:14px;
  --max:1180px;
  --max-wide:1440px;
  --ease:cubic-bezier(.16,1,.3,1);
  font-family:"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink);overflow-x:clip}
body{
  min-width:320px;min-height:100vh;margin:0;color:var(--text);line-height:1.6;
  background:
    linear-gradient(180deg,rgba(12,8,5,.66),rgba(16,11,7,.86)),
    url("old-money-weave-background.jpg") center top/720px auto repeat;
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 78% 12%,rgba(221,177,104,.13),transparent 31%),linear-gradient(90deg,rgba(9,6,4,.2),transparent 45%,rgba(9,6,4,.25));
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
h1,h2,h3,p{margin:0}
svg{display:block}
.site-shell{min-height:100vh}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
:where(.site-nav,.hero,.trust-strip) .container{width:min(calc(100% - 40px),var(--max-wide))}
.metal-text{
  color:var(--gold-light);
  background:linear-gradient(108deg,#81552a 0%,#c0904d 15%,#f6e5bd 30%,#ab7738 44%,#fae9c1 57%,#c99a56 75%,#80542a 100%);
  background-size:220% 100%;background-position:46% 50%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 1px rgba(255,246,223,.14),0 12px 34px rgba(29,17,7,.36);
}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:.78rem;font-weight:760;letter-spacing:.16em;text-transform:uppercase}
.eyebrow::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-light))}
.site-nav{
  position:sticky;top:0;z-index:50;border-bottom:1.25px solid rgba(183,133,62,.42);
  background:rgba(17,12,8,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:0;font-weight:760}
.brand-mark{
  width:40px;height:40px;display:grid;place-items:center;border:1.5px solid rgba(246,217,163,.7);border-radius:12px;
  color:#130d08;background:linear-gradient(112deg,#906130 0%,#d4af6d 23%,#f4e2b8 39%,#ad7b3d 55%,#eed29a 72%,#996833 100%);box-shadow:inset 0 1px rgba(255,250,232,.8),inset 0 -1px rgba(111,69,28,.25),0 6px 18px rgba(21,12,5,.44)
}
.brand-copy{display:grid;line-height:1.15}.brand-copy small{margin-top:3px;color:var(--quiet);font-size:.68rem;letter-spacing:.08em}
.nav-links{display:flex;align-items:center;gap:26px;color:var(--muted);font-size:.86rem;font-weight:650}
.nav-links a{transition:color .2s ease}.nav-links a:hover,.nav-links a:focus-visible{color:var(--gold-light);outline:none}
.nav-cta,.button{
  min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:1.35px solid var(--line-strong);border-radius:999px;
  color:var(--gold-light);background:linear-gradient(120deg,rgba(255,239,204,.14),rgba(255,239,204,.025) 25%,transparent 44%,rgba(164,110,48,.1) 74%,rgba(255,229,178,.09)),rgba(37,27,18,.88);box-shadow:inset 0 1px rgba(255,244,217,.22),inset 0 -1px rgba(105,65,27,.16),0 8px 24px rgba(12,7,3,.3);
  font-weight:760;cursor:pointer;transition:transform .22s var(--ease),border-color .22s ease,background-color .22s ease
}
.nav-cta:hover,.button:hover{transform:translateY(-2px);border-color:rgba(190,145,76,.76)}
.button:active{transform:scale(.97)}
.button.primary{color:#130d08;background:linear-gradient(108deg,#8b5d2d 0%,#c89d5d 25%,#f3dfb1 43%,#a87336 59%,#d8b373 78%,#926130 100%);border-color:rgba(248,220,170,.78);box-shadow:inset 0 1px rgba(255,250,231,.72),inset 0 -1px rgba(103,62,24,.28),0 8px 24px rgba(12,7,3,.32)}
.button.quiet{background:rgba(25,18,12,.68);border-color:var(--line)}
.button svg{width:17px;height:17px}

.hero{padding:104px 0 82px;position:relative}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:64px;align-items:center}
.hero-copy h1{max-width:760px;margin-top:24px;font-size:clamp(3.25rem,7vw,6.5rem);line-height:.94;letter-spacing:-.06em;overflow-wrap:anywhere}
.hero-copy h1 span{display:block}.hero-copy h1 .line-small{font-size:.56em;letter-spacing:-.035em;margin-top:14px;color:var(--text);-webkit-text-fill-color:initial;background:none}
.hero-lead{max-width:660px;margin-top:30px;color:#c4a878;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.85}
.hero-lead strong{color:var(--gold-light)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero-note{display:flex;align-items:center;gap:10px;margin-top:22px;color:var(--quiet);font-size:.78rem}
.hero-note i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(105,213,155,.08)}

.ai-console{position:relative;min-height:570px;border:1.5px solid var(--line-strong);border-radius:30px;background:linear-gradient(122deg,rgba(255,239,204,.13),rgba(255,239,204,.02) 23%,transparent 43%,rgba(164,110,48,.09) 75%,rgba(255,230,181,.07)),rgba(20,14,9,.92);box-shadow:var(--shadow);overflow:hidden}
.ai-console::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(151,108,53,.04) 1px,transparent 1px),linear-gradient(rgba(151,108,53,.04) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.console-head{position:relative;display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.76rem;letter-spacing:.08em}
.console-live{display:flex;align-items:center;gap:8px;color:var(--green)}.console-live::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(105,213,155,.09)}
.signal-stage{position:relative;padding:28px 24px 24px}
.signal-orbit{position:relative;height:212px;display:grid;place-items:center}
.orbit-ring{position:absolute;border:1px solid rgba(157,113,56,.2);border-radius:50%}.orbit-ring:nth-child(1){width:210px;height:210px}.orbit-ring:nth-child(2){width:146px;height:146px}.orbit-ring:nth-child(3){width:84px;height:84px;border-color:rgba(184,139,73,.38)}
.orbit-ring:nth-child(1)::after,.orbit-ring:nth-child(2)::after{content:"";position:absolute;top:50%;left:-4px;width:8px;height:8px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 16px rgba(177,132,69,.58);animation:nodePulse 2.4s ease-in-out infinite}
.ai-core{position:relative;z-index:2;display:grid;place-items:center;width:64px;height:64px;border:1.5px solid rgba(248,220,170,.78);border-radius:50%;color:#130d08;background:linear-gradient(108deg,#8b5d2d,#d1a969 28%,#f2ddb0 45%,#a77135 62%,#d4ab67 82%,#8f5e2e);box-shadow:inset 0 1px rgba(255,250,231,.72),inset 0 -1px rgba(103,62,24,.26),0 0 50px rgba(177,125,61,.26);font-weight:900;font-size:.82rem;letter-spacing:.08em}
.scan-line{position:absolute;left:11%;right:11%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-light),transparent);box-shadow:0 0 16px rgba(167,121,59,.42);animation:scan 4s var(--ease) infinite}
.reason-list{position:relative;display:grid;gap:10px}
.reason-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(160,118,60,.2);border-radius:13px;background:rgba(38,27,18,.66);font-size:.78rem}
.reason-index{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--gold);background:rgba(141,95,42,.11)}
.reason-main{display:grid;gap:2px}.reason-main b{color:var(--text);font-size:.82rem}.reason-main span{color:var(--quiet);font-size:.7rem}
.reason-score{color:var(--gold-light);font-variant-numeric:tabular-nums}
.console-foot{position:absolute;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;color:var(--quiet);font-size:.68rem;letter-spacing:.06em}

.trust-strip{border-block:1px solid rgba(160,118,60,.18);background:rgba(16,11,7,.76)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{padding:25px 22px;border-right:1px solid rgba(160,118,60,.16)}.trust-item:last-child{border-right:0}
.trust-item strong{display:block;color:var(--gold-light);font-size:1.06rem}.trust-item span{display:block;margin-top:4px;color:var(--quiet);font-size:.76rem}

.section{padding:100px 0}.section.compact{padding:76px 0}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.58fr);gap:48px;align-items:end;margin-bottom:40px}
.section-head h2{margin-top:16px;font-size:clamp(2.2rem,4.5vw,4.4rem);line-height:1.02;letter-spacing:-.045em}.section-head p{color:var(--muted);line-height:1.8}
.workflow{display:grid;grid-template-columns:repeat(4,1fr);border:1.35px solid var(--line);border-radius:var(--radius);overflow:hidden;background:linear-gradient(122deg,rgba(255,239,204,.075),transparent 31%,rgba(153,100,43,.055)),rgba(23,16,11,.82);box-shadow:var(--shadow)}
.flow-step{position:relative;min-height:260px;padding:28px 24px;border-right:1px solid var(--line)}.flow-step:last-child{border-right:0}
.flow-num{display:flex;align-items:center;justify-content:space-between;color:var(--quiet);font-size:.72rem;letter-spacing:.12em}.flow-num i{width:7px;height:7px;border-radius:50%;background:var(--gold-deep)}
.flow-step h3{margin-top:54px;color:var(--gold-light);font-size:1.22rem}.flow-step p{margin-top:12px;color:var(--muted);font-size:.86rem;line-height:1.75}
.flow-step::after{content:"";position:absolute;left:24px;right:24px;bottom:22px;height:1px;background:linear-gradient(90deg,var(--gold-deep),transparent)}

.tutorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tutorial-card{position:relative;display:flex;flex-direction:column;min-height:390px;padding:26px;border:1.35px solid var(--line);border-radius:var(--radius);background:linear-gradient(122deg,rgba(255,239,204,.1),rgba(255,239,204,.02) 25%,transparent 43%,rgba(157,104,45,.07) 76%,rgba(255,229,178,.055)),var(--surface);box-shadow:var(--shadow);overflow:hidden;transition:transform .28s var(--ease),border-color .28s ease}
.tutorial-card:hover{transform:translateY(-5px);border-color:var(--line-strong)}
.tutorial-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.platform-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(177,132,69,.4);border-radius:15px;color:var(--gold-light);background:rgba(143,96,42,.1);font-size:.73rem;font-weight:900;letter-spacing:.04em}
.version{padding:6px 10px;border:1px solid rgba(105,213,155,.26);border-radius:999px;color:var(--green);background:rgba(105,213,155,.07);font-size:.7rem;font-weight:760}
.tutorial-card h3{margin-top:38px;font-size:1.45rem;color:var(--gold-light)}.tutorial-card>p{margin-top:12px;color:var(--muted);font-size:.86rem;line-height:1.75}
.package-meta{display:grid;gap:7px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(160,118,60,.18);color:var(--quiet);font-size:.72rem}.package-meta span{display:flex;justify-content:space-between;gap:12px}.package-meta b{color:var(--muted);font-weight:650}
.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:24px}.card-actions .button{padding-inline:12px;min-height:44px;font-size:.78rem}

.feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.feature-stack{display:grid;gap:16px}
.feature-panel{min-height:250px;padding:28px;border:1.35px solid var(--line);border-radius:var(--radius);background:linear-gradient(122deg,rgba(255,239,204,.09),transparent 34%,rgba(153,100,43,.06)),var(--surface);box-shadow:var(--shadow)}
.feature-panel.tall{min-height:516px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,rgba(145,100,47,.12),transparent 44%),rgba(25,18,12,.9)}
.feature-kicker{color:var(--quiet);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.feature-panel h3{max-width:520px;margin-top:18px;color:var(--gold-light);font-size:clamp(1.5rem,3vw,2.8rem);line-height:1.12}.feature-panel p{max-width:540px;margin-top:16px;color:var(--muted);font-size:.86rem}
.road-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.road-legend span{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid currentColor;border-radius:999px;font-size:.68rem;font-weight:760}.road-legend [data-result="B"]{color:var(--banker)}.road-legend [data-result="P"]{color:var(--player)}.road-legend [data-result="T"]{color:var(--tie)}
.mini-road{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin-top:14px}.mini-road i{aspect-ratio:1;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:clamp(.88rem,1.15vw,1.05rem);font-weight:900;line-height:1;letter-spacing:.01em;box-shadow:inset 0 0 0 4px transparent}.mini-road i[data-result="B"]{color:var(--banker);background:var(--banker-soft);box-shadow:inset 0 0 0 4px var(--banker-soft)}.mini-road i[data-result="P"]{color:var(--player);background:var(--player-soft);box-shadow:inset 0 0 0 4px var(--player-soft)}.mini-road i[data-result="T"]{color:var(--tie);background:var(--tie-soft);box-shadow:inset 0 0 0 4px var(--tie-soft)}

.safety{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px;align-items:start;padding:42px;border:1.5px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(122deg,rgba(255,239,204,.11),transparent 34%,rgba(153,100,43,.075)),rgba(25,18,12,.92);box-shadow:var(--shadow)}
.safety h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.04;letter-spacing:-.04em}.safety-copy{align-self:center;display:grid;gap:15px}.safety-row{display:grid;grid-template-columns:28px 1fr;gap:14px;color:var(--muted)}.safety-row b{color:var(--gold-light)}

.site-footer{padding:46px 0 36px;border-top:1px solid rgba(160,118,60,.19);background:rgba(13,9,6,.84)}
.footer-grid{display:flex;justify-content:space-between;gap:32px;align-items:flex-end}.footer-copy{max-width:580px;color:var(--quiet);font-size:.76rem}.footer-links{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:.78rem}

/* Tutorial pages */
.tutorial-page{background-size:620px auto}
.tutorial-hero{padding:78px 0 52px}.tutorial-breadcrumb{display:flex;align-items:center;gap:9px;color:var(--quiet);font-size:.8rem}.tutorial-breadcrumb a:hover{color:var(--gold-light)}
.tutorial-hero-grid{display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:start;margin-top:34px}
.tutorial-title h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.96;letter-spacing:-.055em}.tutorial-title p{max-width:650px;margin-top:24px;color:var(--muted);font-size:1.02rem;line-height:1.85}
.download-panel{padding:26px;border:1.5px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(122deg,rgba(255,239,204,.13),rgba(255,239,204,.02) 24%,transparent 43%,rgba(157,104,45,.09) 76%,rgba(255,229,178,.06)),rgba(24,17,11,.94);box-shadow:var(--shadow)}
.download-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.download-panel h2{font-size:1.2rem;color:var(--gold-light)}.download-panel .version{white-space:nowrap}
.download-panel>p{margin-top:10px;color:var(--muted);font-size:.8rem}.download-panel .button{width:100%;margin-top:22px}
.download-address{margin-top:14px;padding:13px;border:1px solid rgba(160,118,60,.22);border-radius:12px;background:rgba(10,7,4,.52)}
.download-address label{display:block;color:var(--quiet);font-size:.68rem;letter-spacing:.08em}.address-line{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:6px}.address-line code{min-width:0;color:var(--gold);font:600 .72rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.copy-button{min-width:64px;min-height:36px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:rgba(139,93,41,.08);cursor:pointer}.copy-button:hover{color:var(--gold-light);border-color:var(--line-strong)}
.checksum{margin-top:12px;color:var(--quiet);font:.66rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.tutorial-body{padding:34px 0 100px}.tutorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}.tutorial-main{display:grid;gap:18px}
.step-card{display:grid;grid-template-columns:58px 1fr;gap:22px;padding:26px;border:1.35px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(122deg,rgba(255,239,204,.085),transparent 34%,rgba(153,100,43,.06)),var(--surface);box-shadow:var(--shadow)}
.step-number{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(184,139,73,.46);border-radius:13px;color:var(--gold-light);background:rgba(139,93,41,.1);font-weight:800}.step-card h3{color:var(--gold-light);font-size:1.08rem}.step-card p{margin-top:8px;color:var(--muted);font-size:.86rem}.step-card ul{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:.82rem}.step-card li+li{margin-top:6px}
.tutorial-proof{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:1px solid rgba(105,213,155,.3);border-radius:var(--radius-sm);color:var(--muted);background:rgba(105,213,155,.055);font-size:.8rem}.tutorial-proof::before{content:"中文";flex:0 0 auto;padding:3px 7px;border:1px solid rgba(105,213,155,.38);border-radius:999px;color:var(--green);font-size:.62rem;font-weight:850;letter-spacing:.1em}.tutorial-proof strong{color:var(--gold-light)}
.visual-step{grid-template-columns:58px minmax(0,1fr) minmax(250px,340px);align-items:center}.step-copy a{color:var(--gold-light);text-decoration:underline;text-underline-offset:3px}.step-copy .inline-download{display:inline-flex;margin-top:15px;padding:9px 14px;border:1px solid var(--line-strong);border-radius:999px;color:var(--gold-light);background:rgba(139,93,41,.1);font-size:.76rem;font-weight:780;text-decoration:none}.step-copy .inline-download:hover{background:rgba(139,93,41,.18)}
.step-visual{min-width:0;margin:0;border:1px solid rgba(190,145,76,.42);border-radius:12px;background:#f3f0e9;box-shadow:inset 0 1px rgba(255,255,255,.65),0 12px 32px rgba(9,5,2,.3);overflow:hidden}.step-visual img{display:block;width:100%;height:320px;object-fit:contain;background:#f3f0e9}.step-visual img[data-zoom-ready]{cursor:zoom-in}.step-visual img[data-zoom-ready]:focus-visible{outline:3px solid var(--gold-light);outline-offset:-3px}.step-visual.crop-top img{object-fit:cover;object-position:top}.step-visual.crop-store img{height:320px;object-fit:cover;object-position:center top}.step-visual.crop-firefox-toggle img{height:320px;object-fit:cover;object-position:center bottom}.step-visual.compact img{height:auto;min-height:150px;padding:22px;object-fit:contain}.step-visual.dark img{background:#141219}.step-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid rgba(190,145,76,.24);color:var(--quiet);background:rgba(20,14,9,.96);font-size:.66rem;line-height:1.55}.step-visual figcaption::after{content:"点击放大";flex:0 0 auto;color:var(--gold-light);font-weight:760}.step-visual figcaption a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}.step-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(190,145,76,.24)}.step-gallery img{height:320px;background:#f3f0e9}.step-gallery img+img{border-left:0}
.step-gallery.stack{grid-template-columns:1fr}.step-gallery.stack img{height:auto;max-height:340px}.step-gallery.stack img+img{border-top:1px solid rgba(190,145,76,.24)}
.cn-route-visual{display:grid;gap:10px;padding:18px;background:linear-gradient(145deg,#f9f5ec,#ece3d2);color:#26190f}.cn-route-row{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:13px 14px;border:1px solid rgba(120,80,39,.28);border-radius:11px;background:rgba(255,255,255,.72);box-shadow:0 8px 20px rgba(80,48,20,.08)}.cn-route-row b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#8e612e,#c79752);font-size:.82rem}.cn-route-row strong{display:block;color:#2a1a0d;font-size:.92rem}.cn-route-row span{display:block;margin-top:2px;color:#735735;font-size:.7rem}.cn-route-note{padding:2px 4px;color:#765b39;font-size:.68rem;line-height:1.55}
.step-visual.no-zoom figcaption::after{content:none}
.image-lightbox{position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:rgba(5,3,2,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.image-lightbox[hidden]{display:none}.image-lightbox-close{justify-self:end;min-width:46px;min-height:46px;border:1px solid rgba(238,215,164,.55);border-radius:999px;color:var(--gold-light);background:rgba(40,29,20,.88);font-size:1.35rem;cursor:pointer}.image-lightbox-stage{min-height:0;display:grid;place-items:center;overflow:auto;-webkit-overflow-scrolling:touch}.image-lightbox-stage img{display:block;max-width:min(96vw,1500px);max-height:82vh;width:auto;height:auto;object-fit:contain;background:#f3f0e9;box-shadow:0 24px 80px rgba(0,0,0,.62)}.image-lightbox[data-crop="store"] .image-lightbox-stage img,.image-lightbox[data-crop="firefox-toggle"] .image-lightbox-stage img{width:min(94vw,880px);height:auto;aspect-ratio:1.4;max-height:76vh;object-fit:cover}.image-lightbox[data-crop="store"] .image-lightbox-stage img{object-position:center top}.image-lightbox[data-crop="firefox-toggle"] .image-lightbox-stage img{object-position:center bottom}.image-lightbox-caption{justify-self:center;max-width:760px;color:var(--gold-light);font-size:.78rem;text-align:center}
.sample-warning{margin-top:12px;padding:10px 12px;border-left:2px solid var(--gold);color:var(--quiet);background:rgba(139,93,41,.07);font-size:.74rem}.sample-warning strong{color:var(--gold-light)}
.tutorial-aside{position:sticky;top:96px;display:grid;gap:14px}.aside-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(27,20,14,.9)}.aside-card h3{color:var(--gold-light);font-size:.9rem}.aside-card p,.aside-card li{color:var(--muted);font-size:.76rem}.aside-card ul{margin:12px 0 0;padding-left:17px}.aside-card li+li{margin-top:7px}.aside-card a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.version-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:18px;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:rgba(24,17,11,.88)}.version-table th,.version-table td{padding:15px;text-align:left;border-bottom:1px solid rgba(160,118,60,.18);font-size:.78rem}.version-table th{color:var(--quiet);font-size:.68rem;letter-spacing:.08em}.version-table td{color:var(--muted)}.version-table tr:last-child td{border-bottom:0}.version-table a{color:var(--gold-light);font-weight:700}

@keyframes scan{0%{top:16%;opacity:0}14%{opacity:1}72%{opacity:.8}100%{top:82%;opacity:0}}
@keyframes nodePulse{0%,100%{transform:scale(.75);opacity:.5}50%{transform:scale(1.15);opacity:1}}
@media (max-width:900px){
  .nav-links{display:none}.hero{padding-top:72px}.hero-grid,.tutorial-hero-grid{grid-template-columns:1fr;gap:42px}.ai-console{min-height:540px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid rgba(160,118,60,.16)}
  .workflow{grid-template-columns:repeat(2,1fr)}.flow-step:nth-child(2){border-right:0}.flow-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.tutorial-grid{grid-template-columns:1fr}.tutorial-card{min-height:330px}.feature-grid{grid-template-columns:1fr}.feature-panel.tall{min-height:430px}.safety{grid-template-columns:1fr;gap:28px}.tutorial-layout{grid-template-columns:1fr}.tutorial-aside{position:static;grid-template-columns:repeat(2,1fr)}.visual-step{grid-template-columns:58px minmax(0,1fr) minmax(230px,310px)}
}
@media (max-width:620px){
  .container{width:min(calc(100% - 28px),var(--max))}.site-nav .nav-cta{min-height:40px;padding-inline:14px;font-size:.76rem}.brand-copy small{display:none}.hero{padding:56px 0 64px}.hero-grid{gap:32px}.hero-copy h1{font-size:clamp(3.2rem,15.5vw,5.2rem)}.hero-copy h1 .line-small{font-size:.45em;line-height:1.1}.hero-actions{display:grid}.button{width:100%}.ai-console{min-height:520px;border-radius:22px}.console-head,.signal-stage{padding-inline:18px}.reason-row{grid-template-columns:30px 1fr}.reason-score{display:none}.console-foot{left:18px;right:18px}.section{padding:72px 0}.section-head{grid-template-columns:1fr;gap:18px}.section-head h2{font-size:2.6rem}.workflow{grid-template-columns:1fr}.flow-step{min-height:220px;border-right:0;border-bottom:1px solid var(--line)}.flow-step:last-child{border-bottom:0}.flow-step:nth-child(2){border-right:0}.flow-step h3{margin-top:36px}.trust-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid rgba(160,118,60,.16)}.trust-item:last-child{border-bottom:0}.card-actions{grid-template-columns:1fr}.feature-panel,.feature-panel.tall{min-height:320px}.mini-road{grid-template-columns:repeat(8,minmax(0,1fr))}.safety{padding:28px 22px}.footer-grid{align-items:flex-start;flex-direction:column}.tutorial-hero{padding-top:48px}.tutorial-hero-grid{gap:30px}.tutorial-title h1{font-size:3.35rem}.download-panel{padding:21px}.tutorial-body{padding-top:16px}.step-card,.visual-step{grid-template-columns:1fr;gap:14px;padding:22px}.step-visual img,.step-gallery img{height:auto;max-height:460px}.step-visual.crop-top img{height:360px}.step-visual.crop-store img,.step-visual.crop-firefox-toggle img{height:320px}.step-visual.compact img{min-height:0}.tutorial-proof{display:grid}.tutorial-aside{grid-template-columns:1fr}.version-table{display:block;overflow-x:auto;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
