.product-detail{--product-soft: color-mix(in srgb, var(--accent) 12%, var(--color-surface));--product-light: color-mix(in srgb, var(--accent) 65%, #fff)}.product-hero{padding-top:34px}.product-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--color-text-mute)}.product-breadcrumb>a{font-size:12px;transition:color .2s}.product-breadcrumb>a:hover{color:var(--product-light)}.product-breadcrumb>span{font:9px var(--font-mono);letter-spacing:.07em}.breadcrumb-divider{padding-inline:15px;color:var(--color-hairline)}.product-hero-grid{display:grid;grid-template-columns:.95fr 1.1fr;align-items:center;gap:50px;padding-block:58px 60px}.product-pitch{min-width:0}.product-label{display:flex;align-items:center;gap:9px;font:9px/1.6 var(--font-mono);letter-spacing:.08em;color:var(--product-light)}.product-label>span{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.product-nameplate{display:flex;gap:12px;align-items:center;margin-top:26px}.product-nameplate>img{border-radius:12px}.product-nameplate>span:not(.version-pill){font:650 22px var(--font-display);letter-spacing:-.03em}.version-pill{font:9px var(--font-mono);color:var(--color-text-mute);padding:5px 8px;border:1px solid var(--color-border);border-radius:6px}.product-headline{font-size:clamp(2.7rem,4.6vw,3.85rem);letter-spacing:-.055em;line-height:1.04;margin-top:22px;text-wrap:initial}.product-headline>span{position:relative;color:var(--product-light)}.product-headline svg{position:absolute;width:100%;left:0;bottom:-12px;height:13px;overflow:visible}.product-headline path{stroke:var(--accent);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-dasharray:1000;animation:product-underline 1.3s .3s both}.product-intro{color:var(--color-text-dim);font-size:15px;line-height:1.85;margin:30px 0 24px;max-width:450px}.product-download{display:inline-flex;align-items:center;gap:35px;justify-content:space-between;padding:16px 24px;font-size:14px}.product-download>span{font-size:23px;line-height:1}.install-meta{margin-top:12px;font-size:11px;line-height:1.65;color:var(--color-text-dim)}.product-apps{display:grid;gap:8px;margin-top:24px;max-width:460px}.product-apps>li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:11px 14px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface)}.product-apps strong{font-size:13px;font-weight:600}.app-platforms{display:flex;flex-wrap:wrap;gap:5px}.app-platforms>span{font:9px/1 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;padding:5px 7px;border-radius:6px;color:var(--product-light);background:var(--product-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--color-border))}.windows-note{font-size:11px;color:var(--color-text-mute);margin-top:11px;line-height:1.5}.windows-note>span{margin-right:5px;font-size:15px}.product-release-link{display:inline-block;margin-top:21px;font-size:11px;color:var(--product-light);line-height:1.6;border-bottom:1px solid transparent}.product-release-link:hover{border-color:var(--accent)}.product-release-link>span{padding-left:5px}.product-stage{position:relative;min-width:0;padding-block:60px 38px;isolation:isolate;animation-delay:.14s}.stage-orbit{position:absolute;z-index:-1;inset:-15px -30px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%);pointer-events:none}.stage-orbit:after{content:"";position:absolute;inset:5%;border:1px dashed color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;transform:rotate(-18deg)}.stage-spark{position:absolute;right:5px;top:-8px;color:var(--product-light);font-size:65px;line-height:1;animation:product-spin 35s linear infinite}.stage-sticker{position:absolute;top:15px;left:15px;background:var(--product-light);color:#202019;padding:8px 13px;font:11px var(--font-mono);transform:rotate(-6deg);box-shadow:3px 3px #0003}.product-preview{position:relative;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--color-border));background:var(--color-surface);border-radius:17px;padding:12px;box-shadow:0 28px 60px -25px #0009;transform:rotate(2deg);transition:transform .5s}.product-preview:hover,.product-preview:focus-within{transform:rotate(0)}.preview-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 13px;font:8px var(--font-mono);color:var(--color-text-mute);letter-spacing:.04em}.preview-topline>span:first-child{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--color-text-dim)}.preview-live-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%}.preview-switch[hidden]{display:none}.preview-switch{display:flex;gap:4px;border:1px solid var(--color-border);padding:3px;border-radius:9px;margin:0 0 12px;width:max-content}.preview-switch button{cursor:pointer;font-size:10px;color:var(--color-text-mute);padding:7px 12px;border-radius:6px;transition:background .2s,color .2s}.preview-switch button>span{margin-left:15px}.preview-switch button[aria-pressed=true]{background:var(--product-soft);color:var(--product-light)}.preview-switch button:hover{color:var(--color-text)}.product-preview .window{box-shadow:none;border-radius:9px}.product-preview .window-bar{display:none}.product-preview .window-shot{aspect-ratio:16 / 10;object-fit:contain;background:#101016}.preview-caption{padding:15px 8px 5px;font:11px/1.5 var(--font-display);color:var(--color-text-dim);text-align:center}.product-pep-talk{display:flex;align-items:center;gap:12px;margin:24px 8px 0;min-height:55px}.product-pep-talk button{position:relative;flex-shrink:0;cursor:pointer;transition:transform .25s}.product-pep-talk button:hover{transform:rotate(-12deg) scale(1.1)}.product-pep-talk button>img{border-radius:11px}.product-pep-talk button>span{position:absolute;right:-4px;bottom:-6px;color:var(--product-light);background:var(--color-ink);font-size:14px;line-height:1;padding:2px;border-radius:50%}.product-pep-talk p{position:relative;max-width:330px;padding:11px 15px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--color-border));border-radius:12px 12px 12px 2px;background:var(--product-soft);color:var(--product-light);font:12px/1.6 var(--font-display)}.product-booped{animation:product-boop .5s ease}.stage-coordinate{display:block;margin-top:22px;text-align:center;font:8px var(--font-mono);letter-spacing:.1em;color:var(--color-text-mute)}.product-identity{display:flex;position:relative;min-height:300px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--color-border));border-radius:20px;background:radial-gradient(color-mix(in srgb,var(--accent) 15%,transparent) 1px,transparent 1px),var(--color-surface);background-size:18px 18px}.identity-caption{position:absolute;top:22px;font:9px var(--font-mono);color:var(--color-text-mute);letter-spacing:.1em}.identity-orbit{position:absolute;width:220px;height:220px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--accent) 30%,transparent);animation:product-spin 45s linear infinite}.identity-logo{width:124px;height:124px;border-radius:28px;box-shadow:0 20px 35px #0004;animation:product-bob 6s ease-in-out infinite}.identity-tag{position:absolute;font:10px var(--font-mono);padding:10px 13px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--color-border));border-radius:9px;background:var(--color-surface-2);color:var(--product-light)}.tag-one{top:100px;right:-13px;transform:rotate(9deg)}.tag-two{bottom:75px;left:-10px;transform:rotate(-8deg)}.identity-footer{position:absolute;bottom:21px;padding-inline:15px;text-align:center;font:11px/1.5 var(--font-display);color:var(--color-text-dim)}.product-traits{display:flex;flex-wrap:wrap;align-items:center;gap:28px;border-top:1px solid var(--color-border);padding-block:20px}.product-traits>span{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:var(--color-text-dim)}.product-traits>span>span{color:var(--product-light);font-size:16px}.product-traits .traits-signoff{margin-left:auto;font:8px var(--font-mono);letter-spacing:.06em;color:var(--color-text-mute)}.product-section-nav{position:sticky;top:73px;z-index:30;border-block:1px solid var(--color-border);background:color-mix(in srgb,var(--color-ink) 94%,transparent);backdrop-filter:blur(12px)}.product-section-nav>div{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:60px}.section-nav-brand{display:flex;align-items:center;gap:9px;font:600 13px var(--font-display)}.section-nav-brand img{border-radius:7px}.section-nav-links{display:flex;align-items:center;gap:28px}.section-nav-links a{color:var(--color-text-dim);font-size:11px;transition:color .2s}.section-nav-links a:hover,.section-nav-links .section-nav-cta{color:var(--product-light)}.section-nav-cta>span{margin-left:10px}.product-detail [id]{scroll-margin-top:155px}.detail-section{padding-top:90px}.detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.detail-heading h2{font-size:clamp(2.5rem,4vw,3.4rem);letter-spacing:-.05em;line-height:1.05;margin-top:17px}.detail-heading h2 span{color:var(--product-light)}.detail-heading>p{color:var(--color-text-dim);font-size:13px;line-height:1.8;margin-left:auto}.feature-count{display:flex;gap:8px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--product-light);padding:12px 15px;border-radius:10px;transform:rotate(7deg);font:600 38px var(--font-display);line-height:1;margin-left:16px}.feature-count small{font:8px/1.5 var(--font-mono)}.feature-spotlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-spotlight{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:17px;background:linear-gradient(155deg,var(--product-soft),var(--color-surface) 65%);padding:26px}.feature-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.feature-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--product-light);font-size:27px;transform:rotate(-8deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.feature-spotlight:hover .feature-symbol{transform:rotate(10deg) scale(1.15)}.feature-card-top>span:last-child{font:8px var(--font-mono);letter-spacing:.05em;color:var(--color-text-mute)}.feature-spotlight h3{font-size:25px;line-height:1.1;letter-spacing:-.03em;position:relative;z-index:1}.feature-spotlight>p{font-size:13px;line-height:1.9;margin-top:18px;color:var(--color-text-dim);position:relative;z-index:1}.feature-card-spark{position:absolute;bottom:-28px;right:0;font-size:125px;line-height:1;opacity:.07;color:var(--accent);pointer-events:none}.feature-extras{margin-top:38px}.extras-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.extras-heading h3{font-size:23px}.extras-heading p{color:var(--color-text-mute);font:12px var(--font-display);transform:rotate(-5deg)}.feature-accordion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;align-items:start}.feature-accordion{border-bottom:1px solid var(--color-border)}.feature-accordion summary{display:flex;align-items:center;gap:13px;padding:21px 0;cursor:pointer;list-style:none}.feature-accordion summary::-webkit-details-marker,.product-story summary::-webkit-details-marker{display:none}.feature-index{color:var(--product-light);font:10px var(--font-mono)}.feature-accordion h4{font-size:13px;font-weight:550;line-height:1.6}.accordion-plus{margin-left:auto;color:var(--product-light);font-size:22px;line-height:1;transition:transform .25s}.feature-accordion[open] .accordion-plus,.product-story[open] .accordion-plus{transform:rotate(45deg)}.feature-accordion[open] h4{color:var(--product-light)}.feature-accordion>p{padding:0 12px 23px 28px;color:var(--color-text-dim);font-size:13px;line-height:1.85}.feature-accordion[open]>p,.product-story[open]>p{animation:feature-open .35s ease}.product-story{margin-top:35px;padding:23px 26px;border:1px dashed var(--color-hairline);border-radius:13px}.product-story summary{cursor:pointer;display:flex;gap:18px;align-items:center;list-style:none}.product-story summary>span:first-child{font-size:33px;color:var(--product-light)}.product-story h3{font:600 18px var(--font-display);letter-spacing:-.02em}.product-story summary p{color:var(--color-text-mute);font-size:11px;margin-top:5px}.product-story>p{color:var(--color-text-dim);font-size:14px;line-height:1.9;max-width:880px;margin-top:22px}.compatibility-card{display:grid;grid-template-columns:.75fr 1.25fr;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--color-border));border-radius:20px;background:var(--color-surface)}.compatibility-intro{position:relative;padding:36px;background:color-mix(in srgb,var(--accent) 30%,#efeede);color:#23271e}.compatibility-star{display:inline-block;font-size:66px;line-height:1;margin-bottom:26px;animation:product-spin 40s linear infinite}.compatibility-intro .eyebrow{color:#3d4433;font-size:9px}.compatibility-intro h3{font-size:32px;line-height:1.08;margin-top:16px;letter-spacing:-.04em}.compatibility-intro>p:not(.eyebrow){color:#3d4433;font-size:13px;line-height:1.8;margin-top:20px;max-width:200px}.compatibility-stamp{position:absolute;top:27px;right:27px;border:1px solid #23271e60;border-radius:50%;width:75px;height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:8px/1.7 var(--font-mono);letter-spacing:.08em;transform:rotate(14deg)}.compatibility-stamp strong{font-size:11px}.compatibility-facts{display:grid;align-content:center;padding:20px 35px}.compatibility-facts>div{display:grid;grid-template-columns:90px 1fr;gap:22px;padding-block:18px;border-bottom:1px solid var(--color-border)}.compatibility-facts>div:last-child{border-bottom:0}.compatibility-facts dt{font-size:11px;color:var(--color-text-mute);line-height:1.7}.compatibility-facts dd{font-size:13px;line-height:1.7}.product-final-cta{position:relative;isolation:isolate;overflow:hidden;padding:52px 35px;text-align:center;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--color-border));border-radius:22px;background:radial-gradient(color-mix(in srgb,var(--accent) 12%,transparent) 1px,transparent 1px),var(--color-surface);background-size:20px 20px}.product-final-cta>img{margin:0 auto 22px;border-radius:17px;transform:rotate(-8deg);transition:transform .4s}.product-final-cta:hover>img{transform:rotate(7deg)}.product-final-cta>.eyebrow{color:var(--product-light);font-size:9px}.product-final-cta h2{max-width:620px;font-size:clamp(2.4rem,4.6vw,3.9rem);letter-spacing:-.045em;line-height:1.05;margin:20px auto}.cta-description{max-width:440px;margin:0 auto 25px;font-size:14px;line-height:1.8;color:var(--color-text-dim)}.cta-doodle{position:absolute;z-index:-1;color:var(--product-light)}.doodle-left{font-size:95px;left:5%;top:90px;animation:product-spin 40s linear infinite}.doodle-right{font-size:105px;right:5%;bottom:90px;transform:rotate(15deg)}.product-party{display:inline-block;font-size:11px;color:var(--color-text-mute);margin-top:23px;cursor:pointer}.product-party>span{display:inline-block;color:var(--product-light);margin-left:5px;transition:transform .4s}.product-party:hover>span{transform:rotate(180deg)}.beta-status{display:inline-flex;align-items:center;gap:9px;padding:15px 20px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--color-border));background:var(--product-soft);color:var(--product-light);border-radius:11px;font-size:13px;font-weight:550}.beta-status>span{width:6px;height:6px;background:var(--accent);border-radius:50%}.beta-explore{display:inline-block;margin-top:22px;font-size:12px;color:var(--product-light)}.install-command{max-width:550px;margin-inline:auto;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--color-border));border-radius:12px;background:var(--color-ink);text-align:left;overflow:hidden}.command-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid var(--color-border);color:var(--color-text-mute);font:8px var(--font-mono);letter-spacing:.03em}.command-bar button{font:10px var(--font-sans);color:var(--product-light);cursor:pointer;padding:4px}.command-bar button>span{margin-left:8px}.command-bar button:disabled{opacity:.5;cursor:wait}.install-command code{display:block;padding:17px;overflow-wrap:anywhere;white-space:pre-wrap;font:12px/1.8 var(--font-mono);color:var(--color-text)}.copy-feedback{font-size:11px;line-height:1.5;color:var(--product-light)}.copy-feedback:not(:empty){padding:0 17px 15px}.install-guide{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px;border-top:1px solid var(--color-border);color:var(--product-light);font-size:11px}.install-guide:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.related-section{padding-top:75px}.related-section .detail-heading h2{font-size:34px}.all-family-link{flex-shrink:0;color:var(--color-text-dim);font-size:12px}.all-family-link:hover{color:var(--product-light)}.related-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.related-product{border:1px solid var(--color-border);border-radius:14px;padding:22px;background:var(--color-surface)}.related-product>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.related-product img{border-radius:12px;transition:transform .4s}.related-product:hover img{transform:rotate(-12deg)}.related-product>div>span{color:var(--accent);font-size:22px}.related-product h3{font-size:23px}.related-product p{font-size:12px;line-height:1.7;margin-top:10px;color:var(--color-text-dim)}.related-platform{display:block;font:9px var(--font-mono);color:var(--color-text-mute);margin-top:20px}@keyframes product-underline{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes product-spin{to{transform:rotate(360deg)}}@keyframes product-bob{0%,to{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-12px) rotate(4deg)}}@keyframes product-boop{35%{transform:rotate(-17deg) scale(1.2)}70%{transform:rotate(10deg) scale(.95)}}@keyframes feature-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(max-width:1023px){.product-hero-grid{gap:30px;padding-top:45px}.product-headline{font-size:clamp(2.7rem,4.9vw,3.5rem)}.stage-sticker{font-size:9px;left:0}.stage-spark{font-size:45px;top:-10px}.product-preview{padding:9px}.preview-topline>span:last-child{display:none}.product-traits{gap:20px}.product-traits .traits-signoff{display:none}.feature-spotlight{padding:21px}.feature-card-top>span:last-child{font-size:7px}.feature-spotlight h3{font-size:22px}.feature-count{display:none}.compatibility-intro{padding:30px}.compatibility-facts{padding-inline:27px}.compatibility-facts>div{grid-template-columns:75px 1fr;gap:15px}.doodle-left{left:2%;font-size:65px}.doodle-right{right:2%;font-size:75px}.related-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.product-hero-grid{grid-template-columns:minmax(0,1fr);gap:25px;padding-bottom:30px}.product-headline{max-width:540px;font-size:clamp(2.8rem,8vw,4rem)}.product-intro{max-width:540px}.product-pitch .install-command{margin-left:0}.product-stage{max-width:580px;width:100%;justify-self:center;padding-top:70px;padding-bottom:8px}.stage-sticker{top:30px;left:12px;font-size:11px}.stage-spark{top:10px;right:10px;font-size:50px}.stage-orbit{inset:0 -10px}.product-preview{transform:rotate(1deg)}.preview-topline>span:last-child{display:inline}.stage-coordinate{font-size:7px}.product-traits{gap:14px 20px;margin-top:15px}.product-traits>span{font-size:10px}.product-section-nav>div{gap:12px}.section-nav-links{gap:24px}.section-nav-brand>span{display:none}.detail-section{padding-top:65px}.detail-heading{gap:20px;flex-wrap:wrap}.detail-heading>p{margin-left:0}.detail-heading h2{font-size:39px}.feature-spotlights{grid-template-columns:minmax(0,1fr)}.feature-spotlight{padding:25px}.feature-card-top{margin-bottom:22px}.feature-spotlight h3{font-size:27px}.feature-spotlight>p{font-size:14px}.feature-accordion-grid,.compatibility-card{grid-template-columns:minmax(0,1fr)}.compatibility-intro{padding:28px}.compatibility-star{position:absolute;bottom:22px;right:27px;font-size:55px}.compatibility-stamp{top:20px;right:25px;width:65px;height:65px}.compatibility-intro h3{font-size:30px;max-width:210px}.compatibility-intro .eyebrow{max-width:180px;line-height:1.7}.compatibility-facts{padding:10px 25px}.product-final-cta{padding:35px 23px}.product-final-cta h2{font-size:38px}.cta-doodle{opacity:.3}.doodle-left{top:35px;left:10px;font-size:53px}.doodle-right{bottom:70px;font-size:50px}.product-story{padding:20px}.product-story h3{font-size:16px}.product-story summary>span:first-child{display:none}.related-section .detail-heading{align-items:flex-start}.related-section .detail-heading h2{font-size:31px}.related-product{padding:19px}}@media(max-width:380px){.product-breadcrumb{gap:10px}.product-breadcrumb>span{font-size:7px}.breadcrumb-divider{padding-inline:6px}.product-label{font-size:8px}.product-headline{font-size:2.55rem}.product-nameplate{gap:9px}.product-nameplate>span:not(.version-pill){font-size:21px}.stage-sticker{font-size:9px;left:0}.preview-topline>span:last-child{font-size:6px}.preview-caption{font-size:10px}.section-nav-links{gap:15px}.section-nav-links a{font-size:10px}.section-nav-cta>span{margin-left:4px}.section-nav-brand img{width:20px;height:20px}.identity-tag{font-size:9px;padding:8px 10px}.tag-one{top:83px;right:-6px}.compatibility-stamp{right:15px;width:56px;height:56px;font-size:7px}.compatibility-stamp strong{font-size:9px}.compatibility-intro .eyebrow{max-width:135px}.related-products{grid-template-columns:minmax(0,1fr)}.command-bar{padding-inline:11px;font-size:7px}}
