:root{color-scheme:dark;--bg:#101315;--surface:#191e21;--line:#30383b;--text:#f0f2ed;--muted:#a4afae;--mint:#a8deca}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--text);background:var(--bg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.6}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
h1,h2,h3,p,figure,dl,dd{margin:0}
h2{font-size:clamp(32px,3.1vw,46px);line-height:1.12;letter-spacing:-1.7px;font-weight:500}
.wrap{max-width:1320px;width:calc(100% - 112px);margin-inline:auto}
.section-pad{padding:94px 0}
.muted{color:var(--muted)}
.section-label,.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:500;line-height:1.6;color:var(--muted)}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}
.brand{display:inline-block;font-size:23px;letter-spacing:4.2px;font-weight:600;line-height:1}
.brand-small{display:block;font-size:7px;letter-spacing:4.6px;margin-top:9px;color:var(--muted);font-weight:400}
.site-header nav{display:flex;gap:36px;font-size:13px;color:#c8d0cc}
.site-header nav a,.site-footer nav a{transition:color .2s}
.site-header nav a:hover,.site-footer nav a:hover{color:var(--mint)}
.header-cta{border:1px solid #59645f;border-radius:3px;padding:12px 16px;font-size:12px;color:#e3e9e2}
.header-cta span{margin-left:30px;color:var(--mint)}
.header-cta:hover{border-color:var(--mint)}
.hero{padding:57px 0 44px}
.hero-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end}
.product-category{font-size:10px;font-weight:500;letter-spacing:3px;color:var(--mint);margin-bottom:12px}
h1{font-size:clamp(100px,12vw,172px);line-height:.92;font-weight:500;letter-spacing:-9px}
.product-subtitle{font-size:25px;letter-spacing:-.6px;line-height:1.4;margin-top:17px;color:#c6cfca}
.hero-summary{max-width:380px;padding-bottom:2px;justify-self:end}
.hero-summary>p:first-child{font-size:15px;line-height:1.8;color:#b4c0bb}
.hero-actions{display:flex;gap:27px;align-items:center;margin-top:24px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:500;padding:15px 20px;line-height:1.5;transition:background .2s,border-color .2s}
.dark{color:#15211c;background:var(--mint)}
.dark:hover{background:#c4eedc}
.text-link{display:inline-flex;gap:22px;align-items:center;font-size:12px;border:0;border-bottom:1px solid #59655f;padding:5px 0;background:transparent;color:#d2ddd5;line-height:1.5}
.text-link:hover{color:var(--mint);border-color:var(--mint)}
.platform-line{font-size:11px;color:#8b9b94;margin-top:18px;letter-spacing:.2px}
.platform-line span{margin:0 8px;color:#616d67}
.hero-art{max-width:1030px;margin:46px auto 0}
.plugin-window{border:1px solid #40534c;border-radius:6px;overflow:hidden;background:#0d1419;box-shadow:0 20px 55px -25px #000b}
.plugin-window img{width:100%;height:auto;display:block}
.hero-art figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8f9d96;padding-top:17px;line-height:1.5}
.version-label{margin-left:9px;color:#65756d}
.hero-art figcaption a:hover{color:var(--mint)}
.hero-art figcaption a>span{margin-left:12px}
.product-nav{position:sticky;top:0;z-index:9;background:#151a1cf7;border-block:1px solid var(--line)}
.product-nav>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;height:62px}
.product-nav-name{font-size:16px;letter-spacing:-.5px;white-space:nowrap}
.product-nav-links{display:flex;gap:34px;font-size:12px;color:#a9b8b0}
.product-nav-links a:hover{color:var(--text)}
.product-nav-cta{font-size:11px;color:#bdc9c1}
.product-nav-cta span{margin-left:20px;color:var(--mint)}
.detail-section{background:#14191b}
.spec-strip{display:grid;grid-template-columns:.8fr 1.4fr .9fr 1.2fr;gap:24px;padding-bottom:48px;border-bottom:1px solid var(--line);margin-bottom:64px}
.spec-strip>div{display:flex;flex-direction:column;gap:10px;padding-left:30px;border-left:1px solid var(--line)}
.spec-strip>div:first-child{padding-left:0;border:0}
.spec-strip strong{font-size:29px;letter-spacing:-1px;font-weight:400;color:#e0e8e2;white-space:nowrap}
.spec-strip span{font-size:11px;color:#8e9e95}
.detail-grid{display:grid;grid-template-columns:240px 1fr;gap:55px;align-items:start}
.detail-sidebar h2{font-size:32px;margin-top:16px;letter-spacing:-1.2px}
.detail-controls{display:flex;flex-direction:column;margin:35px 0 27px}
.detail-controls button{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);color:#a4b4aa;padding:18px 0;font-size:13px;line-height:1.5}
.detail-controls button:first-child{border-top:1px solid var(--line)}
.detail-controls button>span{color:#667f70;font-size:16px}
.detail-controls button[aria-selected=true]{color:var(--mint)}
.detail-controls button[aria-selected=true]>span{color:var(--mint)}
.detail-stage{position:relative;background:#0c1216;border:1px solid #32483d;border-radius:5px;overflow:hidden}
.detail-image{position:relative}
.detail-stage img{width:100%;height:auto;display:block}
.feature-highlights{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.feature-highlights [data-highlight]{display:none}
.feature-highlights .is-active{display:inline}
.feature-highlights rect{fill:none;stroke:#b6efd1;stroke-width:1.2;vector-effect:non-scaling-stroke}
.detail-caption{display:grid;grid-template-columns:1fr 2fr;gap:26px;padding-top:24px;align-items:start}
.detail-caption h3{font-size:16px;font-weight:500;letter-spacing:-.3px;line-height:1.6}
.detail-caption p{font-size:13px;line-height:1.8;color:#a1b2a7;max-width:540px}
.utility-features{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding-top:39px;border-top:1px solid var(--line);margin-top:55px}
.utility-features h3{font-size:14px;font-weight:500;line-height:1.5;margin-bottom:10px}
.utility-features p{font-size:12px;line-height:1.8;color:#95a79b;max-width:235px}
.shop-section{background:#e4e6df;color:#202823}
.shop-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.shop-section .section-label{color:#5e6e61}
.release-info h2{font-size:51px;margin-top:20px;letter-spacing:-2px}
.release-description{font-size:15px;line-height:1.7;color:#626f63;margin-top:15px}
.release-specs{margin:28px 0 24px;max-width:370px}
.release-specs>div{display:flex;gap:30px;justify-content:space-between;font-size:12px;padding:13px 0;border-bottom:1px solid #c1cbbf}
.release-specs dt{color:#637464}
.release-specs dd{color:#2f4031}
.shop-section .text-link{color:#334f3b;border-color:#8da18c}
.purchase-panel{padding:36px 38px;background:#f1f2ec;border:1px solid #c7cfc1;border-radius:5px}
.release-badge{font-size:9px;letter-spacing:1.2px;color:#65816b}
.purchase-line{padding-top:28px}
.purchase-line>div{display:flex;flex-direction:column;gap:10px}
.purchase-line strong{font-size:34px;letter-spacing:-1px;font-weight:500}
.purchase-line>div>span{font-size:12px;color:#667867;line-height:1.6}
.purchase-description{font-size:13px;line-height:1.8;color:#5d705e;margin:22px 0 24px;max-width:350px}
.purchase-panel .button{background:#233d2f;color:#f0f4eb;width:100%}
.purchase-panel .button:hover{background:#365840}
.purchase-small{font-size:10px;color:#718672;margin-top:15px;line-height:1.7;text-align:center}
.purchase-small a{text-decoration:underline;text-underline-offset:3px}
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}
.faq-grid h2{font-size:39px;margin:20px 0 28px;letter-spacing:-1.3px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:30px;font-size:13px;cursor:pointer;line-height:1.6}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font-size:17px;color:#8fbea4;line-height:1.2}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-list details p{font-size:13px;line-height:1.9;color:#a1b1a5;padding:16px 32px 2px 0;overflow-wrap:anywhere}
.faq-list code{font:11px Consolas,monospace;color:#bfcfc1}
.site-footer{border-top:1px solid var(--line);padding:36px 0;display:flex;gap:35px;justify-content:space-between;align-items:center}
.site-footer .brand{font-size:19px}
.site-footer nav{display:flex;gap:27px;font-size:11px;color:#b6c4b9}
.copyright{font-size:10px;color:#7f9384}
.skip{position:fixed;top:-100px;left:10px;background:var(--mint);color:#12291e;padding:15px;z-index:100}
.skip:focus{top:10px}
dialog{background:#1b2520;color:var(--text);max-width:500px;width:calc(100% - 32px);padding:40px;border:1px solid #526b59;border-radius:6px;box-shadow:0 20px 100px #0007}
dialog::backdrop{background:#060a08bd}
dialog h2{font-size:34px;letter-spacing:-1.2px;margin-top:20px}
dialog>p:not(.section-label){font-size:14px;line-height:1.8;color:#b0c3b5;margin:22px 0}
.dialog-close{position:absolute;top:11px;right:15px;background:none;border:0;font-size:26px;color:#a9c2b1}
.noscript{text-align:center;padding:20px;font-size:12px}
.document{max-width:820px;padding:65px 0 90px}
.document .eyebrow{margin-bottom:20px}
.document h1{font-size:58px;letter-spacing:-2.5px;line-height:1.08;margin-bottom:27px}
.document h2{font-size:25px;letter-spacing:-.7px;margin:38px 0 15px}
.document p,.document li{font-size:14px;line-height:1.9;color:#acbdb0;margin:12px 0}
.document code{background:#243329;color:#c2e8d5;padding:3px 5px;overflow-wrap:anywhere;font-size:12px}
.document a:not(.button){text-decoration:underline;text-underline-offset:4px}
.order-panel{padding:30px;background:#1b2b21;border:1px solid #3e5b4b;border-radius:5px;margin-top:28px}
.order-panel .button{margin-top:12px}
.order-panel p{margin:16px 0}
#order-error{color:#ffad98}
@media(max-width:1100px){
  .wrap{width:calc(100% - 64px)}.hero-heading{gap:45px}.hero-summary{max-width:355px}.hero-summary>p:first-child{font-size:14px}.hero-actions{gap:20px}.hero-actions .button{gap:25px}.hero-actions .text-link{font-size:11px}.product-subtitle{font-size:21px}.hero-art{margin-top:40px}.section-pad{padding:75px 0}.detail-grid{grid-template-columns:190px 1fr;gap:35px}.detail-sidebar h2{font-size:28px}.detail-caption{display:block}.detail-caption p{margin-top:9px}.spec-strip{gap:20px}.spec-strip>div{padding-left:22px}.spec-strip strong{font-size:25px}.utility-features{gap:25px}.shop-layout{gap:60px}.purchase-panel{padding:30px}.faq-grid{gap:65px}.faq-grid h2{font-size:35px}
}
@media(max-width:760px){
  html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.site-header{height:77px;gap:20px}.brand{font-size:21px;letter-spacing:3px}.brand-small{font-size:6px;letter-spacing:3.5px}.site-header nav{font-size:12px;gap:25px}.site-header nav a:first-child{display:none}.header-cta{display:none}.hero{padding:39px 0 28px}.hero-heading{display:block}.product-category{font-size:9px;margin-bottom:14px}h1{font-size:clamp(97px,20vw,146px);letter-spacing:-6px;line-height:.95}.product-subtitle{font-size:21px;margin-top:14px}.hero-summary{max-width:480px;margin-top:25px;justify-self:auto}.hero-summary>p:first-child{font-size:14px;line-height:1.8}.hero-actions{margin-top:22px;gap:25px}.hero-actions .button{font-size:12px;gap:35px;padding:14px 19px}.hero-actions .text-link{font-size:12px;gap:15px}.platform-line{margin-top:17px;font-size:10px}.hero-art{margin-top:31px}.plugin-window{border-radius:4px;box-shadow:0 12px 30px -15px #0009}.hero-art figcaption{font-size:9px;padding-top:13px}.product-nav>.wrap{height:57px;gap:12px}.product-nav-name{font-size:14px}.product-nav-links{gap:23px;font-size:11px}.product-nav-cta{display:none}.section-pad{padding:55px 0}.spec-strip{grid-template-columns:1fr 1.3fr;gap:25px 18px;margin-bottom:41px;padding-bottom:33px}.spec-strip>div{padding-left:19px;gap:8px}.spec-strip>div:nth-child(3){padding-left:0;border:0}.spec-strip strong{font-size:25px}.spec-strip span{font-size:10px}.detail-grid{display:block}.section-label{font-size:9px}.detail-sidebar h2{font-size:31px;margin-top:12px}.detail-controls{display:grid;grid-template-columns:1fr 1fr;margin:25px 0 24px;gap:0 20px;border-block:1px solid var(--line)}.detail-controls button,.detail-controls button:first-child{font-size:11px;padding:15px 0;border:0;justify-content:flex-start;gap:0;flex:1;white-space:nowrap}.detail-controls button:nth-child(-n+2){border-bottom:1px solid var(--line)}.detail-controls button>span{display:none}.detail-sidebar>.text-link{display:none}.detail-stage{border-radius:4px}.detail-caption{padding-top:19px;min-height:115px}.detail-caption h3{font-size:16px}.detail-caption p{font-size:12px;line-height:1.8}.utility-features{grid-template-columns:1fr 1fr;gap:26px;margin-top:29px;padding-top:28px}.utility-features h3{font-size:13px;margin-bottom:8px}.utility-features p{font-size:11px;line-height:1.8}.shop-layout{display:block}.release-info h2{font-size:41px;margin-top:16px}.release-description{font-size:14px;margin-top:12px}.release-specs{margin-top:22px;max-width:none}.release-specs>div{font-size:12px}.purchase-panel{margin-top:33px;padding:27px 24px}.purchase-line{padding-top:23px}.purchase-line strong{font-size:32px}.purchase-description{font-size:12px;max-width:none}.faq-grid{display:block}.faq-grid h2{font-size:34px;margin-top:16px;margin-bottom:22px}.faq-list{margin-top:30px}.faq-list details{padding:20px 0}.faq-list summary{font-size:12px;gap:20px}.faq-list details p{font-size:12px;padding-right:15px}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:29px;padding:30px 0}.site-footer nav{grid-column:1/-1;grid-row:2;gap:24px;font-size:10px}.copyright{text-align:right;font-size:9px}.site-footer .brand{font-size:19px}.document{padding:45px 0 65px}.document h1{font-size:41px;letter-spacing:-1.7px}.document p,.document li{font-size:13px}.document h2{font-size:24px}.order-panel{padding:20px}dialog{padding:32px}dialog h2{font-size:32px}
}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.site-header nav{gap:20px;font-size:11px}.hero-actions{gap:20px}.hero-actions .button{gap:25px;padding:14px 17px}.hero-actions .text-link{font-size:11px}.hero-art figcaption{font-size:8px}.product-nav-links{gap:17px;font-size:10px}.product-subtitle{font-size:19px}.spec-strip strong{font-size:22px}.spec-strip>div{padding-left:15px}.purchase-panel{padding:25px 21px}.site-footer nav{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
