:root{color-scheme:dark;--bg:#070908;--text:#f4f3ed;--muted:#919993;--gold:#efd28d;--cyan:#76e2dc;--line:#252b27;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px;border-radius:4px}::selection{background:#806b38;color:white}.shell{width:min(1200px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-200%);background:var(--gold);color:#141914;padding:12px 20px;z-index:5}.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;min-height:112px;border-bottom:1px solid #ffffff0d;position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:650;letter-spacing:-.7px;white-space:nowrap}.brand-light{font-weight:400;color:#c6cac4}.brand-mark{width:32px;height:32px;color:var(--gold)}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav .nav-section{color:#b7bdb7;transition:color .2s}nav .nav-section:hover{color:var(--text)}.login{padding:11px 21px;border:1px solid #43443a;border-radius:7px;display:flex;gap:30px;transition:border-color .2s,background .2s}.login:hover{border-color:var(--gold);background:#efd28d0b}.login span{color:var(--gold)}
.hero{position:relative;min-height:738px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:40px;padding-bottom:104px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;line-height:1.8;letter-spacing:2px;font-weight:600;color:var(--gold);margin:0 0 26px}.hero .eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;color:#b4bcb5}.signal{display:inline-block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #6febdf88}h1{font-size:clamp(58px,5.7vw,82px);line-height:1.045;font-weight:500;letter-spacing:-4.4px;margin:0 0 28px;white-space:nowrap}.gold-text{background:linear-gradient(105deg,#f9e9bd 5%,#e7bd65 68%,#a88642);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:16px;line-height:1.85;color:#a4ada6;max-width:465px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:54px;padding:15px 23px;border-radius:7px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s}.button svg{width:20px;height:20px}.button-gold{color:#1b1d14;background:linear-gradient(110deg,#f1d795,#dcb762);border:1px solid #f8e3b1;box-shadow:0 4px 28px #dbad4412}.button-gold:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 5px 34px #dbad4429}.hero-login{font-size:14px;padding:16px 0;display:flex;gap:20px;align-items:center}.hero-login:hover{color:var(--gold)}.action-note{font-size:11px;line-height:1.6;color:#858e87;margin:15px 0 0}
.hero-art{position:relative;min-width:0;width:calc(100% + 90px);margin-left:-35px;isolation:isolate;align-self:center}.hero-art:before{content:"";position:absolute;inset:20% 15% 20% 20%;border-radius:50%;background:#8e68240d;box-shadow:0 0 110px 30px #806a1d0a;z-index:-1}.hero-art img{display:block;width:100%;height:auto;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse at 50% 49%,#000 55%,transparent 75%);animation:arrive 1.2s ease-out both}.art-caption{display:flex;align-items:center;justify-content:center;gap:11px;font-size:11px;color:#8c968e;letter-spacing:.3px;margin-top:-30px;position:relative}.art-caption strong{font-weight:400;color:#bdc7bd}.explore{position:absolute;bottom:36px;left:0;display:flex;align-items:center;gap:14px;color:#86938a;font-size:9px;letter-spacing:1.7px}.explore-line{width:32px;height:1px;background:#766740}.explore>span:last-child{margin-left:15px;color:var(--gold)}
.section-space{padding-top:78px}.features{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 4px}h2{font-size:clamp(32px,3vw,43px);line-height:1.18;letter-spacing:-1.6px;font-weight:500;margin:0}.muted{color:#8b958d}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{position:relative;overflow:hidden;min-width:0;min-height:285px;padding:29px;background:linear-gradient(140deg,#151a15 0%,#0c100d 85%);border:1px solid #272e27;border-radius:12px;transition:border-color .25s,transform .25s}.feature-card:hover{border-color:#665d3c;transform:translateY(-3px)}.translation-card{background:radial-gradient(ellipse at 0 0,#69522421,transparent 80%),linear-gradient(140deg,#151a15,#0c100d);border-color:#4b432d}.card-top{display:flex;gap:15px;align-items:center;height:25px;margin-bottom:24px}.card-top svg{width:25px;height:25px;fill:none;stroke:var(--gold);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.feature-card:nth-child(2) .card-top svg,.feature-card:nth-child(5) .card-top svg{stroke:var(--cyan)}.card-label{font-size:8px;letter-spacing:1.4px;color:#a79669}.feature-card h3{font-size:20px;line-height:1.35;font-weight:500;letter-spacing:-.55px;margin:0 0 13px}.feature-card p{font-size:13px;line-height:1.75;color:#9aa69c;margin:0;max-width:310px}.language-flow{display:flex;gap:8px;align-items:center;margin-top:24px}.language-flow span:not(.flow-arrow){font-size:10px;letter-spacing:1px;padding:7px 10px;border-radius:5px;border:1px solid #3b4136;background:#ffffff03;color:#becabb}.language-flow span:first-child{color:var(--gold);border-color:#695934}.flow-arrow{color:#6d7d72;font-size:15px;margin:0 3px}.voice-wave{height:36px;display:flex;align-items:center;gap:5px;margin-top:29px;opacity:.7}.voice-wave i{height:8px;width:3px;background:var(--cyan);border-radius:2px}.voice-wave i:nth-child(3n){height:23px}.voice-wave i:nth-child(4n){height:33px}.voice-wave i:nth-child(5n){height:15px}.card-detail{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1px;color:#8b987e;margin-top:28px;line-height:1.6}.tiny-dot{width:4px;height:4px;border-radius:50%;background:var(--gold)}.template-vars{display:flex;gap:7px;margin-top:24px}.template-vars span{font-size:10px;color:#c3b58f;border:1px solid #3a3e31;background:#b5a17106;border-radius:4px;padding:6px 8px}.theme-symbols{display:flex;gap:8px;margin-top:22px}.theme-symbols span{width:30px;height:30px;border:1px solid #3b4336;border-radius:50%;display:grid;place-items:center;color:#c6cfbd;font-size:20px}.theme-symbols span:first-child{background:#c4c9b6;color:#1b231c}
.how{padding-top:104px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;padding:34px 0 0;margin:0;border-top:1px solid var(--line)}.steps li{display:flex;gap:20px}.step-number{font-size:13px;line-height:1.8;color:var(--gold);font-variant-numeric:tabular-nums;font-weight:400}.steps h3{font-size:17px;letter-spacing:-.3px;font-weight:500;margin:0 0 12px;line-height:1.5}.steps p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:260px}.contact{padding-top:110px}.contact-panel{position:relative;overflow:hidden;text-align:center;padding:61px 25px 47px;border:1px solid #38392a;border-radius:14px;background:radial-gradient(ellipse at 45% 110%,#a57c2421,transparent 65%),linear-gradient(135deg,#101711,#0c110f)}.contact-panel:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#cfb56a,transparent)}.contact .eyebrow{font-size:9px;margin-bottom:21px}.contact h2{font-size:46px;letter-spacing:-1.6px;line-height:1.18}.contact-panel>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#a3ada2;margin:20px 0 25px}.contact .button{min-width:266px}.contact-handle{display:block;width:fit-content;margin:17px auto 0;font-size:11px;color:#9caa9d}.contact-handle:hover{color:var(--cyan)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:126px;margin-top:33px}.site-footer .brand{font-size:15px;gap:5px;letter-spacing:-.3px}.site-footer>a:last-child{font-size:11px;color:#aeb8af}.footer-note{font-size:11px;color:#7f8b82}.site-footer>a:last-child:hover{color:var(--cyan)}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:800px}.hero-art{width:680px;margin-left:-20px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.site-header{min-height:94px}nav{gap:24px}.hero{min-height:670px;padding-top:35px}.hero-art{width:calc(100% + 38px);margin-left:-8px}h1{font-size:clamp(53px,6vw,66px);letter-spacing:-3px}.hero-description{font-size:14px}.hero-actions{gap:22px}.hero-actions .button{font-size:12px;padding:14px 17px;gap:10px}.hero-actions .button svg{width:17px}.feature-card{padding:24px;min-height:295px}.card-detail{font-size:7px;letter-spacing:.65px}.template-vars{gap:5px}.template-vars span{padding:5px;font-size:9px}.section-heading>p{font-size:12px}.steps{gap:28px}.steps li{gap:14px}.steps h3{font-size:15px}.steps p{font-size:12px}}
@media(max-width:800px){.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:275px}.section-heading>p{display:none}.hero-actions{flex-wrap:wrap;gap:14px}.hero-login{font-size:13px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.steps{gap:20px}.steps li{display:block}.step-number{display:block;margin-bottom:13px}.footer-note{display:none}nav .nav-section{display:none}}
@media(max-width:700px){.shell{width:calc(100% - 40px)}.site-header{min-height:84px}.brand{font-size:17px;letter-spacing:-.5px;gap:8px}.brand-mark{width:27px;height:27px}.login{font-size:12px;padding:9px 13px;gap:18px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:54px;padding-bottom:62px}.hero-copy{padding-inline:4px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:24px}h1{font-size:clamp(44px,10.4vw,69px);line-height:1.07;letter-spacing:-2.7px;margin-bottom:22px}.hero-description{font-size:14px;line-height:1.8;margin-bottom:26px;max-width:380px}.desktop-break{display:none}.hero-actions{flex-wrap:nowrap;gap:22px}.hero-actions .button{font-size:12px;padding:15px 16px;gap:9px;min-height:52px}.hero-actions .button svg{width:18px}.hero-login{gap:11px}.action-note{font-size:10px;margin-top:13px}.hero-art{width:100%;margin:17px 0 0;align-self:center}.hero-art img{width:100%;max-width:480px;margin:auto}.art-caption{font-size:10px;margin-top:-20px;gap:9px}.explore{bottom:20px;left:4px;font-size:8px;letter-spacing:1.2px}.explore-line{width:23px}.section-space{padding-top:54px}.section-heading{margin-bottom:26px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:13px}h2{font-size:29px;letter-spacing:-1px;line-height:1.25}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:0;padding:25px}.card-top{margin-bottom:20px}.feature-card h3{font-size:21px}.feature-card p{font-size:13px;max-width:none}.language-flow,.template-vars,.card-detail,.theme-symbols{margin-top:22px}.card-detail{font-size:8px;letter-spacing:.8px}.template-vars span{font-size:10px;padding:6px 8px}.voice-wave{margin-top:22px;height:29px}.how{padding-top:64px}.steps{grid-template-columns:1fr;gap:0;padding-top:0}.steps li{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.step-number{margin:0;min-width:22px}.steps h3{font-size:17px;margin-bottom:8px}.steps p{font-size:13px;max-width:310px}.contact{padding-top:61px}.contact-panel{padding:40px 20px 34px;border-radius:10px}.contact .eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:19px}.contact h2{font-size:31px;letter-spacing:-1.1px}.contact-panel>p:not(.eyebrow){font-size:12px}.contact .button{min-width:0;width:100%;font-size:13px}.site-footer{min-height:106px;margin-top:18px;gap:12px;flex-wrap:wrap;justify-content:center;align-content:center;row-gap:14px}.site-footer .brand{font-size:14px}.site-footer>a:last-child{font-size:11px}}
@media(max-width:360px){.shell{width:calc(100% - 32px)}.hero-copy{padding:0}h1{font-size:42px;letter-spacing:-2.4px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero-actions{gap:17px}.hero-actions .button{font-size:11px;padding:14px 12px;gap:7px}.hero-actions .button svg{display:none}.hero-login{font-size:12px}.brand{font-size:15px}.brand-mark{width:24px}.login{gap:13px}.contact h2{font-size:27px}h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}