:root{--ink:#111118;--paper:#f7f2e9;--gold:#c99445;--gold2:#f0c879;--muted:#736c63;--line:rgba(17,17,24,.12);--serif:"Songti SC","STSong",serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{height:84px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,88px);transition:.35s;color:#fff}.nav.scrolled{height:70px;background:rgba(247,242,233,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);color:var(--ink)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit}.brand-mark{width:38px;height:38px;border-radius:12px;background:#17151e;display:grid;place-items:center;box-shadow:0 8px 25px rgba(0,0,0,.2);overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand b{font-size:16px;display:block;letter-spacing:.08em}.brand small{display:block;font:8px/1.2 Arial;letter-spacing:.25em;opacity:.62;margin-top:3px}.nav-links{display:flex;gap:38px}.nav-links a,.nav-cta{color:inherit;text-decoration:none;font-size:13px}.nav-links a{opacity:.75;transition:.2s}.nav-links a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.4);padding:12px 18px;border-radius:999px}.scrolled .nav-cta{border-color:var(--line)}.nav-cta span{margin-left:12px}.menu-button{display:none}.hero{min-height:100vh;background:#101015;color:#fff;position:relative;display:grid;grid-template-columns:1fr 1.02fr;align-items:center;padding:130px clamp(24px,7vw,120px) 90px;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 46%,rgba(199,147,66,.23),transparent 27%),radial-gradient(circle at 18% 5%,rgba(255,255,255,.055),transparent 29%),linear-gradient(125deg,#0d0d12,#17151b 60%,#0c0c11);z-index:-2}.hero:after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;right:8%;top:21%;border:1px solid rgba(230,185,111,.22);box-shadow:0 0 100px rgba(208,155,72,.08);z-index:-1}.hero-orbit{position:absolute;border:1px solid rgba(230,185,111,.13);border-radius:50%;right:-8%;top:8%;width:830px;height:830px;animation:spin 30s linear infinite}.orbit-two{right:9%;top:25%;width:470px;height:470px;animation-direction:reverse;animation-duration:22s;border-style:dashed}.orbit-two:after{content:"";position:absolute;width:9px;height:9px;background:var(--gold2);border-radius:50%;top:12%;left:16%;box-shadow:0 0 22px var(--gold2)}@keyframes spin{to{transform:rotate(360deg)}}.hero-copy{max-width:650px;z-index:2}.eyebrow{font-size:11px;letter-spacing:.28em;font-weight:600;color:#d7b87d;display:flex;align-items:center;gap:12px;margin:0 0 26px}.eyebrow span{display:inline-block;width:26px;height:1px;background:currentColor}.eyebrow.dark{color:#987039}.hero h1{font-family:var(--serif);font-size:clamp(52px,5.4vw,88px);line-height:1.06;letter-spacing:-.06em;margin:0;font-weight:700}.hero h1 em,.statement em,.feature-intro em{font-style:normal;color:var(--gold2);position:relative}.hero h1 em:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);opacity:.45}.hero-lead{font-size:16px;line-height:2;color:rgba(255,255,255,.62);margin:30px 0}.hero-actions{display:flex;align-items:center;gap:30px}.primary-button{height:58px;padding:0 26px;border-radius:4px;background:linear-gradient(135deg,#e6bd72,#ad7731);color:#151116;text-decoration:none;display:inline-flex;align-items:center;gap:13px;font-size:15px;font-weight:700;box-shadow:0 15px 45px rgba(183,123,47,.24);transition:transform .2s,box-shadow .2s}.primary-button:hover{box-shadow:0 20px 55px rgba(202,147,70,.38)}.primary-button b{margin-left:16px}.spark{font-size:20px}.text-button{color:#fff;text-decoration:none;font-size:13px;opacity:.75}.play{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:9px;margin-right:8px}.trust-line{display:flex;align-items:center;gap:12px;margin-top:48px;color:rgba(255,255,255,.45);font-size:11px;letter-spacing:.08em}.avatar-stack{display:flex}.avatar-stack img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #16151a;margin-right:-8px}.hero-visual{position:relative;z-index:2;display:grid;place-items:center}.halo{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:rgba(206,156,76,.12);filter:blur(50px)}.visual-card{position:relative;width:min(510px,85%);padding:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);backdrop-filter:blur(15px);box-shadow:0 35px 90px rgba(0,0,0,.45);transform:rotate(1.2deg)}.card-bar,.card-foot{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:rgba(255,255,255,.43);font:9px Arial;letter-spacing:.16em}.card-bar>span:first-child{display:flex;gap:5px}.card-bar>span:first-child i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.25)}.live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#dbac59;box-shadow:0 0 8px #dbac59}.compare{height:min(59vh,630px);position:relative;overflow:hidden;background:#e9e1d8;user-select:none;touch-action:none}.compare img{width:100%;height:100%;object-fit:cover;display:block}.compare-before{position:absolute;inset:0 50% 0 0;overflow:hidden}.compare-before img{width:200%;max-width:none;object-position:left center;filter:saturate(.78)}.compare-line{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.25)}.compare-line button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.8);background:rgba(17,17,22,.78);color:#fff;width:46px;height:46px;border-radius:50%;cursor:ew-resize}.tag{position:absolute;bottom:14px;padding:7px 10px;background:rgba(15,15,18,.75);color:#fff;font-size:9px;letter-spacing:.13em}.before-tag{left:14px}.after-tag{right:14px}.card-foot{justify-content:flex-start;gap:18px}.card-foot span:before{content:"";display:inline-block;width:4px;height:4px;background:var(--gold2);border-radius:50%;margin-right:6px}.float-note{position:absolute;background:rgba(25,23,28,.86);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 45px rgba(0,0,0,.28);padding:15px 18px;font-size:10px;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:12px}.float-note b{color:#fff}.note-one{left:1%;top:17%;flex-direction:column;align-items:flex-start}.note-one b{font:27px Georgia}.note-two{right:-1%;bottom:13%;line-height:1.5}.note-icon{font-size:24px;color:var(--gold2)}.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font:8px Arial;letter-spacing:.25em;color:rgba(255,255,255,.35)}.scroll-cue span{display:inline-block;width:35px;height:1px;background:rgba(255,255,255,.3);margin-right:12px;vertical-align:middle}.statement{padding:150px 24px;text-align:center}.statement p{font-size:12px;letter-spacing:.28em;color:#9b8f7f}.statement h2{font-family:var(--serif);font-size:clamp(34px,4vw,64px);font-weight:500;line-height:1.4;margin:20px 0}.statement h2 em{color:#a77838}.section-shell{max-width:1260px;margin:auto;padding:110px 28px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px}.section-heading h2,.feature-intro h2,.faq-title h2{font-family:var(--serif);font-size:clamp(38px,4.2vw,62px);margin:0}.section-heading>p{max-width:420px;color:var(--muted);line-height:1.9;font-size:14px}.showcase-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:24px}.showcase article{background:#fff;border:1px solid var(--line);padding:10px}.work-image{height:560px;position:relative;overflow:hidden;background:#ddd}.work-image.product{height:420px}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.showcase article:hover img{transform:scale(1.035)}.work-image>span{position:absolute;left:18px;top:18px;color:#fff;background:rgba(0,0,0,.45);padding:7px 9px;font:8px Arial;letter-spacing:.2em}.scan{position:absolute;left:0;right:0;height:1px;top:15%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);box-shadow:0 0 18px rgba(255,255,255,.8);animation:scan 4s ease-in-out infinite}@keyframes scan{50%{top:85%}}.work-caption{padding:22px 14px 14px;position:relative}.work-caption h3{font-family:var(--serif);font-size:24px;margin:0 0 7px}.work-caption p{margin:0;color:var(--muted);font-size:13px}.work-caption i{position:absolute;right:15px;top:26px;font-style:normal;color:#a36f2b}.features{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;padding-top:160px;padding-bottom:160px}.feature-intro{position:sticky;top:130px;align-self:start}.feature-intro h2{line-height:1.3}.feature-intro p:last-child{color:var(--muted);line-height:2;max-width:420px;margin-top:30px}.feature-intro em{color:#a97837}.feature-row{display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:start;padding:42px 0;border-bottom:1px solid var(--line)}.feature-row>span{font:11px Georgia;color:#b3823f}.feature-row h3{font-family:var(--serif);font-size:27px;margin:0 0 12px}.feature-row p{color:var(--muted);font-size:13px;line-height:1.8;margin:0;max-width:490px}.feature-row i{font:8px Arial;letter-spacing:.18em;color:#a59785}.steps{padding-bottom:160px}.step-track{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}.step-track article{padding:34px;min-height:275px;border-right:1px solid var(--line);position:relative}.step-track article:last-child{border:0}.step-track article>span{font:10px Georgia;color:#9b6f33}.step-icon{font-size:30px;margin:52px 0 27px;color:#a97837}.step-track h3{font-family:var(--serif);font-size:23px;margin:0 0 10px}.step-track p{color:var(--muted);font-size:13px;line-height:1.7}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;padding-bottom:160px}.faq-title{position:sticky;top:130px;align-self:start}.faq-title>p:last-child{color:var(--muted);line-height:1.8}.faq-list details{border-top:1px solid var(--line);padding:24px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;font-family:var(--serif);font-size:20px;display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-family:Arial;font-weight:200;transition:.3s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:13px;line-height:1.9;padding-right:40px}.final-cta{min-height:610px;background:#111116;color:#fff;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.final-cta:before,.final-cta:after{content:"";position:absolute;border:1px solid rgba(211,167,93,.18);border-radius:50%;width:600px;height:600px}.final-cta:after{width:850px;height:850px}.cta-glow{position:absolute;width:420px;height:420px;background:#9f6d2d;filter:blur(150px);opacity:.25}.final-cta>div:last-child{z-index:1}.final-cta p{font:9px Arial;letter-spacing:.32em;color:#caa25e}.final-cta h2{font-family:var(--serif);font-size:clamp(44px,5vw,72px);line-height:1.25;margin:18px 0 34px}.primary-button.light{background:#f3eadc;color:#171419;box-shadow:none}.final-cta small{display:block;color:rgba(255,255,255,.33);font-size:10px;margin-top:22px}footer{min-height:160px;background:#0c0c10;color:#fff;display:flex;align-items:center;gap:42px;padding:35px clamp(24px,7vw,120px);border-top:1px solid rgba(255,255,255,.08)}footer>p{color:rgba(255,255,255,.35);font-size:11px;flex:1}footer>div{display:flex;gap:24px}footer>div a{color:rgba(255,255,255,.55);text-decoration:none;font-size:11px}footer>small{color:rgba(255,255,255,.25);font-size:9px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{height:70px;padding:0 20px}.nav-links,.nav-cta{display:none}.menu-button{display:flex;background:none;border:0;width:35px;height:35px;flex-direction:column;justify-content:center;gap:7px}.menu-button i{display:block;width:24px;height:1px;background:currentColor}.nav.open{height:auto;padding-bottom:20px;align-items:flex-start;flex-wrap:wrap;background:rgba(17,17,22,.97)}.nav.open .nav-links{order:3;width:100%;display:flex;flex-direction:column;gap:17px;padding-top:22px}.hero{grid-template-columns:1fr;padding:120px 24px 80px}.hero h1{font-size:49px}.hero-copy{margin-bottom:80px}.hero-visual{margin:0 -10px}.visual-card{width:92%}.compare{height:540px}.float-note{display:none}.scroll-cue{display:none}.statement{padding:95px 24px}.section-shell{padding:80px 20px}.section-heading{display:block}.section-heading>p{margin-top:24px}.showcase-grid,.features,.faq{grid-template-columns:1fr;gap:45px}.work-image{height:450px}.work-image.product{height:330px}.feature-intro,.faq-title{position:static}.step-track{grid-template-columns:1fr}.step-track article{border-right:0;border-bottom:1px solid var(--line);min-height:220px}.step-icon{margin:35px 0 20px}.feature-row{grid-template-columns:36px 1fr}.feature-row i{display:none}footer{flex-wrap:wrap;gap:20px}footer>p{display:none}footer>div{width:100%}.footer-brand{margin-right:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
