/* Longchang — Combined Stylesheet (auto-generated) */ /* Do not edit — run scripts/build-css.sh to regenerate */  /* ===== css/base.css ===== */ /* ========= BASE:Variables,Reset,Typography,Cursor,Noise ========= */:root{/* 龙场 · 天书 (Longchang · Celestial Codex) */   --bg:#FAF6F0;--bg2:#F5EFE6;--bg3:#EDE7DB;--bg-ink:#0C0C14;--bg-ink2:rgba(12,12,20,.95);--gold:#B8963E;--gold2:#D4AF37;--txt:#1C1917;--muted:#78716C;--dim:#A8A29E;--surface:#FFFFFF;--border:#E8E2D6;/* Ink wash tones */   --ink-light:rgba(12,12,20,.06);--ink-medium:rgba(12,12,20,.15);--ink-heavy:rgba(12,12,20,.40);/* Seal red (朱文印) */   --seal-red:#C23B22;--seal-red-faint:rgba(194,59,34,.12);/* Five Elements — base + light/faint/gradient variants */   /* Five Elements — refined palette v1.1:朱砂印泥 / 松针 / 赭石 / 铅灰 / 藏青 */   --wood:#3F7A56;--wood-light:#5C9E78;--wood-grad:linear-gradient(135deg,#3F7A56,#5C9E78);--fire:#C84438;--fire-light:#D86B5C;--fire-grad:linear-gradient(135deg,#C84438,#D86B5C);--earth:#B0824B;--earth-light:#C9A77A;--earth-grad:linear-gradient(135deg,#B0824B,#C9A77A);--metal:#9DA1A8;--metal-light:#BABEC4;--metal-grad:linear-gradient(135deg,#9DA1A8,#BABEC4);--water:#2D5F87;--water-light:#4A78A6;--water-grad:linear-gradient(135deg,#2D5F87,#4A78A6);/* Gold opacity tokens */   --gold-2:rgba(184,150,62,.02);--gold-3:rgba(184,150,62,.03);--gold-4:rgba(184,150,62,.04);--gold-6:rgba(184,150,62,.06);--gold-8:rgba(184,150,62,.08);--gold-10:rgba(184,150,62,.10);--gold-12:rgba(184,150,62,.12);--gold-15:rgba(184,150,62,.15);--gold-20:rgba(184,150,62,.20);--gold-25:rgba(184,150,62,.25);--gold-30:rgba(184,150,62,.30);--gold-35:rgba(184,150,62,.35);--gold-40:rgba(184,150,62,.40);/* z-index layers */   --z-base:0;--z-content:1;--z-hero-overlay:2;--z-dropdown:10;--z-nav:100;--z-modal:200;--z-toast:500;--z-cursor:9000;--radius:12px;--radius-sm:8px;--font-h:'Cormorant Garamond',serif;--font-b:'Crimson Pro',serif;--font-cn:'Noto Serif SC',serif;--nav-h:64px;/* Typographic scale — Minor Third (1.2) from 16px base */   --fs-xs:0.75rem;/* 12px — smallest allowed */   --fs-sm:0.833rem;/* 13.3px — captions,labels */   --fs-base:1rem;/* 16px — body */   --fs-md:1.125rem;/* 18px — large body,lead */   --fs-lg:1.35rem;/* 21.6px — h4,card titles */   --fs-xl:1.62rem;/* 25.9px — h3 */   --fs-2xl:1.944rem;/* 31.1px — h2 */   --fs-3xl:2.333rem;/* 37.3px — h1 small */   --fs-4xl:2.8rem;/* 44.8px — h1 hero */    /* Spacing scale — v1.0 handbook (4/8/12/24/40/64/80) */   --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:24px;--sp-5:40px;--sp-6:64px;--sp-7:80px;--sp-section:96px;--sp-section-sm:72px;/* Layout grid — 1440 desktop · 12 cols · 120 gutter */   --layout-max:1440px;--layout-content:1140px;--layout-gutter:24px}.lc-container{max-width:var(--layout-content);margin:0 auto;padding:0 var(--layout-gutter)}.lc-container--wide{max-width:var(--layout-max)}@media(max-width:768px){:root{--layout-gutter:20px}}@media(max-width:480px){:root{--layout-gutter:16px}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-b);color:var(--txt);background:var(--bg);overflow-x:hidden;cursor:auto;line-height:1.65;font-size:16px;font-feature-settings:'kern' 1,'liga' 1,'onum' 1;-webkit-text-size-adjust:100%}::selection{background:var(--gold);color:#FFFFFF}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold2)}button{font-family:inherit;border:none;background:none;color:inherit}img{max-width:100%;display:block}.wrap{max-width:960px;margin:0 auto;padding:0 24px}.page-off{display:none !important}\nmain{transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}\n.page-enter{opacity:0;transform:translateY(16px) scale(.995)}h1,h2,h3,h4{font-family:var(--font-h);font-weight:300;font-feature-settings:'kern' 1,'liga' 1,'onum' 1,'ss01' 1;letter-spacing:-0.01em}h1{line-height:1.15}h2{line-height:1.2}h3{line-height:1.3}h4{line-height:1.35}em{font-style:italic}/* ---- CURSOR ---- */ .cursor{position:fixed;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--gold);pointer-events:none;z-index:var(--z-cursor);top:0;left:0;transition:transform .12s ease}.cursor-trail{position:fixed;width:8px;height:8px;border-radius:50%;background:var(--gold);pointer-events:none;z-index:calc(var(--z-cursor) - 1);top:0;left:0;opacity:.3;transition:transform .24s ease}@media(pointer:coarse){.cursor,.cursor-trail{display:none}}@media(pointer:fine) and (prefers-reduced-motion:no-preference){body,a,button{cursor:none}}/* ---- FOCUS-VISIBLE ---- */:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:var(--radius-sm)}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}/* ---- SKIP LINK ---- */ .skip-link{position:absolute;top:-100%;left:16px;z-index:10000;padding:12px 24px;background:var(--gold);color:#fff;font-size:.85rem;font-weight:600;border-radius:0 0 var(--radius-sm) var(--radius-sm);transition:top .2s;text-decoration:none}.skip-link:focus{top:0}/* ---- NOISE ---- */ .noise-layer{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:0;mix-blend-mode:multiply;contain:strict}/* ---- INK WASH TEXTURE (eastern aesthetics layer) ---- */ .ink-wash{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.015;mix-blend-mode:soft-light;contain:strict;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='i'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.015' numOctaves='4' seed='42' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 9 -4 0 0 0 9 -4 0 0 0 9 -4 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23i)'/%3E%3C/svg%3E")}/* ---- SEAL STAMP (朱文印 utility) ---- */ .seal-stamp{display:inline-block;padding:4px 10px;border:2px solid var(--seal-red);border-radius:3px;font-family:var(--font-cn);font-size:.75rem;color:var(--seal-red);letter-spacing:.15em;line-height:1.4;opacity:.7;transform:rotate(-2deg);transition:opacity .4s,transform .4s}.seal-stamp:hover{opacity:1;transform:rotate(0deg)}/* ---- TOAST ---- */ .fg-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-100px);padding:.7rem 1.5rem;border-radius:8px;font-size:.85rem;color:#fff;background:rgba(45,106,79,.92);backdrop-filter:blur(8px);z-index:var(--z-toast);transition:transform .3s ease;pointer-events:none}.fg-toast--show{transform:translateX(-50%) translateY(0);pointer-events:auto}.fg-toast--error{background:rgba(230,57,70,.92)}.fg-toast--warn{background:rgba(184,134,11,.88)}/* ---- SAMPLE BADGE ---- */ .sample-badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;letter-spacing:.04em;background:rgba(184,134,11,.18);color:#D4AF37;border:1px solid rgba(184,134,11,.3);margin-left:.5rem;vertical-align:middle}/* ---- BOTTOM NAV (mobile) ---- */ .btm-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-nav);background:rgba(250,246,240,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:4px 0 calc(4px + env(safe-area-inset-bottom,0px));justify-content:space-around}.btm-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--dim);font-size:.65rem;padding:6px 0;cursor:pointer;transition:color .2s;-webkit-tap-highlight-color:transparent}.btm-tab:active{transform:scale(.92);transition:transform .08s}.btm-tab svg{opacity:.5;transition:opacity .2s}.btm-tab--active{color:var(--gold)}.btm-tab--active svg{opacity:1;stroke:var(--gold)}@media(max-width:640px){.btm-nav{display:flex}main{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}/* ---- SCROLL TO TOP ---- */ .scroll-top{position:fixed;bottom:24px;right:24px;z-index:100;width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;color:var(--gold);opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s,box-shadow .3s,border-color .3s;pointer-events:none;cursor:pointer}.scroll-top.vis{opacity:1;transform:none;pointer-events:auto}.scroll-top:hover{border-color:var(--gold-25);box-shadow:0 8px 24px rgba(0,0,0,.12);background:var(--gold-4)}@media(max-width:640px){.scroll-top{bottom:calc(80px + env(safe-area-inset-bottom,0px));right:16px;width:40px;height:40px}}/* ---- GLASSMORPHISM ---- */ .rpt-card,.sg-card,.hg-card,.faq-item,.pillar,.ls-dec{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--gold-10);box-shadow:0 2px 12px rgba(184,150,62,.04),0 0 0 1px var(--gold-6)}/* ---- RICE PAPER TEXTURE ---- */ body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");opacity:.4}/* ========= CITY AUTOCOMPLETE ========= */ .city-dropdown{position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown);background:var(--bg-warm,#FAF6F0);border:1px solid var(--gold-25);border-radius:8px;max-height:240px;overflow-y:auto;display:none;box-shadow:0 8px 24px rgba(0,0,0,.12)}.city-dropdown.open{display:block}.city-opt{padding:10px 14px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:background .15s}.city-opt:hover{background:var(--gold-8)}.city-country{color:rgba(60,42,18,.4);font-size:.75rem}.city-lng{margin-left:auto;color:var(--gold,#B8963E);font-size:.75rem;font-family:'Crimson Pro',serif}.city-opt--manual{color:var(--gold,#B8963E);font-style:italic}.city-opt--empty{color:rgba(60,42,18,.4);font-style:italic;cursor:default}/* ========= SKELETON LOADING ========= */ @keyframes skelShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skel{display:inline-block;background:linear-gradient(90deg,var(--bg3) 25%,var(--bg2) 50%,var(--bg3) 75%);background-size:200% 100%;animation:skelShimmer 1.5s ease infinite;border-radius:var(--radius-sm)}.skel-text{height:1em;vertical-align:middle}.skel-tag{width:60px;height:24px;margin:0 4px}.skel-pillars{display:flex;gap:12px;justify-content:center}.skel-box{width:80px;height:100px;border-radius:var(--radius)}.skel-block{width:100%;border-radius:var(--radius)}/* ========= INLINE SVG ICONS ========= */ .ico-inline{display:inline-block;vertical-align:middle;flex-shrink:0;margin-right:2px}.ico-section{display:inline-block;vertical-align:-.15em;margin-right:6px;color:var(--gold)}.ico-proof{display:block;margin:0 auto 4px;color:var(--gold)}/* ========= ACCESSIBILITY ========= */ .skip-link{position:absolute;top:-100%;left:16px;z-index:var(--z-toast,500);background:var(--gold);color:var(--bg-ink);padding:8px 16px;border-radius:var(--radius-sm);font:600 .9rem/1.4 var(--font-b);text-decoration:none;transition:top .15s ease}.skip-link:focus{top:8px}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}button:focus-visible,a:focus-visible,.inp:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}/* ===== css/nav.css ===== */ /* ========= NAV ========= */ /* Default:dark (over hero) */ .nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:var(--z-nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(12,12,20,.65);border-bottom:1px solid var(--gold-8);transition:transform .4s,background .4s,border-color .4s}.nav-progress{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold2));width:0;transition:width .15s linear;z-index:1;box-shadow:0 0 8px var(--gold-25)}/* Scrolled past hero:light */ .nav--scrolled{background:rgba(250,246,240,.88);border-bottom-color:var(--border)}.nav--scrolled .nav-link{color:var(--muted)}.nav--scrolled .nav-link:hover{color:var(--gold)}.nav--scrolled .brand-name{color:var(--gold)}.nav--scrolled .hamburger span{background:var(--gold)}.nav.hidden{transform:translateY(-100%)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 24px}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-logo{width:34px;height:34px;flex-shrink:0}.brand-logo--sm{width:28px;height:28px}.brand-svg{width:100%;height:100%}.dragon-path{stroke-dasharray:300;stroke-dashoffset:300;animation:drawDragon 3s ease forwards,dragonGlow 3s ease-in-out infinite 3s}@keyframes drawDragon{to{stroke-dashoffset:0}}@keyframes dragonGlow{0%,100%{opacity:.8}50%{opacity:1;filter:drop-shadow(0 0 4px var(--gold-40))}}.brand-name{font-family:var(--font-h);font-size:1.15rem;font-weight:500;color:var(--gold);letter-spacing:.04em}.nav-links{display:flex;gap:32px}.nav-link{font-size:.85rem;color:#A8A29E;letter-spacing:.06em;text-transform:uppercase;transition:color .3s}.nav-link:hover{color:var(--gold)}.btn-nav{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#FFFFFF;background:var(--gold);padding:8px 20px;border-radius:30px;font-weight:600;transition:all .3s}.btn-nav:hover{background:var(--gold2);box-shadow:0 0 20px var(--gold-30)}.hamburger{display:none;flex-direction:column;gap:5px;width:28px;padding:4px 0}.hamburger span{height:1.5px;background:var(--gold);border-radius:4px;transition:.3s}.nav-drawer{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:rgba(250,246,240,.98);backdrop-filter:blur(20px);flex-direction:column;padding:20px 24px;gap:16px;border-bottom:1px solid var(--border)}.nav-drawer a{font-family:var(--font-h);font-size:1.1rem;color:var(--muted);transition:.3s}.nav-drawer a:hover{color:var(--gold)}.drawer-cta{font-weight:600}.nav-drawer .drawer-cta{color:var(--gold)}.nav-drawer.open{display:flex;animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}/* ===== css/hero.css ===== */ /* ========= HERO ========= */ .hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:calc(var(--nav-h) + 40px) 0 60px;background:var(--bg-ink)}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 60%,rgba(184,150,62,.04) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 30%,rgba(26,82,118,.03) 0%,transparent 60%);z-index:0;pointer-events:none}.hero::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:180px;background:linear-gradient(to bottom,transparent 0%,rgba(250,246,240,.4) 40%,var(--bg) 100%);z-index:2;pointer-events:none}.starfield{position:absolute;inset:0;z-index:0}/* Multiple aurora orbs for depth */ .aurora{position:absolute;top:-200px;left:-200px;width:700px;height:700px;background:radial-gradient(ellipse,var(--gold-10) 0%,transparent 70%);filter:blur(80px);animation:auroraFloat 20s infinite ease-in-out;z-index:0;will-change:transform}.sunburst-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;animation:sunburstDrift 240s linear infinite;transform-origin:50% 42.5%;will-change:transform}@keyframes sunburstDrift{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sunburst-svg{animation:none}}.hero-layout{max-width:840px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;position:relative;z-index:1;gap:0}.hero-left{display:flex;flex-direction:column;align-items:center;will-change:transform,opacity;width:100%}.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.eyebrow-line{width:40px;height:1px;background:var(--gold);animation:eyebrowExpand 1.2s cubic-bezier(.16,1,.3,1) .3s both}@keyframes eyebrowExpand{from{width:0;opacity:0}to{width:40px;opacity:1}}.eyebrow-text{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.hero-h1{margin-bottom:16px}.h1-line{display:block;font-family:var(--font-h);font-weight:300;font-size:clamp(2.8rem,6vw,5.2rem);line-height:1.05;color:#E8E2D6;text-shadow:0 0 80px var(--gold-8),0 2px 40px rgba(0,0,0,.3);letter-spacing:-.02em}.h1-accent{color:var(--gold);font-style:italic;font-weight:400;text-shadow:0 0 40px var(--gold-20),0 0 120px var(--gold-10);background:linear-gradient(135deg,var(--gold),#FFD700,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.h1-sub{color:#A8A29E;font-size:clamp(2.016rem,4.032vw,3.168rem);font-weight:300;letter-spacing:.12em}.hero-sub{color:#B8B0A4;font-size:1.05rem;margin-bottom:32px;max-width:560px;line-height:1.7;text-align:center}/* Compass becomes background decoration in lower-right corner — moved out of form's vertical center to prevent z-index conflict with BIRTHPLACE/GENDER fields */ .hero-right{position:absolute;right:2%;bottom:6%;top:auto;transform:none;z-index:0;pointer-events:none;opacity:0.16;width:380px;height:380px}.hero-right .compass-core{display:none}/* hide live time display on home — only meaningful on its own page */ @media (max-width:1024px){.hero-right{display:none}}/* mobile/tablet hide entirely,replaced by dragon-mist */  /* Hero dragon mist — bronze compass disc,contained + radial-mask to crop out  * the baked-in checkerboard "transparency" pixels of the source RGB PNG.  * (Source PNG is 8-bit RGB,no alpha — Photoshop/GPT Image 2 baked the  *  checkerboard pattern into the pixels. cover-fit on >1024px viewports  *  exposes the pattern at viewport edges → fix with radial mask + contain.) */ .hero-mist{position:absolute;inset:0;background-image:url('../assets/generated/p0-hero/hero-dragon-mist.png');background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0.22;mix-blend-mode:lighten;z-index:0;pointer-events:none;/* Radial mask:keep only the central disc,fade the checkerboard edges into the void */   -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0%,#000 38%,transparent 50%);mask-image:radial-gradient(circle at 50% 50%,#000 0%,#000 38%,transparent 50%);filter:brightness(1.05) contrast(1.05) saturate(.85)}@media (max-width:1024px){.hero-mist{opacity:0.08}}.hero-sub strong{color:var(--gold);font-weight:600}@keyframes auroraFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(80px,60px)}}/* Second aurora orb for depth */ .aurora--2{top:auto;bottom:-100px;left:auto;right:-150px;width:500px;height:500px;background:radial-gradient(ellipse,rgba(26,82,118,.06) 0%,transparent 70%);animation:auroraFloat2 25s infinite ease-in-out;will-change:transform;contain:layout style}@keyframes auroraFloat2{0%,100%{transform:translate(0,0)}50%{transform:translate(-60px,-40px)}}/* Floating glyphs decoration */ .hero-glyphs{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.hero-glyph{position:absolute;font-family:var(--font-cn);color:var(--gold);opacity:.03;font-size:2rem;animation:glyphDrift 18s ease-in-out infinite}.hg1{top:15%;left:8%;font-size:2.4rem;animation-duration:22s;animation-delay:0s}.hg2{top:25%;right:12%;font-size:1.8rem;animation-duration:18s;animation-delay:-4s}.hg3{top:55%;left:15%;font-size:1.6rem;animation-duration:20s;animation-delay:-8s}.hg4{top:70%;right:20%;font-size:2rem;animation-duration:24s;animation-delay:-2s}.hg5{top:40%;left:4%;font-size:1.4rem;animation-duration:16s;animation-delay:-6s}.hg6{top:80%;left:40%;font-size:1.8rem;animation-duration:21s;animation-delay:-10s}.hg7{top:10%;right:25%;font-size:1.5rem;animation-duration:19s;animation-delay:-3s}.hg8{top:60%;right:5%;font-size:2.2rem;animation-duration:23s;animation-delay:-7s}@keyframes glyphDrift{0%,100%{transform:translate(0,0) rotate(0deg);opacity:.03}25%{transform:translate(8px,-12px) rotate(3deg);opacity:.06}50%{transform:translate(-5px,10px) rotate(-2deg);opacity:.04}75%{transform:translate(12px,5px) rotate(1deg);opacity:.05}}.hero-form{max-width:560px;width:100%}.hf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#A8A29E}.inp{background:rgba(255,255,255,.05);border:1px solid var(--gold-12);color:#E8E2D6;padding:10px 14px;border-radius:var(--radius-sm);font-size:.95rem;font-family:var(--font-b);transition:border-color .3s,box-shadow .3s,background .3s;-webkit-appearance:none}.inp:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-10),0 0 20px var(--gold-6);background:rgba(255,255,255,.08)}.inp:hover:not(:focus){border-color:var(--gold-20)}select.inp{cursor:none}.gender-toggle{display:flex;gap:4px}.gt{flex:1;padding:10px 0;border-radius:var(--radius-sm);font-size:.85rem;border:1px solid var(--gold-12);color:#A8A29E;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:center}.gt:hover:not(.active){border-color:var(--gold-25);color:var(--gold);background:var(--gold-4)}.gt.active{background:var(--gold-12);color:var(--gold);border-color:var(--gold);box-shadow:0 0 12px var(--gold-10)}.solar-note{font-size:.78rem;color:#A8A29E;display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--gold-4);border-radius:var(--radius-sm);margin:8px 0 16px}.stn-icon{font-size:1rem;color:var(--gold)}.solar-note strong{color:var(--gold)}/* ---- BUTTONS ---- */ .btn-gold{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 36px;background:linear-gradient(135deg,var(--gold),var(--gold2),#E8C547);background-size:200% 200%;animation:goldShimmer 4s ease infinite;color:#FFFFFF;font-weight:700;font-size:.9rem;letter-spacing:.06em;border-radius:40px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}@keyframes goldShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.btn-gold:hover{box-shadow:0 0 40px var(--gold-40),0 8px 20px var(--gold-20),0 0 80px var(--gold-10);transform:translateY(-2px)}.btn-gold:active{transform:translateY(0) scale(.97);transition-duration:.1s}/* Ripple effect */ .btn-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.25);transform:scale(0);animation:btnRipple .6s ease-out forwards;pointer-events:none}@keyframes btnRipple{to{transform:scale(3);opacity:0}}.btn-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);animation:shineSlide 3s infinite}@keyframes shineSlide{0%{transform:translateX(-100%)}40%,100%{transform:translateX(100%)}}.btn-text{position:relative;z-index:1}.btn-hero{width:100%}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border:1.5px solid var(--gold);color:var(--gold);font-size:.85rem;letter-spacing:.06em;border-radius:40px;transition:all .4s cubic-bezier(.16,1,.3,1);font-weight:600}.btn-outline:hover{background:var(--gold-8);box-shadow:0 0 20px var(--gold-15);transform:translateY(-2px)}.btn-outline:disabled{opacity:.4;pointer-events:none}.btn-lg{padding:18px 44px;font-size:1rem}/* ---- SCROLL CUE ---- */ .scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2}.sc-text{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.sc-line{width:1px;height:32px;background:var(--gold-15);position:relative;overflow:hidden}.sc-dot{width:3px;height:8px;background:var(--gold);border-radius:4px;position:absolute;left:-1px;animation:scrollBounce 2s infinite}@keyframes scrollBounce{0%{top:-8px}50%{top:32px}100%{top:-8px}}/* ---- MATHEMATICAL THEATRE CANVAS ---- */ .theatre-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;z-index:5;will-change:opacity;transform:translateZ(0)}/* ===== css/compass.css ===== */ /* ========= ROTATING COMPASS (Hero) ========= */ .hero-right{display:flex;align-items:center;justify-content:center}.compass-stage{position:relative;width:380px;height:380px;display:flex;align-items:center;justify-content:center}.compass-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--gold-8) 0%,var(--gold-2) 50%,transparent 70%);animation:compassBreathe 6s ease-in-out infinite}@keyframes compassBreathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.3}}.cring{position:absolute;border-radius:50%;border:1px solid var(--gold-10)}/* Outermost decorative ring */ .cr-deco{width:395px;height:395px;border:none;background:repeating-conic-gradient(from 0deg,var(--gold-6) 0deg 1deg,transparent 1deg 15deg);border-radius:50%;animation:rotCW 120s linear infinite;opacity:.5;will-change:transform}.cr-outer{width:380px;height:380px;border-style:dashed;border-color:var(--gold-8);animation:rotCW 80s linear infinite;will-change:transform}.cr-mid{width:280px;height:280px;border-color:var(--gold-15);animation:rotCW 50s linear infinite reverse;will-change:transform}.cr-inner{width:190px;height:190px;border-color:var(--gold-20);animation:rotCW 30s linear infinite;box-shadow:0 0 60px var(--gold-4);will-change:transform}@keyframes rotCW{to{transform:rotate(360deg)}}.cring-glyph{position:absolute;font-family:var(--font-cn);font-size:.82rem;color:var(--gold-30);transform:translate(-50%,-50%);transition:color .5s,text-shadow .5s,font-weight .3s}/* 12 Earthly Branches on outer ring — clock positions */ .cr-outer .cg-pos0{top:2%;left:50%}.cr-outer .cg-pos1{top:7%;left:75%}.cr-outer .cg-pos2{top:25%;left:93%}.cr-outer .cg-pos3{top:50%;left:100%}.cr-outer .cg-pos4{top:75%;left:93%}.cr-outer .cg-pos5{top:93%;left:75%}.cr-outer .cg-pos6{top:98%;left:50%}.cr-outer .cg-pos7{top:93%;left:25%}.cr-outer .cg-pos8{top:75%;left:7%}.cr-outer .cg-pos9{top:50%;left:0%}.cr-outer .cg-pos10{top:25%;left:7%}.cr-outer .cg-pos11{top:7%;left:25%}/* 10 Heavenly Stems on middle ring */ .cr-mid .cm-pos0{top:0%;left:50%}.cr-mid .cm-pos1{top:10%;left:81%}.cr-mid .cm-pos2{top:35%;left:98%}.cr-mid .cm-pos3{top:65%;left:98%}.cr-mid .cm-pos4{top:90%;left:81%}.cr-mid .cm-pos5{top:100%;left:50%}.cr-mid .cm-pos6{top:90%;left:19%}.cr-mid .cm-pos7{top:65%;left:2%}.cr-mid .cm-pos8{top:35%;left:2%}.cr-mid .cm-pos9{top:10%;left:19%}/* 5 Elements on inner ring */ .cring-el{position:absolute;font-family:var(--font-cn);font-size:.75rem;font-weight:600;transform:translate(-50%,-50%);opacity:.5;transition:opacity .5s}.ce-wood{top:10%;left:50%;color:var(--wood)}.ce-fire{top:35%;left:88%;color:var(--fire)}.ce-earth{top:80%;left:78%;color:var(--earth)}.ce-metal{top:80%;left:22%;color:var(--metal)}.ce-water{top:35%;left:12%;color:var(--water)}/* Compass core — live time */ .compass-core{position:absolute;z-index:3;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,var(--bg-ink) 0%,var(--bg-ink2) 100%);border:1px solid var(--gold-15);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(0,0,0,0.6),inset 0 0 30px var(--gold-3);transition:box-shadow .6s}.compass-core:hover{box-shadow:0 0 60px rgba(0,0,0,0.6),inset 0 0 30px var(--gold-6),0 0 24px var(--gold-10)}.cc-hour{font-family:var(--font-cn);font-size:1rem;font-weight:600;color:var(--gold);line-height:1.2}.cc-time{font-family:var(--font-h);font-size:1.4rem;font-weight:300;color:#E8E2D6;line-height:1.2;letter-spacing:0.04em}.cc-el{font-size:.6rem;color:#A8A29E;text-transform:uppercase;letter-spacing:0.12em;margin-top:2px}/* ======= MATHEMATICAL THEATRE ======= */ .theatre-canvas{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .4s}/* When theatre is active,rings decelerate to stop */ .cring.theatre-lock{animation-play-state:paused !important}/* ===== css/sections.css ===== */ /* ========= SECTIONS:Proof,About,Dragon,Stems Preview,How-it-Works,Testimonials,Pricing,FAQ,Final CTA,Footer ========= */  /* ---- Content-visibility for below-fold rendering perf ---- */ .about,.how-it-works,.testimonials,.pricing,.faq,.final-cta,.trust-bar,.the-master,.footer{content-visibility:auto;contain-intrinsic-size:auto 600px}/* ---- ABOUT DRAGON (decorative emblem) ---- */ .about-dragon{text-align:center;margin:16px 0 40px}.about-dragon-svg{width:140px;height:140px;opacity:.5;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1)}.about-dragon-svg:hover{opacity:.9;transform:scale(1.08)}.dragon-body-sm{stroke-dasharray:300;stroke-dashoffset:300;animation:drawDragonSm 4s ease forwards}.dragon-head-sm{stroke-dasharray:60;stroke-dashoffset:60;animation:drawDragonSm 2s ease 3.5s forwards}@keyframes drawDragonSm{to{stroke-dashoffset:0}}.yy-core-sm{animation:yyPulseSm 5s ease-in-out infinite}@keyframes yyPulseSm{0%,100%{opacity:.8}50%{opacity:1;filter:drop-shadow(0 0 6px var(--gold-15))}}/* ---- PROOF BAR ---- */ /* ---- WOW BRUSH FLOURISH (hero→proof transition) ---- */ .wow-brush{text-align:center;padding:0;margin:-2px 0;position:relative;z-index:3;background:var(--bg-ink);overflow:hidden}.wow-svg{width:min(400px,80vw);height:24px;display:block;margin:0 auto}.wow-stroke-1{stroke-dasharray:520;stroke-dashoffset:520;transition:stroke-dashoffset 2s cubic-bezier(.16,1,.3,1) .1s}.wow-stroke-2{stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 2.4s cubic-bezier(.16,1,.3,1) .5s}.wow-brush.vis .wow-stroke-1{stroke-dashoffset:0}.wow-brush.vis .wow-stroke-2{stroke-dashoffset:0}.proof{padding:56px 0;border-top:none;border-bottom:none;background:var(--bg-ink);position:relative;overflow:hidden}.proof::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,var(--gold-20) 50%,transparent 90%)}.proof::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,var(--gold-20) 50%,transparent 90%)}.proof-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;padding:0 24px}.proof-item{text-align:center}.pi-num{font-family:var(--font-h);font-size:clamp(2.8rem,4vw,4rem);font-weight:200;color:var(--gold);display:block;line-height:1;letter-spacing:.04em;text-shadow:0 0 40px var(--gold-10)}.pi-label{font-size:.75rem;color:rgba(168,162,158,.6);text-transform:uppercase;letter-spacing:.16em;margin-top:6px}.proof-sep{width:1px;height:48px;background:linear-gradient(180deg,transparent,var(--gold-15),transparent);position:relative;overflow:hidden}.proof-sep::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:50%;background:linear-gradient(180deg,transparent,var(--gold-40),transparent);animation:sepShimmer 3s ease-in-out infinite}@keyframes sepShimmer{0%,100%{top:-100%}50%{top:150%}}/* ---- SECTION COMMON ---- */ .sec-tag{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);display:inline-block;margin-bottom:12px;position:relative;padding-bottom:8px}.sec-tag::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:24px;height:1.5px;background:var(--gold);border-radius:1px;opacity:.5}/* Left-aligned headings:move underline to left */ .about-left .sec-tag::after{left:0;transform:none}.sec-h2{font-size:clamp(2.2rem,4.5vw,3.6rem);line-height:1.1;margin-bottom:8px;font-weight:300;letter-spacing:-.01em}.sec-sub{color:var(--muted);max-width:600px;margin:0 auto 36px;font-size:.95rem;text-align:center;line-height:1.7}/* Ink brush SVG ornament — draws on scroll */ .ornament{text-align:center;margin:8px 0 40px}.ink-stroke{width:80px;height:8px;display:inline-block}.ink-stroke path{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset 1.4s cubic-bezier(.16,1,.3,1) .2s}.vis .ink-stroke path{stroke-dashoffset:0}/* ---- ABOUT ---- */ .about{padding:96px 0;position:relative;overflow:hidden}.about::before{content:'';position:absolute;top:60px;right:-60px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--gold-4) 0%,transparent 65%);pointer-events:none;animation:aboutOrb 12s ease-in-out infinite;transform:translateY(var(--scroll-y,0))}@keyframes aboutOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-20px,30px) scale(1.08)}}.about::after{content:'';position:absolute;bottom:40px;left:-40px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(26,82,118,.03) 0%,transparent 65%);pointer-events:none}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:60px}.about-left .sec-tag,.about-left .sec-h2{text-align:left}.about-p{font-size:1.05rem;color:var(--txt);margin-bottom:16px;line-height:1.75}.about-p.muted{color:var(--muted)}.about-p strong{color:var(--gold)}.about-right{}.elements-ring{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.el-item{text-align:center;padding:28px 20px;width:145px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .4s,background .4s;box-shadow:0 2px 8px rgba(0,0,0,.03);position:relative;overflow:hidden}.el-item::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,var(--gold-6),transparent 70%);transition:width .6s,height .6s,top .6s,left .6s;pointer-events:none;transform:translate(-50%,-50%)}.el-item:hover::after{width:200px;height:200px}.el-item:hover{transform:translateY(-10px);box-shadow:0 16px 40px rgba(0,0,0,.1)}.el-glyph{font-family:var(--font-cn);font-size:2.6rem;display:block;margin-bottom:8px;transition:transform .4s cubic-bezier(.16,1,.3,1)}.el-item:hover .el-glyph{transform:scale(1.15) rotate(-3deg)}.el-name{font-family:var(--font-h);font-size:1.05rem;display:block;margin-bottom:4px}.el-trait{font-size:.75rem;color:var(--muted);display:block}.el-icon{width:48px;height:48px;margin:0 auto 8px;opacity:.65;transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1)}.el-item:hover .el-icon{opacity:.9;transform:scale(1.12) rotate(-2deg)}.el-wood .el-glyph{color:var(--wood)}.el-fire .el-glyph{color:var(--fire)}.el-earth .el-glyph{color:var(--earth)}.el-metal .el-glyph{color:var(--metal)}.el-water .el-glyph{color:var(--water)}.el-wood:hover{border-color:rgba(63,122,86,.35);background:rgba(63,122,86,.04);box-shadow:0 16px 40px rgba(63,122,86,.1)}.el-fire:hover{border-color:rgba(200,68,56,.35);background:rgba(200,68,56,.04);box-shadow:0 16px 40px rgba(200,68,56,.1)}.el-earth:hover{border-color:rgba(176,130,75,.35);background:rgba(176,130,75,.04);box-shadow:0 16px 40px rgba(176,130,75,.1)}.el-metal:hover{border-color:rgba(157,161,168,.35);background:rgba(157,161,168,.04);box-shadow:0 16px 40px rgba(157,161,168,.1)}.el-water:hover{border-color:rgba(45,95,135,.35);background:rgba(45,95,135,.04);box-shadow:0 16px 40px rgba(45,95,135,.1)}/* Element detail expand (cherry-pick from v1.1 exploration) */ .el-item{cursor:pointer}.el-detail{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s,margin .4s;margin-top:0;pointer-events:none}.el-item.el-expanded .el-detail{max-height:220px;opacity:1;margin-top:14px;pointer-events:auto}.el-detail dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;text-align:left;font-size:.78rem;margin:0;padding:10px 0 0;border-top:1px solid var(--border)}.el-detail dt{color:var(--muted);font-weight:500}.el-detail dd{margin:0;font-family:var(--font-cn);color:var(--txt)}/* ---- SECTION BRUSH DIVIDERS ---- */ .section-brush{text-align:center;margin:0;padding:0;position:relative;z-index:2;overflow:hidden;height:40px;display:flex;align-items:center;justify-content:center}.section-brush svg{width:min(320px,70vw);height:24px;display:block}.section-brush .sb-main{stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1.8s cubic-bezier(.16,1,.3,1) .2s}.section-brush .sb-sub{stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 2.2s cubic-bezier(.16,1,.3,1) .6s}.section-brush.vis .sb-main,.section-brush.vis .sb-sub{stroke-dashoffset:0}/* Variant:ascending curve for upward transitions */ .section-brush--rise svg{transform:scaleY(-1)}/* ---- STEMS PREVIEW ---- */ .stems-sec{padding:80px 0;border-top:none;background:var(--bg2);position:relative}.stems-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,var(--border) 50%,transparent 95%)}.sp-head{text-align:center}.stems-sec .wrap{max-width:min(1180px,calc(100vw - 64px))}.stems-row{display:block;overflow:visible;padding:0}.stems-row::-webkit-scrollbar{display:none}.stems-oracle{position:relative;isolation:isolate;min-height:360px;padding:34px;cursor:none;border-radius:32px;background:linear-gradient(135deg,rgba(255,252,244,.92),rgba(238,230,212,.82));box-shadow:0 22px 70px rgba(66,48,20,.11),inset 0 1px rgba(255,255,255,.85);overflow:hidden}.stems-oracle::before{content:'';position:absolute;inset:12px;border:1px solid rgba(184,150,62,.24);border-radius:24px;pointer-events:none;z-index:1}.stems-oracle::after{content:'Ten Heavenly Stems';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-h);font-size:clamp(3.4rem,9vw,7.4rem);font-style:italic;color:rgba(184,150,62,.045);white-space:nowrap;z-index:0;pointer-events:none}.stems-oracle-art{position:absolute;inset:0;width:100%;height:100%;z-index:0}.stems-seals{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}.stem-seal{min-height:138px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 10px 16px;border:1px solid color-mix(in srgb,var(--stem-color) 28%,transparent);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,250,239,.46));box-shadow:0 12px 30px rgba(60,44,18,.08),inset 0 0 0 1px rgba(255,255,255,.46);transition:transform .36s cubic-bezier(.16,1,.3,1),box-shadow .36s,border-color .36s,background .36s;animation:sealRise .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--stem-delay)}.stem-seal::before{content:'';width:38px;height:3px;margin-bottom:10px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--stem-color),transparent);opacity:.45}.stem-seal:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--stem-color) 52%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,248,232,.62));box-shadow:0 22px 44px rgba(60,44,18,.15),0 0 0 5px color-mix(in srgb,var(--stem-color) 8%,transparent)}.stem-seal-meta{font-size:.62rem;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);min-height:1.5em}.stem-seal-glyph{font-family:var(--font-cn);font-size:clamp(2.2rem,4.6vw,3.5rem);line-height:1;margin:8px 0 4px;color:var(--stem-color);text-shadow:0 10px 24px color-mix(in srgb,var(--stem-color) 18%,transparent)}.stem-seal-icon{width:28px;height:28px;display:grid;place-items:center;color:color-mix(in srgb,var(--stem-color) 74%,#29313A);opacity:.78;margin-bottom:8px}.stem-seal-icon svg{width:100%;height:100%}.stem-seal-name{font-family:var(--font-h);font-size:clamp(.84rem,1.1vw,1rem);line-height:1.35;color:var(--txt);max-width:9.5em}.sp-cta{text-align:center;margin-top:24px}@keyframes sealRise{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}/* V5:hide displaced about-dragon yin-yang artifact (was floating orphaned in cream section) */ .about-dragon{display:none}/* ---- HOW IT WORKS (vertical timeline) ---- */ .how-it-works{padding:96px 0;border-top:none;background:var(--bg);position:relative;overflow:hidden}.how-it-works::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--gold-3) 0%,transparent 55%);pointer-events:none}.hiw-head{text-align:center}.hiw-timeline{position:relative;max-width:560px;margin:0 auto;padding:20px 0 0 60px}.hiw-line{position:absolute;top:28px;bottom:28px;left:23px;width:1px;background:linear-gradient(180deg,var(--gold-25),var(--gold-6));z-index:0}.hiw-dot{position:absolute;left:-49px;top:8px;width:13px;height:13px;border-radius:50%;border:2px solid var(--gold);background:var(--bg);z-index:1;transition:background .5s,box-shadow .5s,transform .5s cubic-bezier(.16,1,.3,1)}.hiw-dot::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid var(--gold-15);animation:dotPing 3s cubic-bezier(0,.2,.8,1) infinite;opacity:0}@keyframes dotPing{0%{transform:scale(.8);opacity:.6}100%{transform:scale(2);opacity:0}}.hiw-step{position:relative;padding:0 0 48px;transition:transform .5s}.hiw-step:last-child{padding-bottom:0}.hiw-step:hover .hiw-dot{background:var(--gold);box-shadow:0 0 16px var(--gold-35);transform:scale(1.3)}.hiw-step:hover{transform:translateX(6px)}.step-num{font-family:var(--font-h);font-size:4.5rem;font-weight:200;color:var(--gold);opacity:.08;line-height:.85;letter-spacing:.02em;margin-bottom:0;transition:opacity .5s}.hiw-step:hover .step-num{opacity:.18}.hiw-step h3{font-family:var(--font-h);font-size:1.25rem;margin:-16px 0 8px;color:var(--txt);font-weight:500;letter-spacing:.01em}.hiw-step p{font-size:.88rem;color:var(--muted);line-height:1.75;max-width:440px}.hiw-illust{width:160px;height:120px;margin-top:16px;opacity:1;transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1),box-shadow .4s;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(135deg,rgba(12,12,20,0.06) 0%,rgba(184,150,62,0.04) 100%);border:1px solid rgba(184,150,62,0.22);box-shadow:0 4px 18px rgba(60,40,12,0.08),inset 0 0 0 1px rgba(255,255,255,0.4);padding:8px}.hiw-illust img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;opacity:0.85}.hiw-step:hover .hiw-illust{transform:translateX(4px);box-shadow:0 8px 24px rgba(60,40,12,0.14),inset 0 0 0 1px rgba(255,255,255,0.6);border-color:rgba(184,150,62,0.4)}.hiw-step:hover .hiw-illust img{opacity:1}/* ---- TESTIMONIALS ---- */ .testimonials{padding:96px 0;border-top:none;background:var(--bg2);position:relative}.testimonials::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,var(--border) 50%,transparent 95%)}.tm-head{text-align:center}.tm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.tm{padding:40px 36px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:0 2px 12px rgba(0,0,0,.04);position:relative;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .4s;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tm::after{content:'';position:absolute;bottom:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--gold-4),transparent 70%);transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s;opacity:0;pointer-events:none}.tm:hover::after{transform:scale(2);opacity:1}.tm:hover{transform:translateY(-8px);box-shadow:0 20px 48px rgba(0,0,0,.08);border-color:var(--gold-20)}.tm::before{content:'\201C';position:absolute;top:12px;left:20px;font-family:var(--font-h);font-size:5rem;line-height:1;color:var(--gold-8);pointer-events:none;transition:color .4s}.tm:hover::before{color:var(--gold-15)}.tm p{font-family:var(--font-h);font-size:1.1rem;font-style:italic;color:var(--txt);margin-bottom:16px;line-height:1.7;position:relative;z-index:1}.tm-avatar{width:40px;height:40px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:8px;opacity:.6;transition:opacity .4s}.tm:hover .tm-avatar{opacity:.9}.tm cite{font-size:.78rem;color:var(--gold);font-style:normal;font-weight:500;letter-spacing:.04em;display:flex;align-items:center}/* ---- PRICING ---- */ .pricing{padding:96px 0;border-top:none;background:var(--bg);position:relative;overflow:hidden}.pricing::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,var(--border) 50%,transparent 95%)}.pr-head{text-align:center}.pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:980px;margin:0 auto;align-items:stretch}.pr-card{position:relative;border:1px solid var(--border);border-radius:var(--radius);padding:40px 28px;background:var(--surface);display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .4s;box-shadow:0 2px 12px rgba(0,0,0,.04);overflow:hidden;backdrop-filter:blur(8px)}.pr-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,var(--gold-4),transparent 70%);opacity:0;transition:opacity .5s;pointer-events:none;z-index:0}.pr-card:hover::before{opacity:1}.pr-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,var(--gold-4),transparent 50%);opacity:0;transition:opacity .6s;pointer-events:none}.pr-card:hover::after{opacity:1}.pr-card:hover{border-color:var(--gold-25);transform:translateY(-8px);box-shadow:0 20px 48px rgba(0,0,0,.1)}.pr-card--feat{border-color:var(--gold);background:linear-gradient(180deg,var(--gold-8) 0%,var(--gold-2) 40%,var(--surface) 100%);box-shadow:0 8px 32px var(--gold-15);transform:scale(1.05);backdrop-filter:blur(16px)}.pr-card--feat::before{opacity:.5}.pr-card--feat:hover{transform:scale(1.05) translateY(-8px);box-shadow:0 24px 56px var(--gold-20)}.pr-card--feat:hover::before{opacity:1}.pr-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:#FFFFFF;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 18px;border-radius:20px;box-shadow:0 4px 12px var(--gold-30);overflow:hidden}.pr-badge::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:badgeShimmer 3s ease-in-out infinite}@keyframes badgeShimmer{0%,100%{left:-100%}50%{left:150%}}.pr-top{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.pr-tier-icon{margin-bottom:12px;opacity:.8;transition:opacity .3s,transform .3s}.pr-tier-illust{width:100%;height:48px;margin-bottom:8px;opacity:.5;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1)}.pr-tier-illust img{width:100%;height:100%;object-fit:contain}.pr-card:hover .pr-tier-illust{opacity:.8;transform:scale(1.05)}.pr-card:hover .pr-tier-icon{opacity:1;transform:scale(1.1)}.pr-name{font-size:1.1rem;color:var(--gold);margin-bottom:10px;letter-spacing:.04em}.pr-price{font-family:var(--font-h);font-size:clamp(2.8rem,4vw,3.6rem);font-weight:300;color:var(--txt);letter-spacing:-.02em}.pr-cents{font-size:1.2rem}.pr-price small{font-size:.9rem;color:var(--muted)}.pr-freq{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:4px}.pr-list{list-style:none;flex:1;margin-bottom:28px}.pr-list li{font-size:.85rem;color:var(--muted);padding:7px 0 7px 20px;position:relative;line-height:1.5}.pr-list li::before{content:'\2726';position:absolute;left:0;color:var(--gold);font-size:.5rem;top:9px}.pr-card .btn-gold,.pr-card .btn-outline{width:100%}/* ---- FAQ ---- */ .faq{padding:80px 0;border-top:none;background:var(--bg2);position:relative}.faq::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,var(--border) 50%,transparent 95%)}.faq-head{text-align:center}.faq-list{max-width:720px;margin:0 auto}.faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;transition:border-color .4s,box-shadow .4s;background:var(--surface)}.faq-item[open]{border-color:var(--gold-25);box-shadow:0 4px 16px var(--gold-6)}.faq-item summary{padding:18px 24px;font-family:var(--font-h);font-size:1.05rem;cursor:none;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--txt);transition:color .3s}.faq-item[open] summary{color:var(--gold)}.faq-item summary::after{content:'+';color:var(--gold);font-size:1.4rem;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;opacity:.6}.faq-item[open] summary::after{transform:rotate(45deg);opacity:1}.faq-item p{padding:0 24px 18px;font-size:.9rem;color:var(--muted);line-height:1.7;animation:faqReveal .4s ease}@keyframes faqReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}/* ---- FINAL CTA ---- */ .final-cta{padding:0;border-top:none;position:relative;overflow:hidden}.final-cta::before{content:'';position:absolute;inset:0;background:var(--bg-ink);z-index:0}.final-cta::after{content:'';position:absolute;top:-2px;left:0;right:0;height:100px;background:linear-gradient(to top,transparent,var(--bg2));z-index:1;pointer-events:none}.fc-inner{position:relative;z-index:2;text-align:center;padding:140px 40px 120px;max-width:800px;margin:0 auto}.fc-h2{font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:300;color:#E8E2D6;margin-bottom:20px;line-height:1.15;letter-spacing:-.01em}.fc-h2 em{color:var(--gold);font-style:normal}.fc-sub{color:#A8A29E;font-size:1rem;margin-bottom:40px;line-height:1.7}.fc-inner .btn-gold{font-size:1rem;padding:20px 52px;box-shadow:0 8px 32px var(--gold-25)}.fc-inner .btn-gold:hover{box-shadow:0 12px 48px var(--gold-35)}/* Decorative compass echo behind CTA — SCOPED to .final-cta only (was leaking into .section-fortune-curve .fc-inner) */ .final-cta .fc-inner::before{content:'';position:absolute;top:50%;left:50%;width:440px;height:440px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--gold-6);animation:rotCW 60s linear infinite,ctaBreathe 8s ease-in-out infinite;pointer-events:none}.final-cta .fc-inner::after{content:'';position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed var(--gold-3);animation:rotCW 40s linear infinite reverse,ctaBreathe 6s ease-in-out infinite 2s;pointer-events:none}@keyframes ctaBreathe{0%,100%{opacity:.6;border-color:var(--gold-6)}50%{opacity:1;border-color:var(--gold-15)}}/* ---- TRUST BAR ---- */ .trust-bar{padding:32px 0;background:var(--bg-ink);border-top:1px solid var(--gold-4);border-bottom:1px solid var(--gold-4);position:relative;overflow:hidden}.trust-bar::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,var(--gold-4),transparent);animation:trustShimmer 8s linear infinite;pointer-events:none}@keyframes trustShimmer{0%{left:-100%}100%{left:200%}}/* ---- THE MASTER (Lineage & Credibility) ---- */ .the-master{padding:96px 0;background:var(--bg);position:relative;overflow:hidden}.the-master::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,var(--border) 50%,transparent 95%)}.the-master::after{content:'';position:absolute;bottom:-100px;right:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--seal-red-faint) 0%,transparent 55%);pointer-events:none;opacity:.4}.master-layout{display:grid;grid-template-columns:200px 1fr;gap:60px;align-items:center;max-width:860px;margin:0 auto}.master-left{text-align:center}.master-seal{display:inline-block;position:relative}.seal-svg{width:120px;height:120px;opacity:.75;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 2px 8px rgba(194,59,34,.15))}.seal-svg:hover{opacity:1;transform:rotate(-3deg) scale(1.06)}.master-right .sec-tag,.master-right .sec-h2{text-align:left}.master-right .sec-tag::after{left:0;transform:none}.master-right .ornament{text-align:left}.master-p{font-size:1.02rem;color:var(--txt);margin-bottom:14px;line-height:1.85}.master-p.muted{color:var(--muted);font-size:.85rem;letter-spacing:.03em}.master-p strong{color:var(--gold)}.master-quote{margin-top:20px;padding:16px 0 0;border-top:1px solid var(--border)}.master-quote blockquote{font-family:var(--font-h);font-size:1.15rem;font-style:italic;color:var(--gold);line-height:1.6;position:relative;padding-left:20px}.master-quote blockquote::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:2px;background:linear-gradient(180deg,var(--seal-red),var(--gold));border-radius:1px}.trust-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:24px 40px}.trust-item{display:flex;align-items:center;gap:8px;color:rgba(250,246,240,.5);font-family:var(--font-b);font-size:.82rem;letter-spacing:.02em}.trust-ico{width:20px;height:20px;color:var(--gold);opacity:.6;flex-shrink:0}.trust-text{white-space:nowrap}/* ---- FOOTER ---- */ .foot{padding:52px 0 44px;background:var(--bg-ink);border-top:none;position:relative}.foot::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,var(--gold-12) 50%,transparent 90%)}.foot-inner{max-width:800px;margin:0 auto;text-align:center;padding:0 24px}.foot-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;transition:filter .6s}.foot-brand:hover{filter:drop-shadow(0 0 12px var(--gold-25))}.foot-tagline{font-family:var(--font-cn);font-size:.85rem;color:rgba(168,162,158,.5);margin-bottom:20px}.foot-links{display:flex;gap:32px;justify-content:center;margin-bottom:16px}.foot-links a{font-size:.78rem;color:rgba(168,162,158,.5);text-transform:uppercase;letter-spacing:.12em;transition:color .4s}.foot-links a:hover{color:var(--gold)}.foot-copy{font-size:.75rem;color:rgba(168,162,158,.3);letter-spacing:.03em}/* HiW bilingual caption */ .hiw-zh{font-family:var(--font-cn,'Noto Serif SC',serif);font-size:.78rem;color:rgba(168,162,158,.6);margin:6px 0 0;line-height:1.6}/* ===== css/brand-essence.css ===== */ /* ========= BRAND ESSENCE SECTION ========= */ /* "The Art of Knowing." — cream parchment background,龍印 compass */  .section-brand-essence{background:#F5F0E8;color:#2C1A0A;padding:72px 6vw 80px;position:relative;overflow:hidden}/* V5:oblique clip transition into next dark section (Fortune Curve) */ .section-brand-essence::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:80px;background:#0C0C14;clip-path:polygon(0 65%,100% 0%,100% 100%,0 100%);z-index:2;pointer-events:none}/* Faint paper texture overlay */ .section-brand-essence::before{content:'';position:absolute;inset:0;background-image:url('../assets/generated/p0-hero/bg-paper-texture.png');background-size:400px 400px;opacity:0.08;pointer-events:none;mix-blend-mode:multiply}.be-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 36%;gap:60px 80px;align-items:start;position:relative;z-index:1}.be-text{}.be-label{font-family:var(--font-eng-ui,'Crimson Pro',serif);font-size:9px;letter-spacing:0.28em;text-transform:uppercase;color:#8B6A2E;margin:0 0 18px;display:block}.be-heading{font-family:var(--font-h,'Cormorant Garamond',serif);font-size:clamp(2.2rem,4vw,3.4rem);font-weight:400;line-height:1.08;margin:0 0 24px;color:#1A0E04}.be-heading em{font-style:italic;color:#B8963E}.be-body{font-family:var(--font-h,'Cormorant Garamond',serif);font-size:1.05rem;line-height:1.85;max-width:54ch;color:#3D2410;margin:0 0 40px}.be-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 36px;border-top:1px solid rgba(184,150,62,0.28);padding-top:24px}.be-cell{}.be-cell-label{display:block;font-size:8.5px;letter-spacing:0.22em;text-transform:uppercase;color:#8B6A2E;margin-bottom:6px}.be-cell p{font-family:var(--font-h,'Cormorant Garamond',serif);font-size:0.97rem;color:#3D2410;line-height:1.65;margin:0}/* 龍印指南针 */ .be-compass-wrap{display:flex;align-items:flex-start;justify-content:center;padding-top:32px;position:relative;min-height:320px}/* Bronze compass texture backdrop */ .be-compass-wrap::before{content:'';position:absolute;inset:-20px;background-image:url('../assets/generated/p0-hero/compass-bronze.png');background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0.22;mix-blend-mode:luminosity;pointer-events:none;z-index:0}/* Concentric faint rings around the compass */ .be-compass-wrap::after{content:'';position:absolute;top:50%;left:50%;width:320px;height:320px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(184,150,62,0.18);box-shadow:0 0 0 24px transparent,0 0 0 25px rgba(184,150,62,0.10),0 0 0 56px transparent,0 0 0 57px rgba(184,150,62,0.06);pointer-events:none;z-index:0}.be-compass-svg{position:relative;z-index:1;width:100%;max-width:300px;opacity:0.92}/* Section separator / wave top */ .section-brand-essence .be-top-rule{display:none}/* Responsive */ @media (max-width:768px){.be-inner{grid-template-columns:1fr;gap:40px}.be-compass-wrap{padding-top:0;justify-content:flex-start}.be-compass-svg{max-width:180px}.be-grid{grid-template-columns:1fr;gap:20px}}/* ========= FORTUNE CURVE PREVIEW ========= */ .section-fortune-curve{background:#0C0C14;color:#E8E2D6;padding:96px 6vw 80px;position:relative;overflow:hidden}/* V5:starfield backdrop reusing bg-stars-classical */ .section-fortune-curve::before{content:'';position:absolute;inset:0;background-image:url('../assets/generated/p1-illustrations/bg-stars-classical.png');background-size:cover;background-position:center;opacity:0.14;mix-blend-mode:lighten;pointer-events:none;z-index:0}.section-fortune-curve > *{position:relative;z-index:1}.fc-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.fc-label{font-size:9px;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold,#B8963E);display:block;margin:0 0 16px}.fc-heading{font-family:var(--font-h,'Cormorant Garamond',serif);font-size:clamp(2rem,3.5vw,3rem);font-weight:400;line-height:1.1;margin:0 0 20px;color:#E8E2D6}.fc-heading em{font-style:italic;color:var(--gold,#B8963E)}.fc-body{font-size:0.95rem;line-height:1.8;color:#A8A29E;margin:0 0 28px;max-width:44ch}.fc-cta{display:inline-flex;align-items:center;gap:6px;font-size:0.82rem;letter-spacing:0.1em;color:var(--gold,#B8963E);border-bottom:1px solid rgba(184,150,62,0.35);padding-bottom:2px;transition:border-color 0.3s,opacity 0.3s;cursor:pointer}.fc-cta:hover{border-color:var(--gold,#B8963E);opacity:0.8}.fc-chart-card{background:rgba(255,255,255,0.04);border:1px solid rgba(184,150,62,0.12);border-radius:12px;padding:24px;position:relative;overflow:hidden}.fc-chart-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 110%,rgba(184,150,62,0.06) 0%,transparent 70%);pointer-events:none}#fortuneCurvePreview{width:100%;height:auto;display:block}@media (max-width:768px){.fc-inner{grid-template-columns:1fr;gap:36px}}/* ========= V5:TEN GODS PREVIEW ROW ========= */ .ten-gods-row{max-width:1100px;margin:56px auto 0;padding-top:36px;border-top:1px solid rgba(184,150,62,0.18);text-align:center}.tg-eyebrow{display:inline-block;font-family:var(--font-h,'Cormorant Garamond',serif);font-size:0.78rem;letter-spacing:0.22em;text-transform:uppercase;color:rgba(168,162,158,0.7);margin-bottom:24px}.tg-strip{display:grid;grid-template-columns:repeat(10,1fr);gap:16px;align-items:center;justify-items:center}.tg-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:8px;transition:transform 0.4s cubic-bezier(.16,1,.3,1),background 0.3s;cursor:default}.tg-item img{width:44px;height:44px;object-fit:contain;opacity:0.55;filter:grayscale(0.3);transition:opacity 0.4s,filter 0.4s,transform 0.4s}.tg-item span{font-family:var(--font-cn,'Noto Serif SC',serif);font-size:0.78rem;color:rgba(168,162,158,0.55);letter-spacing:0.04em;transition:color 0.3s}.tg-item:hover{transform:translateY(-4px);background:rgba(184,150,62,0.06)}.tg-item:hover img{opacity:1;filter:grayscale(0) drop-shadow(0 4px 10px rgba(184,150,62,0.3));transform:scale(1.08)}.tg-item:hover span{color:var(--gold,#B8963E)}@media (max-width:768px){.tg-strip{grid-template-columns:repeat(5,1fr);gap:12px}.tg-item img{width:36px;height:36px}}/* ========= V5:MOBILE HERO EYEBROW SHRINK ========= */ @media (max-width:480px){.hero-eyebrow .eyebrow-text{font-size:0.5rem;letter-spacing:0.06em;white-space:nowrap}.hero-eyebrow{flex-wrap:nowrap;padding:0 8px;gap:6px}.hero-eyebrow .eyebrow-line{width:24px;flex-shrink:0}}/* ===== css/daily.css ===== */ /* ========= DAILY PAGE ========= */ .daily-page{padding:calc(var(--nav-h)+40px) 0 80px}.daily-head{text-align:center;margin-bottom:40px}.daily-h1{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:8px}.daily-date{color:var(--muted);font-size:.9rem;margin-bottom:20px}.daily-pillars{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.dp-pillar{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 1px 3px rgba(0,0,0,.04);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s}.dp-pillar:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.08);border-color:var(--gold-25)}.dp-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.dp-gz{font-family:var(--font-cn);font-size:1.3rem;color:var(--gold)}.daily-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:32px}.dm{display:flex;align-items:center;gap:6px}.dm-l{font-size:.75rem;color:var(--muted)}.dm-v{font-size:.85rem;color:var(--gold)}.hour-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}.hg-card{padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 1px 3px rgba(0,0,0,.04)}.hg-card.active{border-color:var(--gold);background:var(--gold-6);box-shadow:0 4px 16px var(--gold-10);position:relative}.hg-card.active::after{content:'';position:absolute;inset:-1px;border-radius:inherit;border:1px solid var(--gold-25);animation:activeGlow 2s ease-in-out infinite;pointer-events:none}@keyframes activeGlow{0%,100%{box-shadow:0 0 8px var(--gold-10)}50%{box-shadow:0 0 20px var(--gold-20)}}.hg-card:hover{border-color:var(--gold-20);transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.06)}.hg-time{font-size:.75rem;color:var(--muted);display:block;margin-bottom:4px}.hg-gz{font-family:var(--font-cn);font-size:1.2rem;color:var(--gold);display:block;margin-bottom:2px}.hg-el{font-size:.75rem;color:var(--muted)}.daily-tip{display:flex;gap:16px;align-items:flex-start;padding:24px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius);margin-bottom:32px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:border-color .3s,box-shadow .3s}.daily-tip:hover{border-color:var(--gold-25);box-shadow:0 4px 16px rgba(0,0,0,.06)}.tip-icon{font-size:1.6rem}.tip-title{font-size:.9rem;color:var(--gold);margin-bottom:4px}.tip-text{font-size:.85rem;color:var(--muted)}.tip-body{flex:1}.daily-bottom{text-align:center}.daily-bottom p{color:var(--muted);font-size:.9rem;margin-bottom:12px}/* ===== css/stems.css ===== */ /* ========= TEN STEMS PAGE — v2 Grouped Element Layout ========= */ .stems-page{padding:0 0 100px;background:var(--bg)}/* ── Panoramic image header ── */ .stems-tableau-wrap{position:relative;overflow:hidden;height:clamp(180px,28vw,340px);background:var(--bg-ink)}.stems-tableau-img{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.85}.stems-tableau-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,4vw,48px) clamp(24px,6vw,80px);background:linear-gradient(to top,rgba(12,12,20,.92) 0%,rgba(12,12,20,.6) 40%,rgba(12,12,20,.2) 100%)}.stems-page-tag{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;display:block}.stems-page-title{font-family:var(--font-h);font-size:clamp(1.8rem,4vw,3rem);font-weight:300;color:#E8E2D6;margin-bottom:8px;line-height:1.1}.stems-page-title em{color:var(--gold);font-weight:400}.stems-page-sub{font-size:.9rem;color:#A8A29E;max-width:500px}/* ── Element groups ── */ .stems-groups{max-width:1200px;margin:0 auto;padding:60px 24px 0}.sg-group{margin-bottom:56px}.sg-group-header{display:flex;align-items:center;gap:16px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--border)}.sg-group-zh{font-family:var(--font-cn);font-size:2.6rem;line-height:1;color:var(--el-color);text-shadow:0 0 30px var(--el-color,var(--gold));opacity:.85}.sg-group-el{font-family:var(--font-h);font-size:1.1rem;font-weight:300;color:var(--el-color);letter-spacing:.1em}.sg-group-line{flex:1;height:1px;background:linear-gradient(90deg,var(--el-color,var(--gold)),transparent);opacity:.2}.sg-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}/* ── Card v2 ── */ /* Card image header */ .sgv2-img-wrap{margin:-28px -28px 20px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;height:140px}.sgv2-img{width:100%;height:100%;object-fit:cover;object-position:left center;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.sg-card-v2:hover .sgv2-img{transform:scale(1.04)}.sg-card-v2{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-top:2px solid var(--el-color);border-radius:var(--radius);padding:28px 28px 24px;background:var(--el-bg,rgba(255,255,255,.02));transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s;box-shadow:0 2px 12px rgba(0,0,0,.06)}.sg-card-v2:hover{transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.1);border-color:var(--el-color)}.sgv2-bg-glyph{position:absolute;right:-12px;bottom:-16px;font-family:var(--font-cn);font-size:7rem;line-height:1;color:var(--el-color);opacity:.055;pointer-events:none;user-select:none;transition:opacity .4s}.sg-card-v2:hover .sgv2-bg-glyph{opacity:.09}.sg-card-v2::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,var(--el-color),transparent 70%);opacity:0;transition:opacity .5s;pointer-events:none}.sg-card-v2:hover::before{opacity:.04}.sgv2-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.sgv2-glyph{font-family:var(--font-cn);font-size:2.8rem;line-height:1;flex-shrink:0;color:var(--el-color);text-shadow:0 0 20px var(--el-color)}.sgv2-meta{flex:1}.sgv2-name{font-family:var(--font-h);font-size:1.1rem;font-weight:500;color:var(--gold);margin-bottom:3px}.sgv2-tag{font-size:.73rem;color:var(--muted);font-style:italic;letter-spacing:.04em}.sgv2-essence{font-size:.83rem;color:var(--muted);line-height:1.75;margin-bottom:10px}.sgv2-quote{font-size:.8rem;color:var(--el-color);opacity:.65;font-style:italic;margin-bottom:14px;line-height:1.6}.sgv2-traits{display:flex;flex-wrap:wrap;gap:6px}.sgv2-trait{font-size:.72rem;padding:3px 9px;border:1px solid var(--el-color);border-radius:20px;color:var(--el-color);background:transparent;opacity:.7;transition:opacity .3s}.sg-card-v2:hover .sgv2-trait{opacity:1}/* ── Responsive ── */ @media(max-width:768px){.sg-pair{grid-template-columns:1fr}.stems-tableau-wrap{height:200px}.stems-tableau-overlay{padding:20px}}@media(max-width:480px){.sg-group-zh{font-size:2rem}.sgv2-glyph{font-size:2.2rem}.sg-card-v2{padding:20px}}/* ── Legacy landing preview cards ── */ .stems-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sg-card{border:1px solid var(--border);border-radius:var(--radius);padding:32px;background:var(--surface);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s;box-shadow:0 1px 3px rgba(0,0,0,.04);position:relative;overflow:hidden}.sg-card::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,var(--gold-4),transparent 70%);transition:width .6s,height .6s;pointer-events:none;transform:translate(-50%,-50%)}.sg-card:hover::after{width:300px;height:300px}.sg-card:hover{border-color:var(--gold-25);background:var(--gold-2);transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.08)}.sg-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}.sg-glyph{font-family:var(--font-cn);font-size:3rem;line-height:1}.sg-info h3{font-family:var(--font-h);font-size:1.2rem;color:var(--gold)}.sg-info .sg-pinyin{font-size:.78rem;color:var(--muted);font-style:italic}.sg-info .sg-emoji{font-size:1.8rem;margin-left:8px}.sg-essence{font-size:.85rem;color:var(--muted);line-height:1.7;margin-bottom:12px}.sg-traits{display:flex;gap:8px;flex-wrap:wrap}.sg-trait{font-size:.75rem;color:var(--gold);padding:4px 10px;border:1px solid var(--border);border-radius:20px;background:var(--gold-4)}/* === Five Elements Row === */ .five-elements-row{display:flex;gap:16px;justify-content:center;padding:48px 24px 60px;flex-wrap:wrap}.fe-card{flex:1;min-width:120px;max-width:160px;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:10px;padding:24px 16px 20px;text-align:center;transition:box-shadow .3s,transform .3s}.fe-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-4px)}.fe-char{font-family:var(--font-cn);font-size:2.6rem;line-height:1;margin-bottom:8px}.fe-en{font-family:var(--font-h,'Cormorant Garamond',serif);font-size:.95rem;color:#2C1A0A;margin-bottom:4px}.fe-sub{font-size:.72rem;color:#8B7355;line-height:1.4}[data-el="wood"] .fe-char{color:#3F7A56}[data-el="fire"] .fe-char{color:#C84438}[data-el="earth"] .fe-char{color:#B0824B}[data-el="metal"] .fe-char{color:#878C93}[data-el="water"] .fe-char{color:#2D5F87}/* ===== css/landscape.css ===== */ /* ========= LIFE LANDSCAPE PAGE ========= */ .ls-page{padding:calc(var(--nav-h)+40px) 0 80px}.ls-head{text-align:center;margin-bottom:32px}.ls-form{max-width:700px;margin:0 auto 40px;padding:32px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.04);transition:border-color .4s,box-shadow .4s}.ls-form:focus-within{border-color:var(--gold-20);box-shadow:0 8px 32px rgba(0,0,0,.06)}/* Override hero .inp for light bg */ .ls-form .inp{background:var(--surface);border:1px solid var(--border);color:var(--txt)}.ls-form .inp:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-8)}.ls-form .gt{border:1px solid var(--border);color:var(--muted)}.ls-form .gt.active{background:var(--gold-8);color:var(--gold);border-color:var(--gold)}.ls-form .field label{color:var(--muted)}.lsf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.ls-canvas-wrap{overflow-x:auto;margin:24px 0;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.ls-canvas-wrap canvas{display:block;max-width:100%;height:auto}.ls-decades{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:32px}.ls-dec{padding:16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s;box-shadow:0 1px 3px rgba(0,0,0,.04)}.ls-dec:hover{border-color:var(--gold-25);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.06)}.ls-dec-age{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.ls-dec-gz{font-family:var(--font-cn);font-size:1.2rem;color:var(--gold);display:block;margin-bottom:4px}.ls-dec-el{font-size:.78rem;color:var(--muted)}.ls-dm{text-align:center;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.ls-dm-glyph{font-family:var(--font-cn);font-size:3rem;color:var(--gold);display:block;margin-bottom:8px}.ls-dm-name{font-family:var(--font-h);font-size:1.2rem;color:var(--gold);margin-bottom:4px}.ls-dm-desc{font-size:.85rem;color:var(--muted);max-width:500px;margin:0 auto;line-height:1.7}.ls-upsell{text-align:center;padding:24px;color:var(--muted)}.ls-upsell a{color:var(--gold)}/* ---- ELEMENT BARS ---- */ .el-bars{max-width:500px;margin:0 auto 32px}.el-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.el-bar-label{width:60px;font-size:.78rem;color:var(--muted);text-align:right}.el-bar-track{flex:1;height:14px;background:rgba(0,0,0,.04);border-radius:7px;overflow:hidden}.el-bar-fill{height:100%;border-radius:7px;transition:width 1s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.el-bar-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:bar-shimmer 2s ease-in-out infinite}@keyframes bar-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.el-bar-val{width:30px;font-size:.75rem;color:var(--muted)}/* ---- SHARED PILLARS ---- */ .pillars{display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.pillar{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 20px;min-width:80px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 1px 3px rgba(0,0,0,.04)}.pillar-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.pillar-gz{font-family:var(--font-cn);font-size:1.3rem;color:var(--gold)}.pillar-el{font-size:.75rem;color:var(--muted)}.res-section-h{text-align:center;font-family:var(--font-h);font-size:1.25rem;color:var(--gold);margin:48px 0 24px;position:relative;padding-bottom:12px;letter-spacing:.03em;font-weight:500}.res-section-h::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:1.5px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:1px}/* ===== css/personality.css ===== */ /* ========= PERSONALITY PAGE ========= */ .pers-input{padding:calc(var(--nav-h)+40px) 0 80px;text-align:center;min-height:100vh;display:flex;align-items:center}.pi-inner{max-width:520px;margin:0 auto}.pers-form{max-width:480px;margin:0 auto;text-align:left}/* Override hero .inp for light bg */ .pers-form .inp{background:var(--surface);border:1px solid var(--border);color:var(--txt)}.pers-form .inp:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-8)}.pers-form .gt{border:1px solid var(--border);color:var(--muted)}.pers-form .gt.active{background:var(--gold-8);color:var(--gold);border-color:var(--gold)}.pers-form .field label{color:var(--muted)}.pers-form .solar-note{background:var(--gold-4);color:var(--muted)}.pf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;text-align:left}.pf-row2{margin-bottom:12px;text-align:left}.pf-gender{margin-bottom:12px;text-align:left}.pf-gender label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}/* ---- LOADING ---- */ .pers-load{min-height:100vh;display:flex;align-items:center;justify-content:center}.ld-wrap{text-align:center}.ld-rings{position:relative;width:120px;height:120px;margin:0 auto 24px}.ldr{position:absolute;inset:0;border-radius:50%;border:1.5px solid transparent}.ldr1{border-top-color:var(--gold);animation:spin 2s linear infinite}.ldr2{border-right-color:var(--gold);opacity:.4;animation:spin 3s linear infinite reverse;inset:8px}.ldr3{border-bottom-color:var(--gold);opacity:.2;animation:spin 4s linear infinite;inset:16px}@keyframes spin{to{transform:rotate(360deg)}}.ld-glyph{font-family:var(--font-cn);font-size:2rem;color:var(--gold);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ld-msg{font-size:.85rem;color:var(--muted);margin-bottom:16px}.ld-track{width:200px;height:3px;background:rgba(0,0,0,.06);border-radius:4px;margin:0 auto;overflow:hidden}.ld-fill{height:100%;width:0;background:var(--gold);border-radius:4px;transition:width .3s}.ld-cancel{margin-top:16px;padding:6px 20px;border:1px solid var(--dim);border-radius:20px;color:var(--muted);font-size:.8rem;background:none;cursor:pointer;transition:border-color .2s,color .2s}.ld-cancel:hover{border-color:var(--gold);color:var(--gold)}/* ---- SKELETON PULSE ---- */ .skel{background:linear-gradient(90deg,rgba(0,0,0,.04) 25%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.04) 75%);background-size:200% 100%;animation:skel-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skel-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}/* ---- RESULT ---- */ .pers-result{padding:calc(var(--nav-h) + 40px) 0 80px}.res-hero{display:flex;align-items:center;gap:24px;justify-content:center;margin-bottom:16px}.res-meta{display:flex;flex-direction:column;gap:4px}.res-glyph-ring{width:100px;height:100px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 24px var(--gold-10)}.res-glyph-ring span{font-family:var(--font-cn);font-size:2.4rem;color:var(--gold)}.res-glyph-ring::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid var(--gold-15);animation:spin 20s linear infinite}.res-glyph-ring::before{content:'';position:absolute;inset:-12px;border-radius:50%;border:1px dashed var(--gold-8);animation:spin 30s linear infinite reverse}.res-name{font-family:var(--font-h);font-size:1.35rem;color:var(--gold);font-weight:500}.res-chinese{font-family:var(--font-cn);font-size:.85rem;color:var(--muted)}.res-tags{display:flex;gap:6px;margin-top:6px}.res-tag{font-size:.75rem;padding:3px 10px;border:1px solid var(--border);border-radius:20px;color:var(--muted)}.res-dm{text-align:center;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.res-dm-glyph{font-family:var(--font-cn);font-size:3rem;color:var(--gold);display:block;margin-bottom:8px}.res-dm-name{font-family:var(--font-h);font-size:1.2rem;color:var(--gold);margin-bottom:4px}.res-dm-desc{font-size:.88rem;color:var(--muted);max-width:640px;margin:0 auto;line-height:1.75}.res-quote{text-align:center;font-family:var(--font-h);font-size:1.15rem;font-style:italic;color:var(--muted);margin:28px 0;padding:20px 32px;border-left:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.res-upsell{text-align:center;padding:40px 24px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--gold-4) 0%,transparent 100%);margin-top:40px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .4s,box-shadow .4s}.res-upsell:hover{border-color:var(--gold-20);box-shadow:0 12px 32px rgba(0,0,0,.06)}.ru-note{font-size:.85rem;color:var(--muted);margin-bottom:8px}.res-upsell h3{font-family:var(--font-h);font-size:1.4rem;color:var(--gold);margin-bottom:8px}.ru-sub{font-size:.9rem;color:var(--muted);margin-bottom:20px}.ru-btns{display:flex;gap:12px;justify-content:center}/* ---- ARCHETYPE ILLUSTRATION ---- */ .res-illust{width:180px;height:180px;flex-shrink:0;border-radius:16px;overflow:hidden;border:1px solid var(--gold-15);box-shadow:0 4px 24px rgba(184,150,62,.10),0 0 0 1px var(--gold-8);animation:illust-in .8s cubic-bezier(.16,1,.3,1) .2s both}.res-illust img{width:100%;height:100%;object-fit:cover}@keyframes illust-in{from{opacity:0;transform:scale(.85) translateY(12px)}to{opacity:1;transform:none}}@media(max-width:640px){.res-hero{flex-wrap:wrap}.res-illust{width:140px;height:140px;margin:0 auto}}/* ---- REVEAL ANIMATION ---- */ .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.vis{opacity:1;transform:none}.d1{transition-delay:.15s}.d2{transition-delay:.3s}.d3{transition-delay:.45s}.d4{transition-delay:.6s}.d5{transition-delay:.75s}/* Slide-in variants */ .reveal-left{opacity:0;transform:translateX(-24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-left.vis{opacity:1;transform:none}.reveal-right{opacity:0;transform:translateX(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-right.vis{opacity:1;transform:none}/* Scale-in for cards */ .reveal-scale{opacity:0;transform:scale(.92);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal-scale.vis{opacity:1;transform:none}/* ===== css/report.css ===== */ /* ========= COMPREHENSIVE REPORT STYLES ========= */  /* ── Radar Section ── */ .radar-section{text-align:center;margin:2rem 0}.radar-section canvas{width:320px;height:320px;display:block;margin:0 auto;opacity:0;transform:scale(.85) rotate(-8deg);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.radar-section.vis canvas{opacity:1;transform:none}@media (max-width:640px){.radar-section canvas{width:280px;height:280px}}/* ── Overview Gauges Row ── */ .rpt-gauges-overview{display:none;justify-content:center;gap:20px;flex-wrap:wrap;margin:0 0 2rem;padding:20px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.gauge-cell{text-align:center;opacity:0;animation:gauge-pop .5s cubic-bezier(.16,1,.3,1) forwards}.gauge-cell:nth-child(1){animation-delay:.1s}.gauge-cell:nth-child(2){animation-delay:.25s}.gauge-cell:nth-child(3){animation-delay:.4s}.gauge-cell:nth-child(4){animation-delay:.55s}.gauge-cell:nth-child(5){animation-delay:.7s}@keyframes gauge-pop{from{opacity:0;transform:scale(.7) translateY(8px)}to{opacity:1;transform:none}}.gauge-svg{display:block;margin:0 auto}@media (max-width:480px){.rpt-gauges-overview{gap:12px;padding:16px 8px}.gauge-cell svg{width:64px;height:64px}}/* ── Report Card (shared container) ── */ .rpt-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;margin-bottom:1rem;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}.rpt-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(184,150,62,.06),0 0 0 1px var(--gold-12);border-color:var(--gold-20)}.rpt-card-title{font:500 1.15rem/1.4 'Cormorant Garamond',serif;color:var(--gold);margin:0 0 1rem}.rpt-text{font:400 0.95rem/1.7 'Crimson Pro',serif;color:var(--txt);margin:0 0 1.2rem}.rpt-badge{display:inline-block;font:500 0.82rem/1 'Crimson Pro',serif;color:var(--gold);background:var(--gold-8);border:1px solid var(--gold-15);border-radius:20px;padding:6px 16px;margin-bottom:1rem;letter-spacing:0.03em}/* ── Two-column layout ── */ .rpt-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}@media (max-width:640px){.rpt-cols{grid-template-columns:1fr}}.rpt-col{}.rpt-mini-h{font:600 0.78rem/1.2 'Crimson Pro',serif;color:var(--gold);margin:0 0 0.6rem;text-transform:uppercase;letter-spacing:0.08em}.rpt-list{list-style:none;padding:0;margin:0}.rpt-list li{font:400 0.88rem/1.6 'Crimson Pro',serif;color:var(--txt);padding:3px 0;border-bottom:1px solid var(--border)}.rpt-list--gold li{color:#D4AF37}.rpt-list--red li{color:#E63946;opacity:0.85}.rpt-list--amber li{color:#D4A373;opacity:0.85}/* ── Warning box ── */ .rpt-warning{margin-top:1.2rem;padding:12px 16px;background:rgba(230,57,70,0.06);border-left:3px solid #E63946;border-radius:0 8px 8px 0;font:400 0.88rem/1.6 'Crimson Pro',serif;color:#E63946}.rpt-warning span{margin-right:6px}/* ── Coaching insight (soft amber,replaces red for positive framing) ── */ .rpt-coaching{margin-top:1.2rem;padding:12px 16px;background:var(--gold-4);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;font:400 0.88rem/1.6 'Crimson Pro',serif;color:var(--txt)}.rpt-coaching strong{color:var(--gold)}/* ── Disclaimer banner (top of report) ── */ .rpt-disclaimer-banner{text-align:center;padding:14px 20px;margin:0 0 2rem;border:1px solid var(--gold-10);border-radius:12px;background:var(--gold-4);font:400 0.82rem/1.7 'Crimson Pro',serif;color:var(--muted)}.rpt-disclaimer-banner strong{color:var(--gold);font-weight:600}/* ── Footer disclaimer (bottom of report) ── */ .rpt-footer-disclaimer{text-align:center;padding:16px 20px 0;margin-top:2rem;border-top:1px solid var(--border);font:italic 400 0.78rem/1.7 'Crimson Pro',serif;color:var(--muted);opacity:0.75}/* ── Landscape empowering note ── */ .rpt-landscape-note{text-align:center;font:italic 400 0.82rem/1.6 'Crimson Pro',serif;color:var(--muted);margin:0.8rem 0 0.4rem;opacity:0.8}/* ── Kline trajectory chart ── */ .rpt-kline-wrap{margin:1rem 0 1.5rem;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.rpt-kline-wrap canvas{width:100%;display:block}/* ── Health section intro ── */ .rpt-health-intro{font:400 0.88rem/1.7 'Crimson Pro',serif;color:var(--muted);margin-bottom:1.2rem;text-align:center}/* ── Five-Organ Element Chart ── */ .health-organ-chart{margin-bottom:1.5rem;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.health-organ-chart .rpt-sub{font:600 0.85rem/1.3 'Crimson Pro',serif;color:var(--gold);letter-spacing:.03em;margin-bottom:.8rem;text-transform:uppercase}.health-organ-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(184,150,62,.06)}.health-organ-row:last-child{border-bottom:none}.health-organ-dm{background:rgba(184,150,62,.04);border-radius:6px;padding:6px 8px;margin:2px -8px}.health-organ-icon{font-size:1.1rem;width:28px;text-align:center;flex-shrink:0}.health-organ-info{flex:0 0 140px}.health-organ-label{font:600 0.82rem/1.2 'Crimson Pro',serif;color:var(--txt);display:block}.health-organ-zone{font:400 0.72rem/1.2 'Crimson Pro',serif;color:var(--dim);display:block}.health-bar-track{flex:1;height:6px;background:rgba(184,150,62,.06);border-radius:3px;overflow:hidden}.health-bar-fill{height:100%;border-radius:3px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.health-bar-val{font:600 0.78rem/1 'Crimson Pro',serif;width:28px;text-align:right;flex-shrink:0}@media (max-width:640px){.health-organ-info{flex:0 0 100px}.health-organ-zone{font-size:0.72rem}}/* ── Health Grid ── */ .rpt-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.2rem}@media (max-width:640px){.rpt-health-grid{grid-template-columns:1fr}}.rpt-health-item{padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.rpt-health-item h5{font:600 0.9rem/1.3 'Crimson Pro',serif;color:var(--txt);margin:0.3rem 0 0.6rem}.rpt-health-item p{font:400 0.82rem/1.5 'Crimson Pro',serif;color:var(--dim);margin:0.3rem 0}.rpt-health-icon{font-size:1.4rem}.rpt-advice{padding:1rem 1.2rem;background:rgba(45,106,79,0.06);border-left:3px solid #2D6A4F;border-radius:0 8px 8px 0}.rpt-advice h5{font:600 0.88rem/1.2 'Crimson Pro',serif;color:#2D6A4F;margin:0 0 0.4rem}.rpt-advice p{font:400 0.88rem/1.6 'Crimson Pro',serif;color:var(--txt);margin:0}/* ── Archetype Health Pattern ── */ .rpt-archetype-health{margin-top:1.2rem;padding:1rem 1.2rem;background:rgba(184,150,62,0.04);border-left:3px solid var(--gold);border-radius:0 8px 8px 0}.rpt-archetype-health h5{font:600 0.88rem/1.2 'Crimson Pro',serif;color:var(--gold);margin:0 0 0.5rem}.rpt-archetype-health > p{font:400 0.88rem/1.6 'Crimson Pro',serif;color:var(--txt);margin:0 0 0.8rem}.rpt-health-focus,.rpt-health-risk{font:500 0.85rem/1.4 'Crimson Pro',serif;color:var(--txt);margin:0;padding:0.4rem 0.6rem;background:var(--surface);border-radius:6px;border:1px solid var(--border)}/* ── Lucky Attributes Grid ── */ .rpt-lucky-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width:640px){.rpt-lucky-grid{grid-template-columns:repeat(2,1fr)}}.rpt-lucky-item{text-align:center;padding:1.2rem 0.8rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:border-color 0.3s,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.rpt-lucky-item:hover{border-color:var(--gold-25);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.06)}.rpt-lucky-icon{font-size:1.5rem;display:block;margin-bottom:0.5rem}.rpt-lucky-item h5{font:600 0.82rem/1.2 'Crimson Pro',serif;color:var(--gold);margin:0 0 0.5rem;text-transform:uppercase;letter-spacing:0.06em;font-size:0.72rem}.rpt-lucky-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.rpt-tag{font:500 0.78rem/1 'Crimson Pro',serif;color:var(--txt);border:1px solid var(--border);border-radius:14px;padding:4px 10px}.rpt-tag--num{font-weight:700;color:var(--gold);border-color:var(--gold-25)}.rpt-lucky-val{font:500 0.9rem/1.4 'Cormorant Garamond',serif;color:var(--txt);margin:0}.rpt-lucky-sub{font:400 0.72rem/1.4 'Crimson Pro',serif;color:var(--dim);margin:0.4rem 0 0}.rpt-tag--gem{background:rgba(184,150,62,0.06);border-color:var(--gold-25);color:var(--gold)}.rpt-tag--food{background:rgba(45,106,79,0.06);border-color:rgba(45,106,79,0.2);color:#2D6A4F}/* ── Monthly Energy Forecast ── */ .rpt-monthly-intro{font:400 0.88rem/1.6 'Crimson Pro',serif;color:var(--dim);margin:0 0 1.2rem}.rpt-monthly-grid{display:flex;align-items:flex-end;gap:4px;height:180px;padding:0 4px}.rpt-month-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;position:relative}.rpt-month--current{background:rgba(184,150,62,0.06);border-radius:6px 6px 0 0}.rpt-month--current::after{content:'◆';position:absolute;top:-2px;font-size:0.5rem;color:var(--gold)}.rpt-month-score{font:600 0.65rem/1 'Crimson Pro',serif;color:var(--dim);margin-bottom:4px}.rpt-month-bar-wrap{width:100%;max-width:28px;height:65%;display:flex;align-items:flex-end}.rpt-month-bar{width:100%;border-radius:3px 3px 0 0;min-height:4px;transition:height 1s cubic-bezier(.16,1,.3,1);opacity:0.85}.rpt-month--current .rpt-month-bar{opacity:1;box-shadow:0 0 8px rgba(184,150,62,0.3)}.rpt-month-branch{font:600 0.75rem/1.4 'Crimson Pro',serif;color:var(--txt);margin-top:6px}.rpt-month-name{font:400 0.6rem/1 'Crimson Pro',serif;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.rpt-monthly-summary{display:flex;gap:12px;margin-top:1rem;flex-wrap:wrap}.rpt-monthly-tag{font:500 0.78rem/1.4 'Crimson Pro',serif;padding:4px 12px;border-radius:14px;border:1px solid var(--border)}.rpt-monthly-tag--peak{color:#2D6A4F;border-color:rgba(45,106,79,0.3);background:rgba(45,106,79,0.06)}.rpt-monthly-tag--low{color:#E63946;border-color:rgba(230,57,70,0.2);background:rgba(230,57,70,0.04)}@media (max-width:640px){.rpt-monthly-grid{height:140px;gap:2px}.rpt-month-score{font-size:0.65rem}.rpt-month-branch{font-size:0.72rem}.rpt-month-name{font-size:0.6rem}}/* ── Element Dynamics ── */ .rpt-dynamics-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:640px){.rpt-dynamics-pair{grid-template-columns:1fr}}.rpt-dyn-item{padding:1rem;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.rpt-dyn-badge{display:inline-block;font:600 0.78rem/1 'Crimson Pro',serif;padding:4px 10px;border-radius:12px;margin-bottom:0.6rem}.rpt-dyn-item p{font:400 0.88rem/1.6 'Crimson Pro',serif;color:var(--txt);margin:0}/* ── Compatibility Grid ── */ .rpt-compat-grid{display:flex;flex-direction:column;gap:0.6rem}.rpt-compat-item{display:grid;grid-template-columns:80px 1fr 50px 90px;grid-template-rows:auto auto;align-items:center;gap:6px 12px;padding:10px 14px;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.rpt-compat-narrative{grid-column:1 / -1;font:400 0.78rem/1.5 'Crimson Pro',serif;color:var(--dim);margin:0;padding-top:4px;border-top:1px solid var(--border)}@media (max-width:640px){.rpt-compat-item{grid-template-columns:60px 1fr 40px 70px;gap:4px 8px;padding:8px 10px}}.rpt-compat-el{font:600 0.95rem/1 'Cormorant Garamond',serif}.rpt-compat-bar{height:6px;background:var(--gold-6);border-radius:3px;overflow:hidden}.rpt-compat-fill{height:100%;border-radius:3px;transition:width 0.8s ease}.rpt-compat-score{font:600 0.85rem/1 'Crimson Pro',serif;color:var(--gold);text-align:right}.rpt-compat-level{font:500 0.75rem/1 'Crimson Pro',serif;text-align:right}.rpt-compat--exc .rpt-compat-level{color:#D4AF37}.rpt-compat--good .rpt-compat-level{color:#2D6A4F}.rpt-compat--mod .rpt-compat-level{color:#D4A373}.rpt-compat--chal .rpt-compat-level{color:#E63946}.rpt-compat-note{font:400 0.78rem/1.5 'Crimson Pro',serif;color:var(--dim);margin-top:0.8rem;text-align:center}/* ── Inline Decade Landscape ── */ .rpt-decades{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:200px;padding:1rem 0}.rpt-dec-bar{flex:1;max-width:60px;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.rpt-dec-emoji{font-size:1rem;margin-bottom:4px}.rpt-dec-fill{width:100%;border-radius:6px 6px 0 0;min-height:20px;transition:height 0.5s ease}.rpt-dec-gz{font:600 0.82rem/1.2 'Noto Serif SC',serif;margin-top:6px}.rpt-dec-age{font:400 0.65rem/1 'Crimson Pro',serif;color:var(--dim);margin-top:2px}/* ── Report Actions (PDF + Share) ── */ .rpt-actions{display:flex;gap:12px;justify-content:center;margin:2rem 0;flex-wrap:wrap}.rpt-actions .btn-outline,.rpt-actions .btn-gold{min-width:180px}.rpt-share-btn{cursor:pointer}/* ── Section spacer with ink-brush dividers ── */ .rpt-section{display:none;/* shown by JS */   margin-top:0.5rem}.rpt-section + h3.res-section-h{margin-top:3rem;position:relative}.rpt-section + h3.res-section-h::before{content:'';position:absolute;top:-1.5rem;left:50%;transform:translateX(-50%);width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-20),var(--gold-30),var(--gold-20),transparent)}/* ── Paywall ── */ .paywall-wrap{position:relative}.paywall-blur > *{filter:blur(6px);pointer-events:none;user-select:none}.paywall-cta{text-align:center;padding:2rem 1rem;margin:2rem 0;border:1px dashed var(--gold);border-radius:16px;background:linear-gradient(135deg,var(--gold-4) 0%,var(--gold-8) 100%)}.paywall-cta-inner h3{font-family:var(--font-h);color:var(--gold);margin-bottom:0.5rem}.paywall-cta-inner p{color:var(--muted);max-width:480px;margin:0 auto 1.25rem;line-height:1.6}/* ── Calculation Provenance ── */ .provenance-card{padding:1.5rem 1.75rem}.provenance-head{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex-wrap:wrap;margin-bottom:1rem}.provenance-chip,.provenance-flag{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.8rem;border-radius:999px;font:600 0.74rem/1 'Crimson Pro',serif;letter-spacing:0.05em;text-transform:uppercase}.provenance-chip{color:var(--gold);background:var(--gold-8);border:1px solid var(--gold-15)}.provenance-flag--ok{color:#2D6A4F;background:rgba(45,106,79,0.08);border:1px solid rgba(45,106,79,0.2)}.provenance-flag--warn{color:#E63946;background:rgba(230,57,70,0.06);border:1px solid rgba(230,57,70,0.18)}.provenance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.provenance-item{padding:1rem;background:linear-gradient(180deg,rgba(184,150,62,.04) 0%,rgba(255,255,255,.5) 100%);border:1px solid var(--border);border-radius:10px}.provenance-primary{font:500 0.95rem/1.45 'Crimson Pro',serif;color:var(--txt);margin:0 0 0.7rem}.provenance-list{list-style:none;margin:0;padding:0}.provenance-list li{font:400 0.82rem/1.6 'Crimson Pro',serif;color:var(--muted);padding:0.16rem 0}.provenance-list--compact li{padding:0.05rem 0}.provenance-note{margin-top:1rem;padding:0.9rem 1rem;border-radius:10px}.provenance-note strong{color:var(--txt);display:block;margin-bottom:0.25rem}@media (max-width:900px){.provenance-grid{grid-template-columns:1fr}}/* ── Hidden Stems & Ten Gods Grid (藏干·十神) ── */ .hs-chart{padding:1.5rem}.hs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:center}.hs-col{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0.75rem 0.5rem;border-right:1px solid var(--border)}.hs-col:last-child{border-right:none}.hs-pos{font-size:0.75rem;color:var(--gold);text-transform:uppercase;letter-spacing:0.08em}.hs-god-main{font-size:0.75rem;font-weight:600}.hs-stem-main{font-size:1.8rem;font-weight:700;line-height:1.2;color:var(--txt)}.hs-branch-main{font-size:1.8rem;font-weight:700;line-height:1.2;color:var(--muted)}.hs-hidden{margin-top:6px;display:flex;flex-direction:column;gap:3px}.hs-item{display:flex;align-items:center;gap:4px;justify-content:center;font-size:0.75rem}.hs-stem{font-weight:600;color:var(--txt)}.hs-god{font-size:0.75rem;opacity:0.8}.hs-note{font-size:0.8rem;color:var(--muted);margin-top:1rem;text-align:center}@media (max-width:480px){.hs-grid{gap:0}.hs-stem-main,.hs-branch-main{font-size:1.4rem}.hs-col{padding:0.5rem 0.25rem}}/* ── Body Strength (身强身弱) ── */ .strength-card{padding:1.5rem 2rem}.strength-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:0.5rem}.strength-badge{padding:4px 12px;border-radius:20px;font-size:0.85rem;font-weight:600}.strength-season{font-size:0.8rem;color:var(--muted)}.strength-meter{margin:1rem 0}.strength-track{position:relative;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.strength-fill{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.16,1,.3,1)}.strength-marker{position:absolute;top:-18px;font-size:0.75rem;color:var(--muted);transform:translateX(-50%)}.strength-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:0.75rem;color:var(--muted)}.strength-val{font-weight:600;color:var(--txt)}.strength-desc{font-size:0.9rem;color:var(--muted);margin:1rem 0;line-height:1.5}.strength-factors{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.strength-factor{text-align:center}.strength-factor h5{font-size:0.75rem;color:var(--muted);margin-bottom:4px}.strength-el{font-size:1.1rem;font-weight:700}/* ── Inline SVG Icon helpers ── */ .rpt-icon{display:inline-block;vertical-align:-0.15em;margin-right:0.3em;color:var(--gold)}.rpt-icon--warn{display:inline-block;vertical-align:-0.15em;margin-right:0.3em;color:#E63946}.rpt-icon--coach{display:inline-block;vertical-align:-0.15em;margin-right:0.3em;color:var(--gold)}.rpt-li-icon{display:inline-block;vertical-align:-0.15em;margin-right:0.2em;opacity:0.7}.paywall-icon{display:inline-block;vertical-align:-0.15em;margin-right:0.3em}/* ── Print styles ── */ @media print{body{background:#fff !important;color:#222 !important}.nav,.cursor,.cursor-trail,.noise-layer,.rpt-actions,.res-upsell,.aurora,.starfield,.scroll-cue{display:none !important}.rpt-card{border-color:#ddd;break-inside:avoid}.rpt-text,.rpt-list li,.rpt-dyn-item p,.rpt-advice p,.provenance-list li{color:#333}.res-section-h{color:#333;border-color:#ddd}canvas{max-width:300px}}/* ===== css/modals.css ===== */ /* ========= MODAL STYLES ========= */ .modal-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.modal-overlay.modal-open{opacity:1;pointer-events:auto}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:620px;width:90%;max-height:80vh;overflow-y:auto;padding:2.5rem;position:relative;transform:translateY(20px) scale(.97);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 24px 64px rgba(0,0,0,.15)}.modal-open .modal-box{transform:none}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--dim);font-size:1.4rem;cursor:pointer;padding:4px 8px;line-height:1;transition:color 0.2s}.modal-close:hover{color:var(--gold)}.modal-box h2{font:600 1.3rem/1.3 'Cormorant Garamond',serif;color:var(--gold);margin:0 0 1rem}.modal-box h3{font:600 1rem/1.3 'Crimson Pro',serif;color:var(--txt);margin:1.2rem 0 0.5rem}.modal-box p,.modal-box li{font:400 0.88rem/1.7 'Crimson Pro',serif;color:var(--dim);margin:0.4rem 0}.modal-box ul{padding-left:1.2rem}.modal-box a{color:var(--gold,#D4AF37);text-decoration:underline;text-underline-offset:2px}.contact-form{display:flex;flex-direction:column;gap:12px;margin-top:1rem}.contact-form .inp{width:100%;box-sizing:border-box}.contact-form textarea.inp{min-height:100px;resize:vertical}.contact-form .btn-gold{align-self:flex-start}.contact-success{display:none;text-align:center;padding:2rem;color:var(--gold);font:500 1rem/1.5 'Crimson Pro',serif}/* ===== css/responsive.css ===== */ /* ========= RESPONSIVE ========= */ @media(max-width:900px){.hero-layout{grid-template-columns:1fr;text-align:center}.hero-left{align-items:center}.hero-form{margin:0 auto}.hero-eyebrow{justify-content:center}.hero-sub{margin:0 auto 28px}.compass-stage{width:280px;height:280px}.cr-deco{width:292px;height:292px}.cr-outer{width:280px;height:280px}.cr-mid{width:210px;height:210px}.cr-inner{width:140px;height:140px}.compass-core{width:85px;height:85px}.cring-glyph{font-size:.75rem}.cring-el{font-size:.65rem}.cc-hour{font-size:.85rem}.cc-time{font-size:1.1rem}.about-layout{grid-template-columns:1fr}.about{padding:80px 0 64px}.how-it-works{padding:72px 0 80px}.testimonials{padding:72px 0}.pricing{padding:72px 0 80px}.fc-inner{padding:100px 24px 80px}.tm-grid{grid-template-columns:1fr}.pr-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.pr-card--feat{transform:scale(1)}.pr-card--feat:hover{transform:translateY(-8px)}.stems-grid{grid-template-columns:1fr}.lsf-grid{grid-template-columns:1fr 1fr}.foot-inner{padding:0 16px}.foot-links{gap:20px;flex-wrap:wrap}.trust-grid{gap:16px 24px}.master-layout{grid-template-columns:1fr;text-align:center;gap:32px}.master-right .sec-tag,.master-right .sec-h2{text-align:center}.master-right .sec-tag::after{left:50%;transform:translateX(-50%)}.master-right .ornament{text-align:center}.master-quote blockquote{padding-left:0;text-align:center}.master-quote blockquote::before{display:none}/* Sprint 4:Tablet polish */   .hero-glyphs{display:none}.fc-inner::before{width:300px;height:300px}.fc-inner::after{width:200px;height:200px}.elements-ring{gap:16px}.el-item{width:120px;padding:20px 14px}.sec-h2{font-size:clamp(1.8rem,4vw,2.8rem)}}@media(max-width:640px){.nav-links,.nav-end{display:none}.hamburger{display:flex}.hf-grid{grid-template-columns:1fr}.hour-grid{grid-template-columns:repeat(3,1fr)}.hiw-timeline{padding-left:48px}.hiw-line{left:17px}.hiw-dot{left:-40px}.daily-pillars{flex-wrap:wrap}.ru-btns{flex-direction:column;align-items:center}.proof-inner{flex-direction:column;gap:20px}.proof-sep{display:none}.trust-grid{flex-direction:column;align-items:center;gap:12px}.master-layout{gap:20px}.seal-svg{width:90px;height:90px}input,select,textarea{font-size:16px}/* Sprint 4:Mobile polish */   .hero{min-height:auto;padding:calc(var(--nav-h) + 40px) 20px 60px}.btn-gold{width:100%;text-align:center;padding:18px 24px}.btn-outline{width:100%;text-align:center}.pr-card{padding:28px 20px}.tm{padding:28px 24px}.tm p{font-size:1rem}.fc-inner{padding:80px 20px 60px}.fc-h2{font-size:clamp(1.6rem,5vw,2.4rem)}.about-p{font-size:.95rem}.elements-ring{gap:10px}.el-item{width:calc(50% - 8px);padding:16px 10px}.el-glyph{font-size:2rem}.stems-sec .wrap{max-width:100%;padding:0 16px}.stems-oracle{min-height:auto;padding:20px 16px;border-radius:24px}.stems-oracle::before{inset:8px;border-radius:18px}.stems-oracle::after{font-size:3rem;white-space:normal;text-align:center;line-height:.9}.stems-seals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stem-seal{min-height:122px;padding:14px 8px 12px;border-radius:16px}.stem-seal-meta{font-size:.56rem;letter-spacing:.08em}.stem-seal-glyph{font-size:2.25rem}.stem-seal-name{font-size:.84rem}.hiw-step h3{font-size:1.1rem}.step-num{font-size:3.5rem}.aurora,.aurora--2{display:none}.nav-progress{height:1.5px}}/* Small phones */ @media(max-width:380px){.el-item{width:100%}.pr-price{font-size:2.4rem}.fc-h2{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.cr-outer,.cr-mid,.cr-inner{animation:none !important;transform:none !important}.starfield{opacity:.6}.sc-dot,.wow-svg,.aurora,.aurora--2{animation:none !important}.btn-glow{animation:none !important;opacity:.15}.page-enter{opacity:1 !important;transform:none !important}.ldr{animation:none !important}.cursor,.cursor-trail{display:none !important}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1 !important;transform:none !important;transition:none !important}.reveal.vis,.reveal-left.vis,.reveal-right.vis,.reveal-scale.vis{opacity:1 !important;transform:none !important}.stagger-group>*{opacity:1 !important;transform:none !important;transition:none !important}.hero-glyphs span{animation:none !important;opacity:.04 !important}.nav-progress{transition:none !important}}/* ========= PRINT ========= */ @media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}body{font-size:12pt;line-height:1.5}.nav,.btm-nav,.cursor,.cursor-trail,.noise-layer,.ink-wash,.starfield,.aurora,.aurora--2,.hero-glyphs,.scroll-top,.skip-link,.nav-progress{display:none !important}.hero{min-height:auto;background:#fff !important;padding:20pt 0;page-break-after:always}.page-off{display:none !important}a{text-decoration:underline}a[href^="http"]::after{content:" (" attr(href) ")"}img{max-width:100% !important;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1 !important;transform:none !important}.btn-gold,.btn-outline,.btn-nav{border:1px solid #000;padding:4pt 8pt}}