:root{
  --bg:#061315;
  --bg-2:#0b1d20;
  --bg-3:#10262a;
  --paper:#fbfaf5;
  --paper-2:#f3f2eb;
  --white:#fff;
  --ink:#0b1b1d;
  --text:#173336;
  --muted:#647d80;
  --line:rgba(10,45,48,.16);
  --line-strong:rgba(10,45,48,.28);
  --line-dark:rgba(255,255,255,.13);
  --gold:#c9a35d;
  --gold-light:#edd59c;
  --teal:#3e9c93;
  --teal-light:#91d7d0;
  --purple:#7f66e8;
  --shadow:none;
  --shadow-soft:none;
  --shadow-strong:none;
  --radius:26px;
  --radius-sm:18px;
  --shell:min(1200px,calc(100vw - 48px));
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-snap:cubic-bezier(.65,0,.25,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;overflow-x:hidden;background:linear-gradient(180deg,#fcfbf7 0%,#f5f5ef 100%);color:var(--text);font-family:"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",system-ui,-apple-system,sans-serif;font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1,"tnum" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-break:strict}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{display:block;max-width:100%}
h1,h2,h3,.button,.brand{text-wrap:balance;line-break:strict}
p,li,td,th{word-break:normal;overflow-wrap:break-word;text-wrap:pretty;line-break:strict}
.shell{width:var(--shell);margin-inline:auto;position:relative;z-index:1}
.skip-link{position:absolute;left:-999px;top:0}.skip-link:focus{left:16px;top:14px;z-index:3000;padding:10px 14px;background:#fff;border-radius:10px}
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:2000;pointer-events:none}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),var(--teal-light),var(--purple));box-shadow:0 0 18px rgba(145,215,208,.45)}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(6,19,21,.78);backdrop-filter:blur(22px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-shell{height:82px;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.brand-tool-lockup{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.tool-badge{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:#fff}
.tool-badge img{width:100%;height:100%;object-fit:cover}
.codex-badge{background:linear-gradient(135deg,#1d143a,#7659df 70%,#a992ff);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.codex-glyph{font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;font-weight:800;letter-spacing:-.08em}
.brand-copy strong{display:block;color:#fff;font-size:15px;letter-spacing:.02em}.brand-copy small{display:block;margin-top:2px;color:rgba(255,255,255,.54);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:4px;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035)}
.site-nav a{position:relative;isolation:isolate;padding:10px 13px;border-radius:999px;color:rgba(255,255,255,.64);font-size:12px;transition:color .35s var(--ease),transform .35s var(--ease)}
.site-nav a:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(201,163,93,.26),rgba(62,156,147,.18));opacity:0;transform:scale(.72);transition:.35s var(--ease)}
.site-nav a:hover,.site-nav a.active{color:#fff}.site-nav a:hover:before,.site-nav a.active:before{opacity:1;transform:none}.site-nav a:hover{transform:translateY(-1px)}
.nav-cta{margin-left:4px}.menu-toggle{display:none;margin-left:auto;border:0;background:none;padding:4px}.menu-toggle span{display:block;width:22px;height:1.5px;background:#fff;margin:6px 0;transition:.3s var(--ease)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 23px;border-radius:999px;border:1px solid transparent;font-weight:750;letter-spacing:.01em;cursor:pointer;position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}
.button:before{content:"";position:absolute;inset:-120%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.20),transparent 70%);transform:translateX(-55%) rotate(8deg);transition:transform .9s var(--ease)}.button:hover:before{transform:translateX(55%) rotate(8deg)}.button:hover{transform:translateY(-3px)}
.button-small{padding:12px 17px;font-size:12px}.button-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#142021;box-shadow:0 12px 34px rgba(201,163,93,.28)}.button-gold:hover{box-shadow:0 20px 46px rgba(201,163,93,.38)}.button-ghost{background:rgba(255,255,255,.055);color:#fff;border-color:rgba(255,255,255,.2)}.button-ghost:hover{background:rgba(255,255,255,.11)}.button-ghost.dark{background:#fff;color:var(--text);border-color:var(--line-strong);box-shadow:var(--shadow-soft)}
.page-hero{position:relative;isolation:isolate;overflow:hidden;padding:110px 0 86px;background:radial-gradient(circle at 12% 18%,rgba(62,156,147,.22),transparent 26%),radial-gradient(circle at 86% 10%,rgba(201,163,93,.18),transparent 24%),radial-gradient(circle at 70% 88%,rgba(127,102,232,.12),transparent 24%),linear-gradient(180deg,#061315 0%,#0c2023 100%);color:#fff}.page-hero.home-hero{min-height:78vh;display:flex;align-items:center}
.hero-ambient,.hero-ambient>*{position:absolute;inset:0;pointer-events:none}.hero-ambient .mesh{background:radial-gradient(circle at 30% 35%,rgba(255,255,255,.05),transparent 30%),radial-gradient(circle at 76% 30%,rgba(237,213,156,.12),transparent 24%),radial-gradient(circle at 65% 78%,rgba(145,215,208,.10),transparent 24%);mix-blend-mode:screen}.hero-ambient .grid-lines{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 92%);transform:perspective(900px) rotateX(62deg) scale(1.4);transform-origin:center bottom;opacity:.46}
.orb{border-radius:50%;filter:blur(14px);opacity:.92;animation:floatOrb 15s ease-in-out infinite}.orb-one{width:380px;height:380px;left:-100px;top:50px;background:radial-gradient(circle,rgba(62,156,147,.42),transparent 68%)}.orb-two{width:300px;height:300px;right:60px;top:-40px;background:radial-gradient(circle,rgba(201,163,93,.34),transparent 70%);animation-delay:-5s}.orb-three{width:360px;height:360px;right:-90px;bottom:-60px;background:radial-gradient(circle,rgba(127,102,232,.25),transparent 72%);animation-delay:-9s}@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(15px,-20px,0) scale(1.05)}}
.page-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:42px;align-items:center}.page-hero-copy h1{margin:0;max-width:900px;font-size:clamp(42px,5.7vw,76px);line-height:1.035;letter-spacing:-.05em}.page-hero-copy h1 em{font-style:normal;background:linear-gradient(115deg,#fff 0%,#f2ddb0 26%,#96ded7 58%,#fff 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 7s linear infinite}@keyframes shine{to{background-position:220% center}}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;color:rgba(255,255,255,.63);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.eyebrow span{width:34px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.eyebrow.dark{color:#567174}
.hero-lead{max-width:780px;margin:20px 0 0;color:rgba(255,255,255,.77);font-size:17px;line-height:1.88;letter-spacing:.01em}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.page-hero-aside{position:relative;overflow:hidden;padding:27px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.17);box-shadow:none;backdrop-filter:blur(18px)}.page-hero-aside:before{content:"";position:absolute;inset:auto -20% -36%;height:64%;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.20),transparent 60%)}
.console-mini{position:relative;z-index:1}.console-mini header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:rgba(255,255,255,.58);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.34)}
.process-flow{display:grid;grid-template-columns:1fr 26px 1fr;gap:12px;align-items:center}.process-card{padding:19px;border-radius:19px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.process-card>span{display:inline-block;margin-bottom:10px;color:var(--gold-light);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.process-card ul{margin:12px 0 0;padding-left:18px}.process-card li{margin:6px 0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.65}.engine-heading{display:flex;align-items:center;gap:11px;margin:0;font-size:24px;letter-spacing:-.03em}.engine-heading img,.engine-heading .engine-codex-mark{width:34px;height:34px;flex:0 0 34px;border-radius:11px}.engine-heading img{object-fit:cover}.engine-codex-mark{display:grid;place-items:center;background:linear-gradient(135deg,#211743,#8069e8);color:#fff;font-family:Consolas,monospace;font-style:normal;font-size:11px;font-weight:800}.engine-heading-large{font-size:36px}.engine-heading-large img,.engine-heading-large .engine-codex-mark{width:46px;height:46px;flex-basis:46px;border-radius:14px}
.process-flow .arrow{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.68),rgba(255,255,255,.16));position:relative}.process-flow .arrow:after{content:"";position:absolute;right:-1px;top:-3px;border-left:6px solid rgba(255,255,255,.75);border-top:4px solid transparent;border-bottom:4px solid transparent}.task-stream{margin-top:17px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:12px}.task-stream span{color:rgba(255,255,255,.46);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.task-stream i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--teal-light);box-shadow:0 0 0 0 rgba(145,215,208,.5);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(145,215,208,0)}}
.hero-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.hero-kpis article{padding:15px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}.hero-kpis strong{display:block;font-size:26px;letter-spacing:-.04em}.hero-kpis p{margin:5px 0 0;color:rgba(255,255,255,.58);font-size:11px;line-height:1.55}
.dark-panel{position:relative;z-index:1;padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(3,12,14,.55),rgba(9,28,31,.70));border:1px solid rgba(255,255,255,.13);box-shadow:none}.dark-panel h3{margin:14px 0 12px;font-size:28px;line-height:1.22;letter-spacing:-.04em}.tick-list{margin:0;padding-left:18px}.tick-list li{margin:9px 0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.76}.pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(145,215,208,.12);color:#1c6c66;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.page-hero .pill,.section-ink .pill{background:rgba(255,255,255,.08);color:#f0d9a7}
.section{padding:94px 0}.section-light{background:#fff}.section-cream{background:var(--paper)}.section-ink{background:linear-gradient(180deg,#071618,#0c2225);color:#fff}.section-heading{display:grid;gap:14px;margin-bottom:42px}.section-heading.centered{max-width:900px;margin:0 auto 42px;text-align:center}.section-heading.split{grid-template-columns:1fr 1fr;align-items:end}.section-heading h2{margin:0;font-size:clamp(33px,4.2vw,56px);line-height:1.07;letter-spacing:-.045em;color:var(--text)}.section-heading p{margin:0;color:var(--muted);font-size:15px;line-height:1.9}.section-ink .section-heading h2{color:#fff}.section-ink .section-heading p{color:rgba(255,255,255,.66)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.result-card,.deliverable-card,.compare-card,.step-card,.pricing-card,.boundary-card,.faq-item,.accordion-item,.tab-wrap,.consult-form,.mini-flow article,.quick-route a{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line-strong);border-radius:24px;box-shadow:var(--shadow-soft);transition:transform .42s var(--ease),box-shadow .42s var(--ease),border-color .42s var(--ease)}
.result-card:hover,.deliverable-card:hover,.compare-card:hover,.step-card:hover,.pricing-card:hover,.boundary-card:hover,.faq-item:hover,.accordion-item:hover,.quick-route a:hover{transform:translateY(-7px);box-shadow:var(--shadow-strong);border-color:rgba(62,156,147,.42)}
.contrast-card{background:linear-gradient(180deg,#fff,#f8faf7)}.result-card{padding:27px}.result-card b{display:grid;place-items:center;width:44px;height:44px;margin-bottom:20px;border-radius:14px;background:linear-gradient(135deg,rgba(201,163,93,.25),rgba(62,156,147,.18));color:#173234;font-size:13px}.result-card h3,.deliverable-card h3{margin:0 0 10px;font-size:21px;line-height:1.24}.result-card p,.deliverable-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.84}
.quick-route{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.quick-route a{padding:21px;background:#0d2427;color:#fff;border-color:rgba(255,255,255,.08)}.quick-route strong{display:block;margin-bottom:7px;font-size:16px}.quick-route p{margin:0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.68}
.home-engine-stage{display:grid;grid-template-columns:1fr 160px 1fr;gap:28px;align-items:center}.home-engine-stage>article{padding:32px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.14);box-shadow:none}.home-engine-stage small{display:block;margin-top:18px;color:var(--gold-light);font-size:10px;letter-spacing:.22em}.home-engine-stage h3{margin:8px 0 10px;font-size:30px}.home-engine-stage p{margin:0;color:rgba(255,255,255,.66);line-height:1.86}.large-engine-icon{width:72px;height:72px;border-radius:22px;overflow:hidden;box-shadow:none}.large-engine-icon img{width:100%;height:100%;object-fit:cover}.codex-icon-large{display:grid;place-items:center;background:linear-gradient(135deg,#211742,#826ae9 70%,#a490ff);font-family:Consolas,monospace;font-weight:800;font-size:19px}.engine-bridge{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.6);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.engine-bridge span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent)}
.deliverable-card{padding:26px}.deliverable-card ul{margin:12px 0 0;padding-left:18px}.deliverable-card li{margin:7px 0;color:var(--muted);line-height:1.78}.glass-card{background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055));border-color:rgba(255,255,255,.15);box-shadow:none}.glass-card h3{color:#fff}.glass-card p,.glass-card li{color:rgba(255,255,255,.68)}
.spotlight:before{content:"";position:absolute;inset:-24%;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(62,156,147,.18),transparent 26%);opacity:0;transition:opacity .35s var(--ease)}.spotlight:hover:before{opacity:1}
.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.compare-card{padding:30px}.compare-card>small{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(62,156,147,.12);color:#1c6964;font-weight:800;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.compare-card p,.compare-card li{color:var(--muted);line-height:1.84}.compare-card ul{margin:16px 0 0;padding-left:18px}.engine-card{border-top:4px solid transparent}.chatgpt-engine{border-top-color:#8ed1ca}.codex-engine{border-top-color:#8e79eb;background:linear-gradient(180deg,#fff,#faf8ff)}
.table-shell{overflow:auto;background:#fff;border:1px solid var(--line-strong);border-radius:24px;box-shadow:var(--shadow-soft)}table{width:100%;min-width:820px;border-collapse:collapse}th,td{padding:18px;vertical-align:top;text-align:left;border-bottom:1px solid var(--line);font-size:14px;line-height:1.8}th{background:#eef4f1;color:#496568;font-size:11px;letter-spacing:.12em;text-transform:uppercase}tr:last-child td{border-bottom:none}
.tab-wrap{padding:12px}.tab-list{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.tab-list button{padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#4f6b6e;cursor:pointer;transition:.35s var(--ease)}.tab-list button:hover,.tab-list button.active{border-color:transparent;background:linear-gradient(135deg,rgba(201,163,93,.23),rgba(62,156,147,.14));color:#132a2c;transform:translateY(-1px)}.tab-panels>[data-panel]{display:none;animation:panelIn .55s var(--ease)}.tab-panels>[data-panel].active{display:grid}.tab-panel-card{grid-template-columns:1.3fr .7fr;gap:18px;padding:28px;border-radius:21px;background:#f7f8f4;border:1px solid var(--line)}.tab-panel-card small{display:block;color:#829698;font-size:10px;letter-spacing:.2em}.tab-panel-card h3{margin:10px 0 12px;font-size:31px;letter-spacing:-.04em}.tab-panel-card p,.tab-panel-card li{color:var(--muted);line-height:1.84}.tab-panel-card aside{padding:21px;border-radius:18px;background:#102427;color:#fff}.tab-panel-card aside h3{color:#fff}@keyframes panelIn{from{opacity:0;transform:translateY(12px) scale(.99);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.service-no{display:inline-flex;margin-bottom:17px;color:#327870;font-size:11px;letter-spacing:.16em}.accordion{display:grid;gap:14px}.accordion-item{overflow:hidden}.accordion-head{display:flex;align-items:center;gap:16px;padding:22px 24px;cursor:pointer}.accordion-head>b{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,rgba(201,163,93,.22),rgba(62,156,147,.16));font-size:12px}.accordion-head h3{flex:1;margin:0;font-size:18px}.accordion-head i,.faq-q i{position:relative;width:15px;height:15px}.accordion-head i:before,.accordion-head i:after,.faq-q i:before,.faq-q i:after{content:"";position:absolute;left:0;right:0;top:7px;height:1.5px;background:#315052;transition:.32s var(--ease)}.accordion-head i:after,.faq-q i:after{transform:rotate(90deg)}.accordion-item.open .accordion-head i:after,.faq-item.open .faq-q i:after{transform:rotate(0)}.accordion-body,.faq-a{height:0;overflow:hidden;transition:height .52s var(--ease)}.accordion-body-inner{padding:0 24px 24px 76px}.accordion-body-inner p,.accordion-body-inner li{color:var(--muted);line-height:1.86}.accordion-body-inner ul{padding-left:18px}
.timeline{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:15px}.timeline:before{content:"";position:absolute;left:5%;right:5%;top:29px;height:2px;background:linear-gradient(90deg,rgba(201,163,93,.35),rgba(62,156,147,.35));transform-origin:left;transform:scaleX(.02);transition:transform 1.2s var(--ease)}.timeline.in-view:before{transform:scaleX(1)}.step-card{padding:22px 18px}.step-no{display:grid;place-items:center;width:40px;height:40px;margin-bottom:16px;border-radius:14px;background:linear-gradient(135deg,rgba(201,163,93,.26),rgba(62,156,147,.18));font-weight:800}.step-card h3{margin:0 0 8px;font-size:17px}.step-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.72}.deliverables{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricing-card{padding:28px;display:flex;flex-direction:column;gap:18px}.pricing-card.featured{background:linear-gradient(180deg,#0d2225,#17383c);border-color:rgba(145,215,208,.38);color:#fff;transform:translateY(-12px);box-shadow:none}.plan-card{min-height:620px}.plan-card.plus-plan{background:linear-gradient(180deg,#fff,#f7fbf8)}.plan-card.pro20-plan{background:linear-gradient(180deg,#fbfaf7,#f5f1e7);border-color:rgba(201,163,93,.38)}.plan-topline,.plan-title-row,.renew-v3{display:flex;align-items:center;justify-content:space-between;gap:14px}.plan-index{font-size:11px;letter-spacing:.18em;color:#8ca0a2}.pricing-card .tag{display:inline-flex;width:max-content;padding:8px 11px;border-radius:999px;background:rgba(201,163,93,.16);color:#8b6929;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.pricing-card.featured .tag{background:rgba(255,255,255,.08);color:#f4dba8}.plan-title-row small{display:block;margin-bottom:7px;color:#82989a;font-size:9px;letter-spacing:.2em}.pricing-card.featured .plan-title-row small{color:rgba(255,255,255,.48)}.plan-title-row h3{margin:0;font-size:29px;letter-spacing:-.04em}.plan-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,rgba(62,156,147,.18),rgba(201,163,93,.20));font-weight:900}.featured .plan-icon{background:linear-gradient(135deg,rgba(145,215,208,.18),rgba(201,163,93,.18))}.price-v3{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:6px;padding:24px 0 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.featured .price-v3{border-color:rgba(255,255,255,.12)}.price-v3 .currency{align-self:start;margin-top:7px;font-size:18px;color:#567174}.featured .price-v3 .currency{color:rgba(255,255,255,.62)}.price-v3 strong{font-size:62px;line-height:.9;letter-spacing:-.06em}.price-v3 .price-note{justify-self:end;padding-bottom:6px;color:var(--muted);font-size:11px}.featured .price-v3 .price-note{color:rgba(255,255,255,.56)}.renew-v3{padding:14px 16px;border-radius:16px;background:#eef4f0;color:#385759}.featured .renew-v3{background:rgba(255,255,255,.07);color:#dcecea}.renew-v3 b{font-size:11px;letter-spacing:.12em}.renew-v3 strong{font-size:16px}.plan-highlights{display:flex;flex-wrap:wrap;gap:8px}.plan-highlights span{padding:8px 10px;border-radius:999px;background:#f0f5f2;color:#416064;font-size:11px}.featured .plan-highlights span{background:rgba(255,255,255,.08);color:rgba(255,255,255,.76)}.plan-card ul{margin:0;padding-left:19px}.plan-card li{margin:8px 0;color:var(--muted);line-height:1.76}.featured li{color:rgba(255,255,255,.70)}.plan-cta{margin-top:auto}.recommended-ribbon{position:absolute;top:18px;right:-42px;width:165px;padding:7px 0;transform:rotate(35deg);background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#132022;text-align:center;font-size:9px;font-weight:900;letter-spacing:.08em}.selector{padding:30px;border-radius:28px;background:linear-gradient(135deg,rgba(201,163,93,.16),rgba(62,156,147,.12));border:1px solid rgba(62,156,147,.22);box-shadow:var(--shadow-soft)}.selector h2{margin:14px 0 0;font-size:42px;letter-spacing:-.04em}.selector>p{color:#567174;line-height:1.88}.selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.selector label{display:grid;gap:8px;color:#496568;font-size:12px;font-weight:750}.selector select{width:100%;padding:14px;border-radius:14px;border:1px solid var(--line-strong);background:#fff;outline:none}.selector-result{margin-top:20px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line-strong)}.selector-result h3{margin:0 0 8px;font-size:24px}.selector-result p{margin:0;color:var(--muted);line-height:1.8}
.reason-list{display:grid;gap:14px}.reason-item{display:grid;grid-template-columns:1fr 40px 1fr;gap:18px;align-items:center;padding:19px 24px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13)}.reason-item strong{font-size:17px}.reason-item i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.09);font-style:normal}.reason-item p{margin:0;color:rgba(255,255,255,.66);font-size:13px;line-height:1.76}.boundary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.boundary-card{padding:25px}.boundary-card h3{margin:0 0 10px}.boundary-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.82}.faq-grid{display:grid;gap:14px}.faq-q{display:flex;align-items:center;gap:16px;padding:22px 24px;cursor:pointer}.faq-q strong{flex:1;font-size:16px}.faq-a-inner{padding:0 24px 24px;color:var(--muted);line-height:1.9}
.consult-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px}.mini-flow{display:grid;gap:16px}.mini-flow article{padding:24px}.mini-flow span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:13px;background:linear-gradient(135deg,rgba(201,163,93,.24),rgba(62,156,147,.18));font-weight:800}.mini-flow h3{margin:0 0 9px}.mini-flow p,.mini-flow li{color:var(--muted);font-size:13px;line-height:1.8}.mini-flow ul{padding-left:18px}.consult-form{padding:30px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid label{display:grid;gap:8px}.form-grid label>span{color:#506d70;font-size:12px;font-weight:750}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:14px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;outline:none;transition:.3s var(--ease)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(62,156,147,.12)}.form-grid textarea{min-height:120px;resize:vertical}
.site-footer{padding:78px 0 110px;background:#041012;color:#fff;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr 1fr;gap:34px}.footer-grid h3{margin:0 0 16px;color:rgba(255,255,255,.62);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.footer-grid p,.footer-grid a{color:rgba(255,255,255,.48);font-size:13px;line-height:1.84}.footer-grid a{display:block;margin:6px 0;transition:.3s}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}.footer-bottom p{max-width:60%;margin:0;color:rgba(255,255,255,.38);font-size:11px;line-height:1.9}.mobile-cta{display:none}
.reveal{opacity:0;transform:translate3d(0,26px,0) scale(.992);filter:blur(10px);clip-path:inset(0 0 9% 0 round 18px);transition:opacity .95s var(--ease),transform .95s var(--ease),filter .95s var(--ease),clip-path .95s var(--ease);transition-delay:calc(var(--delay,0)*1ms)}.reveal.is-visible{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0 round 0)}.tilt-card{transform-style:preserve-3d;transition:transform .22s ease-out}.magnetic{will-change:transform}
.page-transition{--origin-x:50%;--origin-y:50%;position:fixed;inset:0;z-index:2500;pointer-events:none;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#163438 0%,#091b1e 35%,#041012 100%);clip-path:circle(0 at var(--origin-x) var(--origin-y));isolation:isolate}.page-transition:before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 90deg,rgba(201,163,93,.22),rgba(62,156,147,.25),rgba(127,102,232,.18),rgba(201,163,93,.22));filter:blur(50px);animation:transitionSpin 8s linear infinite}.transition-orbit{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;opacity:.55}.transition-orbit-a{width:280px;height:280px;animation:orbit 4s linear infinite}.transition-orbit-b{width:180px;height:180px;animation:orbit 3s linear reverse infinite}.transition-core{position:relative;z-index:2;display:grid;justify-items:center;gap:7px;color:#fff;opacity:0;transform:scale(.88);transition:.3s var(--ease)}.transition-core strong{font-size:19px;letter-spacing:.04em}.transition-core small{color:rgba(255,255,255,.52);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.transition-logo{display:flex;gap:6px;padding:6px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}.transition-logo img,.transition-logo b{width:30px;height:30px;border-radius:10px}.transition-logo img{object-fit:cover}.transition-logo b{display:grid;place-items:center;background:linear-gradient(135deg,#211742,#8069e8);font-family:Consolas,monospace;font-size:10px}.page-transition.is-entering{pointer-events:auto;animation:portalOpen .72s var(--ease-snap) forwards}.page-transition.is-entering .transition-core{opacity:1;transform:none;transition-delay:.22s}.page-transition.is-leaving{clip-path:circle(160vmax at var(--origin-x) var(--origin-y));animation:portalClose .86s var(--ease) forwards}.page-transition.is-leaving .transition-core{animation:coreLeave .55s var(--ease) forwards}.page-exit main,.page-exit .site-header{transition:transform .65s var(--ease),filter .65s var(--ease),opacity .65s var(--ease);transform:scale(.985);filter:blur(8px);opacity:.65}@keyframes portalOpen{from{clip-path:circle(0 at var(--origin-x) var(--origin-y))}to{clip-path:circle(160vmax at var(--origin-x) var(--origin-y))}}@keyframes portalClose{from{clip-path:circle(160vmax at var(--origin-x) var(--origin-y))}to{clip-path:circle(0 at var(--origin-x) var(--origin-y))}}@keyframes coreLeave{0%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(.96)}100%{opacity:0;transform:scale(.84)}}@keyframes transitionSpin{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotate(360deg)}}
.toast{position:fixed;left:50%;bottom:28px;z-index:3000;pointer-events:none;opacity:0;transform:translate(-50%,18px);padding:12px 18px;border-radius:999px;background:rgba(6,19,21,.95);color:#fff;border:1px solid rgba(255,255,255,.1);font-size:12px;transition:.35s var(--ease)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.site-nav a{padding:10px 10px}.page-hero-grid,.grid-3,.pricing-grid,.consult-layout,.footer-grid{grid-template-columns:1fr}.grid-4,.result-grid,.quick-route,.deliverables,.boundary-grid,.selector-grid,.timeline{grid-template-columns:repeat(2,1fr)}.page-hero.home-hero{min-height:auto}.section-heading.split{grid-template-columns:1fr}.home-engine-stage{grid-template-columns:1fr}.engine-bridge{justify-content:center}.process-flow{grid-template-columns:1fr}.process-flow .arrow{width:1px;height:24px;margin:auto;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.55),rgba(255,255,255,.18))}.process-flow .arrow:after{right:-3px;top:auto;bottom:-1px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid rgba(255,255,255,.7);border-bottom:0}.pricing-card.featured{transform:none}}
@media(max-width:780px){:root{--shell:calc(100vw - 30px);--radius:20px}.nav-shell{height:72px}.menu-toggle{display:block;z-index:3}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-nav{position:fixed;inset:0;z-index:2;margin:0;display:flex;flex-direction:column;justify-content:center;gap:8px;border:0;border-radius:0;background:rgba(4,16,18,.98);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.36s var(--ease)}.site-nav.open{opacity:1;visibility:visible;transform:none}.site-nav a{font-size:18px;color:rgba(255,255,255,.75)}.nav-cta{display:none}.brand-copy strong{font-size:14px}.brand-tool-lockup{gap:4px}.tool-badge{width:25px;height:25px}.page-hero{padding:104px 0 72px}.page-hero-copy h1{font-size:clamp(37px,11.5vw,54px)}.hero-lead{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.page-hero-aside{padding:20px}.grid-2,.grid-3,.grid-4,.result-grid,.quick-route,.deliverables,.boundary-grid,.selector-grid,.timeline,.compare-grid,.pricing-grid,.consult-layout,.footer-grid,.form-grid{grid-template-columns:1fr}.tab-panel-card{grid-template-columns:1fr}.accordion-body-inner{padding:0 20px 20px}.reason-item{grid-template-columns:1fr 36px;gap:10px}.reason-item p{grid-column:1/-1}.plan-card{min-height:auto}.price-v3 strong{font-size:54px}.selector h2{font-size:34px}.footer-bottom{flex-direction:column}.footer-bottom p{max-width:none}.site-footer{padding-bottom:120px}.mobile-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:1200;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:999px;background:rgba(6,19,21,.90);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.11)}.mobile-cta a{padding:11px;border-radius:999px;text-align:center;color:#fff;font-size:12px}.mobile-cta a:last-child{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#152123;font-weight:800}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none;filter:none;clip-path:none}.page-transition{display:none}}

.no-break-tail{white-space:nowrap}


/* ==========================================================================
   V4 · 雾化连续场景视觉系统
   目标：统一卡片色相、清除外投黑影、消除深绿/纯白硬切、保证套餐比较稳定显示。
   ========================================================================== */
:root{
  --paper:#e9ece5;
  --paper-2:#e1e7e1;
  --white:#f4f6f1;
  --text:#173336;
  --muted:#5f7779;
  --line:rgba(18,55,58,.13);
  --line-strong:rgba(18,55,58,.22);
  --shadow:none;
  --shadow-soft:none;
  --shadow-strong:none;
  --card-light:linear-gradient(145deg,#f3f5f0,#e3ebe6);
  --card-dark:linear-gradient(145deg,#34494a,#293f41);
  --tile-bg:linear-gradient(145deg,#e3e9e2,#ece6d8);
  --tile-border:rgba(36,77,77,.16);
}
body{
  background:
    radial-gradient(circle at 16% 16%,rgba(92,142,136,.16),transparent 25%),
    radial-gradient(circle at 84% 48%,rgba(195,166,108,.13),transparent 28%),
    linear-gradient(180deg,#132a2c 0%,#dce5df 29%,#ebe8df 57%,#dce5e1 80%,#132a2c 100%);
}
main{position:relative;isolation:isolate;background:transparent}

/* Header: remove the extra appointment control and keep one calm navigation capsule. */
.site-header{background:rgba(18,39,41,.82);border-bottom-color:rgba(231,237,231,.10)}
.nav-shell{gap:14px}
.site-nav{margin-left:auto;background:rgba(236,240,234,.045);border-color:rgba(236,240,234,.10)}
.nav-cta{display:none!important}

/* All outward dark shadows are removed. Shape is defined by border, tone and inner light only. */
.button-gold,.button-gold:hover,.button-ghost.dark,
.page-hero-aside,.dark-panel,.home-engine-stage>article,.large-engine-icon,.glass-card,
.result-card,.deliverable-card,.compare-card,.step-card,.pricing-card,.boundary-card,
.faq-item,.accordion-item,.tab-wrap,.consult-form,.mini-flow article,.quick-route a,
.table-shell,.pricing-card.featured,.selector{
  box-shadow:none!important;
}
.brand-tool-lockup,.codex-badge,.process-card{box-shadow:none!important}
.result-card:hover,.deliverable-card:hover,.compare-card:hover,.step-card:hover,
.pricing-card:hover,.boundary-card:hover,.faq-item:hover,.accordion-item:hover,.quick-route a:hover{
  box-shadow:none!important;
  transform:translateY(-4px);
  border-color:rgba(62,126,120,.42);
}
.button-gold{border-color:rgba(135,102,43,.18)}
.button:hover{transform:translateY(-2px)}

/* Hero uses layered slate/teal/gold mist rather than a single ink-green slab. */
.page-hero{
  background:
    radial-gradient(circle at 10% 18%,rgba(84,151,143,.28),transparent 27%),
    radial-gradient(circle at 88% 12%,rgba(203,170,104,.24),transparent 25%),
    radial-gradient(circle at 74% 82%,rgba(114,101,178,.13),transparent 27%),
    linear-gradient(180deg,#102628 0%,#173235 58%,#1d393a 100%);
}
.page-hero-aside{
  background:linear-gradient(145deg,rgba(238,242,235,.105),rgba(161,180,174,.065));
  border-color:rgba(232,238,231,.18);
}
.dark-panel{
  background:linear-gradient(145deg,rgba(39,61,63,.82),rgba(29,48,50,.72));
  border-color:rgba(232,238,231,.14);
}
.process-card,.hero-kpis article,.task-stream,.home-engine-stage>article,.glass-card,.reason-item,.quick-route a{
  background:var(--card-dark);
  border-color:rgba(231,237,231,.14);
}

/* Continuous vertical scenery: every adjacent surface shares a transition band. */
.section{position:relative;isolation:isolate;margin-top:-1px;overflow:hidden}
.section-light{
  background:
    radial-gradient(circle at 9% 20%,rgba(91,147,139,.10),transparent 26%),
    radial-gradient(circle at 88% 72%,rgba(199,169,110,.09),transparent 28%),
    linear-gradient(180deg,#e2e9e3 0%,#edf0e9 48%,#e2e8e3 100%)!important;
}
.section-cream{
  background:
    radial-gradient(circle at 82% 18%,rgba(196,164,103,.11),transparent 27%),
    radial-gradient(circle at 14% 78%,rgba(86,143,137,.10),transparent 28%),
    linear-gradient(180deg,#e2e8e3 0%,#ebe7dd 50%,#dfe7e2 100%)!important;
}
.section-ink{
  background:
    radial-gradient(circle at 15% 25%,rgba(77,139,132,.16),transparent 28%),
    radial-gradient(circle at 86% 70%,rgba(193,160,97,.12),transparent 27%),
    linear-gradient(180deg,#1c383a 0%,#142c2e 50%,#203b3c 100%)!important;
}
.page-hero + .section-light,
.page-hero + .section-cream{
  padding-top:170px;
  background:
    radial-gradient(circle at 12% 46%,rgba(76,139,132,.13),transparent 27%),
    linear-gradient(180deg,#1d393a 0%,#5c706d 58px,#bfcac4 132px,#e6ebe5 230px,#e4e9e3 100%)!important;
}
.page-hero + .section-cream{
  background:
    radial-gradient(circle at 84% 44%,rgba(194,163,103,.12),transparent 28%),
    linear-gradient(180deg,#1d393a 0%,#657571 58px,#c8cdc5 136px,#e9e6dd 232px,#e2e7e1 100%)!important;
}
.page-hero + .section-ink{
  background:linear-gradient(180deg,#1d393a 0%,#193335 24%,#142c2e 58%,#203b3c 100%)!important;
}
.section-light + .section-ink,
.section-cream + .section-ink{
  padding-top:180px;
  background:
    radial-gradient(circle at 18% 40%,rgba(78,139,132,.15),transparent 28%),
    linear-gradient(180deg,#dfe7e2 0%,#9ca9a4 58px,#526766 120px,#213b3d 205px,#142c2e 290px,#203b3c 100%)!important;
}
.section-ink + .section-light,
.section-ink + .section-cream{
  padding-top:180px;
  background:
    radial-gradient(circle at 82% 38%,rgba(194,164,105,.10),transparent 28%),
    linear-gradient(180deg,#203b3c 0%,#526766 70px,#aab5af 142px,#e4e9e3 230px,#e8ebe5 100%)!important;
}
.section-light + .section-cream{
  background:linear-gradient(180deg,#e2e8e3 0%,#e9e7df 34%,#ebe7dd 58%,#dfe7e2 100%)!important;
}
.section-cream + .section-light{
  background:linear-gradient(180deg,#dfe7e2 0%,#e6ebe5 36%,#edf0e9 58%,#e2e8e3 100%)!important;
}
.site-footer{
  padding-top:190px;
  background:
    radial-gradient(circle at 80% 38%,rgba(193,160,97,.12),transparent 27%),
    linear-gradient(180deg,#dfe7e2 0%,#a9b4ae 58px,#536968 130px,#1c3739 228px,#0b1d1f 330px,#081719 100%);
  border-top:0;
}
body[data-page="engines"] .site-footer{
  padding-top:120px;
  background:
    radial-gradient(circle at 80% 26%,rgba(193,160,97,.11),transparent 28%),
    linear-gradient(180deg,#203b3c 0%,#162f31 100px,#0b1d1f 230px,#081719 100%);
}

/* Unified card surface. No parent color can bleed through and create random tile differences. */
.result-card,.deliverable-card,.compare-card,.step-card,.pricing-card,.boundary-card,
.faq-item,.accordion-item,.tab-wrap,.consult-form,.mini-flow article,.table-shell{
  background:var(--card-light);
  border-color:rgba(29,68,70,.18);
}
.contrast-card,.plan-card.plus-plan,.plan-card.pro20-plan,.codex-engine{
  background:var(--card-light)!important;
}
.glass-card,.section-ink .deliverable-card{
  background:var(--card-dark)!important;
  border-color:rgba(232,238,231,.14)!important;
}

/* One fixed tone for all small square markers. */
.result-card b,.accordion-head>b,.step-no,.mini-flow span,.plan-icon{
  background:var(--tile-bg)!important;
  color:#224749!important;
  border:1px solid var(--tile-border);
}
.featured .plan-icon{background:var(--tile-bg)!important;color:#224749!important}

/* Pricing cards: equal elevation, differentiated only by a restrained top line. */
.pricing-card.featured{
  transform:none;
  background:linear-gradient(145deg,#e1e6dc,#d8e4de);
  border-color:rgba(198,166,101,.46);
  color:var(--text);
}
.pricing-card.featured .tag{background:rgba(201,163,93,.16);color:#7d5f27}
.pricing-card.featured .plan-title-row small{color:#71898b}
.pricing-card.featured .price-v3{border-color:var(--line)}
.pricing-card.featured .price-v3 .currency{color:#567174}
.pricing-card.featured .price-v3 .price-note{color:var(--muted)}
.pricing-card.featured .renew-v3{background:rgba(244,246,241,.88);color:#385759}
.pricing-card.featured .plan-highlights span{background:rgba(244,246,241,.76);color:#416064}
.pricing-card.featured li{color:var(--muted)}
.plan-card{min-height:620px}
.plus-plan{border-top:3px solid rgba(79,143,135,.55)}
.pro5-plan{border-top:3px solid rgba(201,163,93,.78)}
.pro20-plan{border-top:3px solid rgba(122,104,190,.54)}
.renew-v3,.plan-highlights span,.selector select,.selector-result,.form-grid input,.form-grid select,.form-grid textarea{
  background:rgba(244,246,241,.88);
}

/* Reliable, always-visible three-plan comparison placed after product selection. */
.pricing-compare-section{
  color:var(--text);
  background:
    radial-gradient(circle at 16% 18%,rgba(79,143,135,.12),transparent 27%),
    radial-gradient(circle at 84% 70%,rgba(195,162,98,.12),transparent 29%),
    linear-gradient(180deg,#e2e8e3 0%,#e9e7df 52%,#dfe7e2 100%)!important;
}
.plan-comparison{
  overflow:auto;
  border:1px solid rgba(29,68,70,.20);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(244,246,241,.90),rgba(222,231,225,.86));
  scrollbar-width:thin;
  scrollbar-color:rgba(58,105,102,.35) transparent;
}
.comparison-grid{
  min-width:960px;
  display:grid;
  grid-template-columns:190px repeat(3,minmax(230px,1fr));
}
.comparison-grid>*{
  min-width:0;
  padding:20px 22px;
  border-right:1px solid rgba(29,68,70,.12);
  border-bottom:1px solid rgba(29,68,70,.12);
}
.comparison-grid>*:nth-child(4n){border-right:0}
.comparison-grid>*:nth-last-child(-n+4){border-bottom:0}
.comparison-corner{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:7px;
  background:linear-gradient(145deg,rgba(35,61,63,.94),rgba(26,47,49,.92));
  color:#f1f3ee;
}
.comparison-corner span{color:rgba(241,243,238,.56);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.comparison-corner strong{font-size:22px}
.comparison-plan-head{position:relative;min-height:164px;background:rgba(239,243,237,.58)}
.comparison-plan-head.recommended{background:linear-gradient(145deg,rgba(226,217,193,.72),rgba(218,232,224,.76))}
.comparison-plan-index{display:block;color:#627b7d;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.comparison-plan-head h3{margin:17px 0 14px;font-size:24px;letter-spacing:-.035em}
.comparison-plan-head p{margin:0;color:#627b7d;font-size:12px}
.comparison-plan-head p b{margin-right:6px;color:#173336;font-size:27px}
.comparison-recommend{position:absolute;right:18px;top:17px;padding:6px 9px;border-radius:999px;background:rgba(173,132,55,.14);color:#7b5d24;font-size:9px;font-weight:900;letter-spacing:.12em}
.comparison-label{display:flex;align-items:center;background:rgba(32,62,64,.055);color:#395b5d;font-size:12px;font-weight:800;letter-spacing:.04em}
.comparison-value{display:flex;align-items:center;color:#536d6f;font-size:13px;line-height:1.65;background:rgba(247,248,244,.42)}
.comparison-value strong{color:#19383a;font-size:16px}
.recommended-cell{background:rgba(208,221,212,.46);color:#284e4f}
.comparison-footnote{margin:18px 0 0;color:#657d7f;font-size:12px;line-height:1.8;text-align:center}

/* Keep controls crisp without introducing black glow. */
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{
  box-shadow:0 0 0 4px rgba(62,156,147,.12)!important;
}

@media(max-width:780px){
  .page-hero + .section-light,.page-hero + .section-cream,
  .section-light + .section-ink,.section-cream + .section-ink,
  .section-ink + .section-light,.section-ink + .section-cream{padding-top:135px}
  .site-footer{padding-top:155px}
  .comparison-grid{min-width:820px;grid-template-columns:150px repeat(3,minmax(210px,1fr))}
  .comparison-grid>*{padding:17px 16px}
  .comparison-plan-head h3{font-size:20px}
  .comparison-plan-head p b{font-size:23px}
}

/* ========================================================================== 
   V5 · 连续滚动渐变与交互光场
   统一页面基底，移除墨绿/白色硬切；滚动由 JS 更新环境色，文字对比保持稳定。
   ========================================================================== */
:root{
  --ambient-a:18,47,49;
  --ambient-b:67,137,129;
  --ambient-c:202,164,95;
  --ambient-d:111,101,174;
  --scroll-ratio:0;
  --ambient-shift-x:0%;
  --ambient-shift-y:0%;
  --scroll-slide:0%;
  --cursor-x:50vw;
  --cursor-y:34vh;
  --surface-top:rgba(238,243,238,.86);
  --surface-bottom:rgba(218,230,225,.79);
  --card-glass:linear-gradient(145deg,rgba(248,250,246,.88),rgba(221,232,227,.76));
  --card-glass-strong:linear-gradient(145deg,rgba(245,248,243,.95),rgba(214,227,221,.88));
}
html{background:#10292b}
body{
  position:relative;
  isolation:isolate;
  min-height:100%;
  background:rgb(var(--ambient-a));
  color:#18383a;
}
body>main,body>footer{position:relative;z-index:2}
body>.site-header{position:sticky;z-index:1000}
.site-atmosphere{
  position:fixed;
  inset:-8vmax;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  background:
    radial-gradient(circle at calc(12% + var(--ambient-shift-x)) calc(18% + var(--ambient-shift-y)),rgba(var(--ambient-b),.56),transparent 31%),
    radial-gradient(circle at calc(88% - var(--ambient-shift-x)) calc(14% + var(--ambient-shift-y)),rgba(var(--ambient-c),.42),transparent 29%),
    radial-gradient(circle at 68% 82%,rgba(var(--ambient-d),.31),transparent 31%),
    linear-gradient(135deg,rgb(var(--ambient-a)) 0%,rgba(var(--ambient-b),.92) 47%,rgb(var(--ambient-a)) 100%);
  filter:saturate(1.05);
  transform:translateZ(0);
  transition:background-color .18s linear;
}
.site-atmosphere:before{
  content:"";
  position:absolute;
  inset:-22%;
  background:conic-gradient(from 30deg,transparent 0 8%,rgba(var(--ambient-c),.18) 18%,transparent 31%,rgba(var(--ambient-b),.22) 48%,transparent 64%,rgba(var(--ambient-d),.16) 78%,transparent 92%);
  filter:blur(52px);
  opacity:.78;
  animation:ambientSpin 34s linear infinite;
}
.site-atmosphere:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at center,#000 18%,transparent 78%);
  opacity:.46;
}
.ambient-particles{position:absolute;inset:0;overflow:hidden}
.ambient-particles i{
  position:absolute;
  left:var(--px);
  top:var(--py);
  width:var(--ps);
  height:var(--ps);
  border-radius:50%;
  background:rgba(255,255,255,var(--po));
  box-shadow:0 0 18px rgba(var(--ambient-c),.18);
  animation:particleDrift var(--pd) ease-in-out infinite alternate;
  animation-delay:var(--pdelay);
}
.cursor-aura{
  position:fixed;
  left:0;
  top:0;
  z-index:1;
  width:430px;
  height:430px;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  transform:translate3d(calc(var(--cursor-x) - 215px),calc(var(--cursor-y) - 215px),0);
  background:radial-gradient(circle,rgba(var(--ambient-c),.18) 0%,rgba(var(--ambient-b),.11) 28%,transparent 69%);
  mix-blend-mode:screen;
  filter:blur(8px);
  transition:opacity .35s ease;
}
body.cursor-active .cursor-aura{opacity:1}
@keyframes ambientSpin{to{transform:rotate(360deg)}}
@keyframes particleDrift{to{transform:translate3d(var(--pdx),var(--pdy),0) scale(1.35);opacity:.15}}

/* Floating navigation with the restored consultation entry. */
.site-header{
  top:12px;
  padding:0;
  background:transparent!important;
  border:0!important;
  backdrop-filter:none;
  pointer-events:none;
}
.nav-shell{
  height:68px;
  padding:0 10px 0 14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(12,35,37,.88),rgba(29,55,55,.78));
  box-shadow:0 16px 42px rgba(6,24,25,.16),inset 0 1px 0 rgba(255,255,255,.09)!important;
  backdrop-filter:blur(24px) saturate(145%);
  pointer-events:auto;
}
.site-nav{background:rgba(240,244,238,.052);border-color:rgba(255,255,255,.10)}
.nav-cta{
  display:inline-flex!important;
  flex:0 0 auto;
  margin-left:4px;
  padding:12px 18px;
  box-shadow:0 8px 24px rgba(176,132,50,.18)!important;
}
.nav-cta:hover{box-shadow:0 12px 32px rgba(176,132,50,.28)!important}

/* One continuous scene instead of alternating flat bands. */
main{background:transparent!important}
.page-hero{
  min-height:auto;
  background:
    radial-gradient(circle at 10% 18%,rgba(var(--ambient-b),.28),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(var(--ambient-c),.22),transparent 26%),
    linear-gradient(180deg,rgba(9,31,33,.94) 0%,rgba(20,48,49,.83) 66%,rgba(49,74,72,.54) 100%)!important;
}
.page-hero:after{
  content:"";
  position:absolute;
  z-index:0;
  left:0;right:0;bottom:-1px;
  height:150px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(210,224,218,.16) 42%,rgba(226,235,230,.72) 100%);
}
.page-hero .shell{z-index:2}
.section,.section-light,.section-cream,.section-ink,.pricing-compare-section{
  color:#18383a;
  background:
    radial-gradient(circle at 12% 18%,rgba(var(--ambient-b),.08),transparent 27%),
    radial-gradient(circle at 86% 74%,rgba(var(--ambient-c),.075),transparent 29%),
    linear-gradient(180deg,var(--surface-top),var(--surface-bottom))!important;
  margin-top:-1px;
  padding:104px 0;
  overflow:clip;
}
.page-hero + .section-light,.page-hero + .section-cream,.page-hero + .section-ink,
.section-light + .section-ink,.section-cream + .section-ink,.section-ink + .section-light,
.section-ink + .section-cream,.section-light + .section-cream,.section-cream + .section-light{
  padding-top:104px;
  background:
    radial-gradient(circle at 12% 18%,rgba(var(--ambient-b),.08),transparent 27%),
    radial-gradient(circle at 86% 74%,rgba(var(--ambient-c),.075),transparent 29%),
    linear-gradient(180deg,var(--surface-top),var(--surface-bottom))!important;
}
.section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 0 34%,rgba(255,255,255,.16) 48%,transparent 62% 100%);
  transform:translateX(calc(-32% + var(--scroll-slide)));
  opacity:.42;
}
.section:after{
  content:"";
  position:absolute;
  width:430px;height:430px;
  right:-190px;top:12%;
  border:1px solid rgba(var(--ambient-b),.13);
  border-radius:50%;
  box-shadow:inset 0 0 90px rgba(var(--ambient-c),.055);
  opacity:.65;
  pointer-events:none;
  animation:sectionOrbit 18s ease-in-out infinite alternate;
}
@keyframes sectionOrbit{to{transform:translate3d(-42px,62px,0) scale(1.08)}}
.section-heading h2,.section-ink .section-heading h2{color:#18383a}
.section-heading p,.section-ink .section-heading p{color:#587173}
.section-ink .eyebrow,.section-ink .eyebrow.dark{color:#4f6f70}
.section-ink .eyebrow span{background:linear-gradient(90deg,#9b7435,transparent)}

/* Gradient glass surfaces, never flat white blocks. */
.result-card,.deliverable-card,.compare-card,.step-card,.pricing-card,.boundary-card,
.faq-item,.accordion-item,.tab-wrap,.consult-form,.mini-flow article,.quick-route a,
.table-shell,.selector,.plan-comparison{
  background:var(--card-glass)!important;
  border-color:rgba(31,75,75,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 18px 42px rgba(33,64,63,.055)!important;
  backdrop-filter:blur(18px) saturate(118%);
}
.result-card:hover,.deliverable-card:hover,.compare-card:hover,.step-card:hover,
.pricing-card:hover,.boundary-card:hover,.faq-item:hover,.accordion-item:hover,.quick-route a:hover{
  transform:translateY(-6px);
  border-color:rgba(var(--ambient-b),.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 22px 52px rgba(33,64,63,.09)!important;
}
.spotlight:before{
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(var(--ambient-c),.18),rgba(var(--ambient-b),.10) 20%,transparent 42%);
}
.contrast-card,.plan-card.plus-plan,.plan-card.pro20-plan,.codex-engine{background:var(--card-glass)!important}
.pricing-card.featured{
  background:linear-gradient(145deg,rgba(239,235,220,.96),rgba(207,226,218,.90))!important;
  border-color:rgba(181,142,68,.43)!important;
}
.quick-route a,.home-engine-stage>article,.glass-card,.reason-item,.section-ink .deliverable-card{
  color:#fff;
  background:linear-gradient(145deg,rgba(25,55,56,.94),rgba(41,70,69,.86))!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 46px rgba(12,37,38,.10)!important;
}
.quick-route p,.home-engine-stage p,.glass-card p,.glass-card li,.reason-item p,.section-ink .deliverable-card p,.section-ink .deliverable-card li{color:rgba(255,255,255,.70)}
.section-ink .deliverable-card h3{color:#fff}
.table-shell table{background:transparent}
th{background:linear-gradient(135deg,rgba(205,222,215,.78),rgba(233,229,216,.70));color:#3e6263}
td{background:rgba(247,249,245,.30)}
tr:hover td{background:rgba(245,246,237,.56)}
.selector select,.selector-result,.form-grid input,.form-grid select,.form-grid textarea,.renew-v3,.plan-highlights span{
  background:linear-gradient(145deg,rgba(248,250,246,.82),rgba(228,235,229,.72));
}

/* More legible pricing matrix with all rights from the service specification. */
.pricing-compare-section{overflow:visible}
.plan-comparison{
  position:relative;
  overflow-x:auto;
  overflow-y:visible;
  border-radius:30px;
  scrollbar-color:rgba(67,113,108,.42) transparent;
  scrollbar-width:thin;
}
.plan-comparison:after{
  content:"左右滑动查看完整方案";
  display:none;
  position:sticky;
  left:16px;
  bottom:12px;
  width:max-content;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(20,51,52,.88);
  color:#fff;
  font-size:10px;
  letter-spacing:.08em;
}
.comparison-grid{
  min-width:1120px;
  grid-template-columns:210px repeat(3,minmax(290px,1fr));
}
.comparison-grid>*{
  padding:22px 24px;
  border-right:1px solid rgba(29,68,70,.11);
  border-bottom:1px solid rgba(29,68,70,.11);
}
.comparison-corner{
  position:sticky;
  left:0;
  z-index:6;
  min-height:190px;
  justify-content:center;
  padding:28px!important;
  background:linear-gradient(145deg,rgba(22,54,55,.97),rgba(44,73,71,.94))!important;
  box-shadow:8px 0 24px rgba(28,61,60,.07)!important;
}
.comparison-corner small{color:rgba(255,255,255,.54);font-size:11px;line-height:1.6}
.comparison-plan-head{
  min-height:190px;
  background:linear-gradient(145deg,rgba(239,244,239,.92),rgba(218,231,225,.80))!important;
}
.comparison-plan-head.recommended{background:linear-gradient(145deg,rgba(238,229,207,.94),rgba(207,226,218,.88))!important}
.comparison-plan-head h3{margin:16px 0 12px;font-size:25px}
.comparison-plan-head p{display:flex;align-items:baseline;gap:9px;margin:0}
.comparison-plan-head p b{font-size:30px}
.comparison-plan-head p span{color:#687f80;font-size:11px}
.comparison-renew{display:inline-flex;margin-top:13px;padding:7px 10px;border-radius:999px;background:rgba(31,75,75,.075);color:#486768;font-size:11px;font-weight:760}
.comparison-label{
  position:sticky;
  left:0;
  z-index:5;
  min-height:122px;
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  background:linear-gradient(145deg,rgba(220,232,226,.98),rgba(235,231,217,.96))!important;
  box-shadow:8px 0 24px rgba(28,61,60,.055)!important;
}
.comparison-label span{
  display:grid;
  place-items:center;
  width:30px;height:30px;
  border-radius:10px;
  background:linear-gradient(135deg,rgba(var(--ambient-b),.20),rgba(var(--ambient-c),.20));
  color:#315a5a;
  font-size:10px;
  font-weight:900;
}
.comparison-label strong{font-size:13px;line-height:1.5;color:#294f50}
.comparison-value{
  min-height:122px;
  align-items:flex-start;
  background:linear-gradient(145deg,rgba(247,249,245,.64),rgba(226,235,229,.48))!important;
  color:#506b6c;
}
.comparison-value.recommended-cell{background:linear-gradient(145deg,rgba(235,232,216,.72),rgba(210,226,218,.68))!important}
.comparison-points{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.comparison-points li{position:relative;margin:0;padding-left:17px;color:#4d696a;font-size:13px;line-height:1.65}
.comparison-points li:before{content:"";position:absolute;left:0;top:.63em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#b9893b,#5eaaa1);box-shadow:0 0 0 4px rgba(91,157,149,.08)}
.comparison-footnote{color:#506d6e}

.site-footer{
  padding-top:150px;
  background:
    radial-gradient(circle at 82% 28%,rgba(var(--ambient-c),.16),transparent 28%),
    radial-gradient(circle at 14% 75%,rgba(var(--ambient-b),.13),transparent 28%),
    linear-gradient(180deg,rgba(205,220,213,.68) 0%,rgba(74,99,96,.80) 18%,rgba(19,47,49,.97) 42%,rgba(7,25,27,1) 100%)!important;
}
body[data-page="engines"] .site-footer{padding-top:150px;background:radial-gradient(circle at 82% 28%,rgba(var(--ambient-c),.16),transparent 28%),linear-gradient(180deg,rgba(205,220,213,.68) 0%,rgba(74,99,96,.80) 18%,rgba(19,47,49,.97) 42%,rgba(7,25,27,1) 100%)!important}

@media(max-width:1100px){
  .nav-shell{padding-left:12px}
  .site-nav a{padding:9px 8px;font-size:11px}
  .nav-cta{padding:11px 14px;font-size:11px}
}
@media(max-width:780px){
  .site-header{top:8px}
  .nav-shell{height:60px;border-radius:22px;padding:0 12px}
  .site-nav{inset:-8px 0 0;background:linear-gradient(145deg,rgba(8,28,30,.98),rgba(31,56,56,.98));border-radius:0}
  .nav-cta{display:none!important}
  .page-hero{padding-top:96px}
  .section,.section-light,.section-cream,.section-ink,.pricing-compare-section,
  .page-hero + .section-light,.page-hero + .section-cream,.page-hero + .section-ink,
  .section-light + .section-ink,.section-cream + .section-ink,.section-ink + .section-light,
  .section-ink + .section-cream,.section-light + .section-cream,.section-cream + .section-light{padding-top:82px;padding-bottom:82px}
  .site-atmosphere{inset:-18vmax}
  .cursor-aura{display:none}
  .comparison-grid{min-width:940px;grid-template-columns:160px repeat(3,minmax(260px,1fr))}
  .comparison-grid>*{padding:18px 16px}
  .comparison-corner,.comparison-plan-head{min-height:172px}
  .comparison-label,.comparison-value{min-height:132px}
  .comparison-plan-head h3{font-size:21px}
  .comparison-plan-head p b{font-size:25px}
  .plan-comparison:after{display:block}
  .site-footer{padding-top:120px}
}
@media(pointer:coarse){.cursor-aura{display:none}}
@media(prefers-reduced-motion:reduce){.site-atmosphere:before,.ambient-particles i,.section:after{animation:none!important}}

/* Contain decorative circles; the comparison matrix itself owns horizontal scrolling. */
.pricing-compare-section{overflow:clip}

/* Performance pass: a pair of large, transform-animated gradient layers replaces
   per-scroll color recalculation, dozens of particles, and expensive blend effects. */
:root{--scroll-progress:0}
.scroll-progress span{
  width:100%;
  transform:scaleX(var(--scroll-progress));
  transform-origin:left center;
  will-change:transform;
}
.site-atmosphere{
  inset:-18vmax;
  contain:paint;
  background:
    radial-gradient(ellipse 64% 58% at 8% 10%,rgba(69,171,160,.42),transparent 68%),
    radial-gradient(ellipse 54% 48% at 92% 18%,rgba(222,181,96,.28),transparent 70%),
    radial-gradient(ellipse 60% 58% at 58% 92%,rgba(117,101,194,.31),transparent 70%),
    linear-gradient(132deg,#0b2d32 0%,#1a4a4a 46%,#406763 100%);
  filter:none;
}
.site-atmosphere:before{
  inset:-12%;
  opacity:.88;
  filter:none;
  will-change:transform;
  background:
    radial-gradient(ellipse 46% 44% at 18% 22%,rgba(124,228,210,.42),transparent 70%),
    radial-gradient(ellipse 43% 38% at 80% 24%,rgba(245,211,129,.34),transparent 72%),
    radial-gradient(ellipse 42% 48% at 62% 76%,rgba(160,132,240,.34),transparent 72%);
  animation:ambientDrift 28s cubic-bezier(.45,0,.55,1) infinite alternate;
}
.site-atmosphere:after{display:none}
.ambient-particles,.cursor-aura{display:none!important}
@keyframes ambientDrift{
  0%{transform:translate3d(-4%,-3%,0) scale(1.08)}
  50%{transform:translate3d(5%,3%,0) scale(1.16)}
  100%{transform:translate3d(-1%,7%,0) scale(1.1)}
}
body.background-paused .site-atmosphere:before{animation-play-state:paused}
.section:before{transform:translateX(-16%)}
.section:after{animation:none}
.result-card,.deliverable-card,.compare-card,.step-card,.pricing-card,.boundary-card,
.faq-item,.accordion-item,.tab-wrap,.consult-form,.mini-flow article,.quick-route a,
.table-shell,.selector,.plan-comparison{backdrop-filter:none}
.nav-shell{backdrop-filter:blur(14px) saturate(120%)}
.reveal{filter:none;clip-path:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.is-visible{filter:none;clip-path:none}
.tab-panels>[data-panel]{animation:panelIn .38s var(--ease)}
@keyframes panelIn{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}
.orb{filter:blur(6px);will-change:transform}
@media(max-width:780px){
  .site-atmosphere:before{animation-duration:34s}
  .nav-shell{backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
  .site-atmosphere:before{animation:none}
}

/* Final surface cleanup: prevent the hero card's decorative glow from showing
   through its translucent panel, which created a hard tonal seam near the base. */
.page-hero-aside:before{display:none}
.page-hero-aside{
  background:linear-gradient(145deg,rgba(238,242,235,.10),rgba(161,180,174,.08));
}
.dark-panel{
  background:linear-gradient(145deg,#293f41 0%,#203638 100%);
}

/* Keep the top navigation calm and remove the separate colored progress strip. */
.scroll-progress{display:none}
.site-header{top:0}
.nav-shell{
  border:0;
  border-radius:0;
  background:rgba(12,35,37,.84);
  box-shadow:none!important;
}
@media(min-width:781px){
  .site-nav{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
  }
}
@media(max-width:780px){
  .site-header{top:0}
  .nav-shell{border-radius:0}
}

/* Let the navigation read as one continuous bar instead of a dark center block
   placed over the background gradient. */
.site-header{
  background:rgba(9,31,33,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.nav-shell{background:transparent}

/* Booking form states and invisible bot trap. */
.booking-security{display:grid;gap:13px;margin-top:18px}
.form-consent{display:flex;align-items:flex-start;gap:10px;color:#506d70;font-size:12px;line-height:1.65}
.form-consent input{width:16px;height:16px;margin:3px 0 0;accent-color:#3e9c93}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.turnstile-container{min-height:65px}
.booking-status{min-height:1.65em;margin:0;color:#587173;font-size:12px;line-height:1.65}
.booking-status.success{color:#28736c}
.booking-status.error{color:#a04a39}
.consult-form[aria-busy=true] #submit-booking{opacity:.7;cursor:wait}