:root{color-scheme:light;--night:#101925;--night-2:#192536;--paper:#f7f6f1;--ink:#19232d;--muted:#52616b;--line:#d8dcd9;--gold:#d6b77c;--violet:#b496ec;--display:Manrope,Arial,sans-serif;--body:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--body)}
img{max-width:100%}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
::selection{background:var(--violet);color:var(--night)}
.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.skip{position:absolute;top:-80px;left:12px;z-index:20;background:#fff;color:#111;padding:10px 16px}
.skip:focus{top:12px}
.eyebrow{display:block;font:800 .78rem/1.3 var(--display);letter-spacing:.16em;text-transform:uppercase}
.site-header{background:var(--night);color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}
.site-header .wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:800 1.06rem var(--display);letter-spacing:-.035em;white-space:nowrap}
.brand img{width:41px;height:41px;border-radius:50%;object-fit:cover;background:#fff}
.nav{display:flex;align-items:center;gap:27px}
.nav a{font:700 .88rem var(--display);text-decoration:none;color:#d8dee1}
.nav a:hover,.nav a[aria-current=page]{color:#fff}
.nav .nav-buy{border:1px solid #d7b984;color:#f7e9ce;padding:10px 14px;border-radius:5px}
.nav .nav-buy:hover{background:#d7b984;color:var(--night)}
.dark{background:radial-gradient(ellipse at 82% 12%,#27244a 0,transparent 35%),linear-gradient(160deg,#121d2b,#0d1520 73%);color:#f9f8f5}
.hero{padding:88px 0 72px}
.hero-copy{max-width:850px}
.hero .eyebrow,.product-hero .eyebrow{color:var(--gold)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--display);letter-spacing:-.055em}
h1{font-size:clamp(3.1rem,6vw,5.8rem);line-height:1.08;margin:18px 0 25px}
.hero h1 span,.product-hero h1 span{color:#ceb1ff}
.hero p,.product-hero p{font-size:1.18rem;color:#d2d8dd;max-width:690px;line-height:1.7}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 21px;border-radius:5px;background:var(--gold);color:var(--night);font:800 .91rem var(--display);text-decoration:none;border:1px solid var(--gold);text-align:center}
.button:hover{background:#ead09b}
.button.outline{background:transparent;color:#fff;border-color:#7b8493}
.button.outline:hover{background:#ffffff16}
.hero-proof{color:#b7c1c8;font-size:.91rem;margin:14px 0 0}
.product-image{margin:54px 0 0}
.product-image img{display:block;width:100%;height:auto;border:1px solid #3d4c5d;border-radius:13px;box-shadow:0 25px 65px rgba(0,0,0,.28)}
.product-image figcaption{font-size:.85rem;color:#b8c4ce;margin-top:12px}
.light-section{padding:88px 0 96px}
.section-head{max-width:760px;margin-bottom:32px}
.section-head .eyebrow{color:#826139}
.section-head h2{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.15;margin:12px 0 14px}
.section-head p{font-size:1.07rem;color:var(--muted);margin:0}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.feature{padding:26px;background:#fff;border:1px solid var(--line);border-radius:9px}
.feature strong{display:block;font:800 1.17rem/1.25 var(--display);letter-spacing:-.025em}
.feature p{color:var(--muted);margin:12px 0 0}
.feature .number{display:block;color:#8c6caa;font:800 .79rem var(--display);letter-spacing:.14em;margin-bottom:25px}
.text-link{color:#624378;font-weight:800;text-underline-offset:4px}
.section-action{margin-top:26px}
.studio-band{background:#e7e8e2;padding:80px 0}
.studio-grid{display:grid;grid-template-columns:1.4fr .7fr;gap:8%;align-items:center}
.studio-grid h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.12;margin:13px 0 18px}
.studio-grid p{max-width:660px;font-size:1.07rem;color:#46525a}
.studio-note{padding:22px 0 22px 28px;border-left:3px solid #ad8853}
.studio-note strong{font:800 1.15rem var(--display)}
.studio-note p{margin:8px 0 0}
.newsletter{padding:76px 0;background:#f1f0e9}
.newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.newsletter h2{font-size:clamp(2.1rem,3.6vw,3.5rem);line-height:1.14;margin:12px 0 15px}
.newsletter p{color:var(--muted)}
.newsletter-form{min-height:130px;background:#fff;border:1px solid var(--line);padding:24px}
.fallback{font-size:.87rem;margin:12px 0 0}
.fallback a{color:#66447e}
.site-footer{background:var(--night);color:#fff;padding:60px 0 26px}
.footer-main{display:flex;align-items:start;justify-content:space-between;gap:28px;padding-bottom:40px}
.footer-main h2{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.12;margin:11px 0 12px}
.footer-main p{color:#bac4ca;max-width:480px}
.footer-links{display:flex;flex-wrap:wrap;gap:16px 23px;padding-top:22px}
.footer-links a{color:#efdfc0;text-underline-offset:4px}
.footer-bottom{border-top:1px solid #3b4653;padding-top:20px;display:flex;justify-content:space-between;gap:15px;color:#b3bfc6;font-size:.88rem}
.product-hero{padding:77px 0 82px}
.product-hero h1{max-width:900px}
.product-hero .product-image{margin-top:44px}
.product-section{padding:88px 0}
.product-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.75fr);gap:7%;align-items:center}
.product-grid h2{font-size:clamp(2.2rem,3.7vw,3.65rem);line-height:1.14;margin:11px 0 20px}
.product-grid p{font-size:1.07rem;color:var(--muted)}
.shot-frame{height:480px;max-width:380px;margin:auto;border:9px solid #222c37;border-radius:17px;overflow:hidden;background:#141a22;box-shadow:0 22px 45px #1119}
.shot-frame img{display:block;width:920%;height:auto;max-width:none}
.bullets{padding-left:20px;color:#43515b}
.bullets li{margin:10px 0}
.details{background:#e7e8e2;padding:83px 0}
.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.detail{padding:27px;background:#fff;border:1px solid var(--line);border-radius:8px}
.detail h3{font-size:1.23rem;letter-spacing:-.025em;margin-bottom:10px}
.detail p{margin:0;color:var(--muted)}
.buy-band{padding:72px 0;background:var(--night-2);color:#fff}
.buy-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}
.buy-band h2{font-size:clamp(2rem,3.7vw,3.2rem);line-height:1.15;margin:12px 0 8px}
.buy-band p{color:#c7d1d6;margin:0}
.faq{padding:84px 0}
.faq h2{font-size:clamp(2.1rem,3.6vw,3.4rem);line-height:1.15;margin:12px 0 25px}
.faq dl{max-width:820px;margin:0}
.faq dt{font:800 1.09rem var(--display);margin:25px 0 5px}
.faq dd{margin:0;color:var(--muted)}
@media(max-width:900px){.feature-grid{grid-template-columns:1fr 1fr}.feature:last-child{grid-column:1/-1}.studio-grid,.product-grid{grid-template-columns:1fr}.shot-frame{margin:30px 0 0}.newsletter-grid{gap:4%}}
@media(max-width:650px){.wrap{width:min(100% - 34px,1200px)}.site-header .wrap{min-height:73px}.brand{font-size:.9rem;gap:8px}.brand img{width:35px;height:35px}.nav{gap:12px}.nav a{font-size:.79rem}.nav .nav-studio,.nav .nav-updates{display:none}.nav .nav-buy{padding:8px 10px}.hero,.product-hero{padding:57px 0 63px}h1{font-size:clamp(2.75rem,12vw,4.2rem)}.hero p,.product-hero p{font-size:1.05rem}.product-image{margin-top:35px}.light-section,.product-section,.faq{padding:68px 0}.feature-grid,.newsletter-grid,.details-grid{grid-template-columns:1fr}.feature:last-child{grid-column:auto}.studio-band,.newsletter,.details{padding:67px 0}.studio-note{margin-top:10px}.newsletter-form{margin-top:18px}.footer-main,.footer-bottom,.buy-band .wrap{display:block}.footer-links{padding-top:2px}.footer-bottom>*{display:block;margin-bottom:7px}.buy-band .button{margin-top:23px}.shot-frame{height:390px}.section-head h2{font-size:2.35rem}}
@media(max-width:450px){.wrap{width:calc(100% - 34px)}.nav a:first-child{display:none}.brand{font-size:.86rem}.nav .nav-buy{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
