/* perf 2026-10-26 (scroll pass): the world overlays no longer carry translate3d(var(--world-drift)) (never set: a static
   offset that only made each a full-section composited layer and forced every element above it into layers), the
   pricing / footer sheen is a plain overlay instead of soft-light blending, the cursor light is its own small layer. */
/* Round 4: light, spacing and motion. The base layout remains in site.css. */
:root{--drive-accent:#e2ef91;--hole-accent:#f1a0c5;--ease-out:cubic-bezier(.16,1,.3,1)}
.headline-line{display:block;overflow:clip;padding-bottom:.12em;margin-bottom:-.12em}
.headline-line>span{display:block;transform-origin:0 100%}
.hero h1 .headline-line,.hero h1 .headline-line>span{color:var(--ink)}
.hero h1 .headline-line>.hero-pink{color:var(--pink)}
.masthead{border-bottom-color:#edb3cf24;box-shadow:0 8px 32px #07060b26}
.masthead nav a{position:relative;transition:color .25s}
.masthead nav a::after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}
.masthead nav a:hover::after,.masthead nav a:focus-visible::after{transform:scaleX(1)}
.button{position:relative;isolation:isolate;overflow:hidden;border-radius:5px;transition:background .25s,box-shadow .3s}
.button::after{content:'';position:absolute;inset:-80% auto -80% -80%;width:38%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skewX(-24deg);pointer-events:none}
.button:hover::after,.button:focus-visible::after{animation:button-sheen .85s var(--ease-out)}
.button:active{box-shadow:inset 0 2px 8px #170d192b}
.hero-cta{border-radius:5px 28px 28px 5px}
.hero-cta::before{display:none}
.pedal-slot::before{content:'';position:absolute;inset:23% 13% -5%;z-index:-1;background:radial-gradient(ellipse at 50% 82%,#0504099c,transparent 51%),radial-gradient(ellipse at 50% 65%,#df8ca437,transparent 67%);filter:blur(22px);transform:translateY(16px)}
.hero-product{perspective:1600px}
.pedal-poster{filter:drop-shadow(0 -2px 2px #7ae8da25)}
.pedal-slot::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#fff4 49%,transparent 65%);background-size:260% 100%;background-position:130% 0;mask:url('../assets/hero/wurmdrive-poster.webp') center/contain no-repeat;opacity:0;transition:background-position 1.4s var(--ease-out),opacity .4s}
.hero-product:hover .pedal-slot::after{background-position:-30% 0;opacity:.55}
.drive{--world-accent:var(--drive-accent);padding-top:112px;padding-bottom:112px;background:radial-gradient(ellipse at 80% 28%,#226e6d88,transparent 55%),radial-gradient(ellipse at 5% 0,#184d50,transparent 48%),#06282e;isolation:isolate}
.world-intro{margin-bottom:64px;gap:8%}
.world-deck p{color:#c3d9d3;font-size:15px}
.drive-logo{width:300px;filter:drop-shadow(0 8px 14px #00171a55)}
.product-category{color:#d8e4da}
.drive-interface{width:min(88%,1060px);margin-inline:auto}
.device-frame{position:relative;border-radius:12px;padding:10px;background:linear-gradient(145deg,#29373c,#0a141b 35%,#1d2831);border-color:#c9eee345;box-shadow:0 60px 90px -35px #001014,0 16px 30px #00101488,inset 0 1px #e2fcf28c}
.drive-interface .device-frame{transform:perspective(1800px) rotateX(1deg) rotateY(-2deg);box-shadow:0 60px 90px -35px #001014,0 16px 30px #00101488,inset 0 1px #e2fcf28c,0 -1px 12px #a4eed521}
.device-frame::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#dcf8ff0c,transparent 32%,transparent 70%,#c2dcff04);box-shadow:inset 0 0 0 1px #e5f8ff10}
.device-toolbar{padding:5px 8px 14px;color:#c1d2d3}
.world-purchase{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px 32px;margin:38px 0 0;padding:24px 0 0;border-top:1px solid #c2e3de26}
.world-purchase .micro{color:#b8cfc8;font-size:9px;letter-spacing:.15em}
.world-purchase>div>p{font-size:21px;letter-spacing:-.035em;margin-top:7px;line-height:1.4}
.world-buy{min-width:226px;min-height:60px;background:var(--world-accent);color:#182522;border:1px solid #ffffff66;box-shadow:inset 0 1px #fff9,0 10px 30px #00131744;font-size:14px;padding:18px 24px}
.world-buy:hover{box-shadow:inset 0 1px #fffc,0 12px 36px #00131766,0 0 24px #e2ef9114}
.world-purchase .checkout-status{grid-column:1/-1;color:var(--world-accent);padding:0}
.plugin-features{margin-top:56px;column-gap:72px;row-gap:36px}
.plugin-feature{grid-template-columns:136px 1fr;gap:26px;align-items:start}
.plugin-feature.feature-lead{grid-template-columns:300px 1fr;gap:36px;margin-bottom:8px;align-items:center}
.feature-image{height:124px;border:0;border-radius:3px;background:none;padding:0;box-shadow:none;justify-items:start}
.feature-image img{width:100%;height:100%;object-fit:contain;object-position:left center}
.plugin-feature.feature-strip{grid-template-columns:1fr;gap:16px;align-content:start}
.feature-strip .feature-image{width:min(100%,420px);height:58px}
.feature-strip .feature-image img{width:auto;height:auto;max-height:58px;object-position:left center}
.feature-lead .feature-image{height:150px}
.plugin-feature h3{font-size:17px;margin-bottom:8px}
.plugin-feature p{font-size:14px;line-height:1.75;max-width:480px;color:#c8dcd7}
.wormhole-world{--world-accent:var(--hole-accent);overflow:clip;background:radial-gradient(ellipse at 50% 35%,#21142b,transparent 65%),#070d17}
.wormhole-world::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.35;background:radial-gradient(1px 1px at 17% 21%,#cbd8ee 80%,transparent) 0 0/191px 253px,radial-gradient(1px 1px at 72% 37%,#d6e6fa 80%,transparent) 0 0/333px 303px}
.wormhole-arrival{padding-top:96px;padding-bottom:36px}
.wormhole-arrival>.eyebrow{margin-bottom:44px}
.wormhole-title{width:min(78%,900px)}
.wormhole-tagline{margin-top:30px;font-size:22px;color:#e5cfdf}
.wormhole-body{background:none;padding-bottom:112px}
.hole-intro{margin-bottom:0;position:relative;z-index:2}
.hole-interface{width:min(100%,1080px);margin-inline:auto}
.hole-stage{position:relative;isolation:isolate;margin:clamp(36px,7vw,160px) 0}
/* Backdrop and screenshot share an intrinsic-height stage, including on phones.
   Its centre never depends on viewport height, scroll position or the caption. */
.wormhole-backdrop{position:absolute;left:-10%;top:-32%;width:120%;height:164%;margin:0;z-index:0;overflow:hidden;pointer-events:none;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 87%)}
.wormhole-fallback{background:radial-gradient(ellipse 55% 58% at 50% 50%,#02040b 63%,#f3a6c080 68%,#d85c9050 70%,#8c285d22 77%,transparent 85%)}
.hole-stage .device-frame{z-index:1;border-color:#d4a5c247;box-shadow:0 45px 70px -35px #01030b,0 12px 30px #02030a88,inset 0 1px #f7bed26b}
.hole-interface figcaption{position:relative;margin-top:0;z-index:2}
.wormhole-world .world-purchase{margin-top:36px;border-color:#dfa5d126}
.wormhole-world .world-purchase .micro{color:#bdacc5}
.wormhole-world .world-buy{color:#2e162b}
.wurmhole-features .feature-image{height:148px;background:none;border:0}
.wurmhole-features .feature-image img{filter:brightness(1.18) contrast(1.03);object-position:left top}
.wurmhole-features .feature-lead{grid-template-columns:200px 1fr;gap:32px}
.wurmhole-features .feature-lead .feature-image{height:180px;padding:0}
.wurmhole-features .feature-strip .feature-image{height:58px}
.wurmhole-features p{color:#c8cbdd}
.listen{background:radial-gradient(ellipse at 50% 0,#573c31,transparent 65%),#241c1c;padding-block:96px}
.listen h2,.price-heading h2,.hardware-heading h2{font-size:clamp(52px,5.8vw,88px);line-height:1.08}
.listen-heading,.price-heading,.hardware-heading{margin-bottom:40px}
.listen-heading .eyebrow,.price-heading .eyebrow,.hardware-heading .eyebrow{margin-bottom:24px}
.audio-player{border-color:#d2b29355;box-shadow:0 25px 45px -15px #10090cc9,inset 0 1px #f4d6ad60,inset 0 -3px #100b0c}
.play,.ab button{transition:box-shadow .18s,background .18s,transform .18s}
.play:active{transform:translateY(2px);box-shadow:0 0 0 1px #8b7955,inset 0 2px 5px #0006}
.ab button{min-height:44px}
.ab button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0006}
.pricing{padding-top:104px;padding-bottom:64px;background:radial-gradient(ellipse at 15% 0,#fffdf0,transparent 65%),#eee5d4;border-top:1px solid #fff5}
.price-heading>p{color:#70565e}
.price-layout{grid-template-columns:1.65fr 1fr;gap:28px}
.purchase-card{border-radius:8px}
.bundle{background:linear-gradient(145deg,#492338,#251425 75%);border-color:#824e6866;box-shadow:0 30px 55px -24px #45233580}
.bundle-art{min-height:380px;background:radial-gradient(ellipse at 40% 35%,#f5a07a33,transparent 65%)}
.bundle-pedal{width:66%;left:-3%;top:4%;transform:rotate(-8deg);filter:drop-shadow(5px 24px 18px #100a1c88)}
.bundle-interface{bottom:24px;right:4%;width:62%;transform:perspective(900px) rotateY(-7deg) rotateZ(5deg);box-shadow:-15px 24px 40px #0c061db3}
.bundle-sun{width:70px;right:10%;top:12%}
.bundle-bottom{padding:24px 32px 32px}
.bundle-price strong{font-size:140px}
.bundle-price h3{font-size:30px}
.bundle-saving{color:#e2c2d1}
.bundle-buy{min-height:60px;font-size:13px;background:#f4b8d1}
.price-numeral{display:inline-block;font-variant-numeric:tabular-nums;transform-origin:50% 90%}
.single-price{border-color:#7f5f542b;background:#f9f4e7;box-shadow:0 10px 20px -10px #65493a26}
.single-art{height:160px;background:radial-gradient(ellipse at 50% 30%,#347d79,#12383f)}
.single-info{padding:20px 24px 14px}
.single-info strong{font-size:62px}
.single-info .price-numeral{display:inline-block;font:inherit;color:inherit;margin:0}
.price-buy{padding:10px 24px 18px;min-height:48px}
.hardware-inclusion{padding-top:28px;margin-top:32px;border-top:1px solid #7c5a5629}
.hardware{background:radial-gradient(ellipse at 75% 65%,#30203944,transparent 55%),#141519;padding-block:104px}
.amp-slide{position:relative;perspective:1600px;flex-basis:calc((100% - 24px)/2)}
.amp-slide>img{object-fit:contain;object-position:center;filter:brightness(1.16);border:1px solid #b7b4c51f;box-shadow:0 24px 36px -20px #04060c;backface-visibility:hidden}
.amp-slide::after{content:'';position:absolute;inset:0 0 45px;pointer-events:none;border-radius:7px;background:linear-gradient(115deg,transparent 30%,#d5c4ee12 49%,transparent 65%);background-size:240% 100%;background-position:120% 0;opacity:0;transition:background-position 1.2s var(--ease-out),opacity .4s}
.amp-slide:hover::after{background-position:-30% 0;opacity:1}
.gallery-controls button{width:46px;height:46px;background:#25242d;border-color:#cbb7d93d;transition:background .2s,transform .2s}
.gallery-controls button:active{transform:scale(.94)}
.hardware-tier{background:linear-gradient(145deg,#f7f0df,#e9deca);border-color:#f8ecd080;box-shadow:0 25px 50px -25px #05050b}
.founders-scroll{margin-top:56px}
.founders-area{grid-template-columns:1.05fr 1fr;gap:6%}
.founders-scroll.turntable-pinned{height:calc(100svh + 320px)}
.turntable-pinned .founders-area{top:96px;min-height:0;padding-block:28px}
.founder-bucket>h2{margin:16px 0 24px}
.tier-price{margin-block:24px}
.tier-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding-block:16px;border-block:1px solid #725b5226}
.tier-facts span{padding:0;background:none;border-radius:0;line-height:1.6}
.availability{font-size:10px}
.run-status{margin-top:18px}
.turntable-stage::before{background:radial-gradient(ellipse,#a650d97a,transparent 68%);bottom:8%;height:21%}
.footer{background:radial-gradient(ellipse at 10% 0,#e9b7c7,transparent 65%),#d7a0b5;padding-top:88px}
.footer-top{align-items:center}
.footer-wordmark{padding-block:56px 44px}
.footer-wordmark img{width:min(100%,1000px);margin:0}
.footer-columns a{min-height:44px;display:flex;align-items:center}
.footer-columns>div{gap:0}
.footer-columns .micro{font-size:10px;color:#563346}
.footer-fine{color:#563346;font-size:11px}
.cursor-light{position:absolute;left:0;top:0;width:440px;height:440px;margin:-220px;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(circle,#b8ead90c,transparent 65%);transition:opacity .3s;will-change:transform,opacity;contain:strict}
.wormhole-world>.cursor-light{background:radial-gradient(circle,#f5aedc0d,transparent 65%)}
.drive>.world-intro,.drive>.interface,.drive>.plugin-features,.hardware>.hardware-heading,.hardware>.amp-gallery,.hardware>.founders-scroll{position:relative;z-index:2}
.drive,.hardware{overflow:clip}
.drive::before,.hardware::before{content:'';position:absolute;inset:-80px 0;pointer-events:none;z-index:0;opacity:var(--world-presence,1)}
.drive::before{background:radial-gradient(ellipse at 72% 30%,#79dedc18,transparent 53%),repeating-linear-gradient(105deg,#b5efe804 0 1px,transparent 1px 8px)}
.hardware{isolation:isolate}
.hardware::before{background:radial-gradient(ellipse at 23% 20%,#d7c1a30d,transparent 40%),radial-gradient(ellipse at 78% 76%,#a761d51a,transparent 44%)}
.wormhole-world::before{opacity:calc(.2 + var(--world-presence,1)*.2)}

.listen::before{opacity:calc(.035 + var(--world-presence,1)*.065)}
.pricing::before,.footer::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:var(--world-presence,1);background:linear-gradient(120deg,#ffffff4a,transparent 35%)}
.footer::before{background:linear-gradient(120deg,#ffffff08,transparent 35%)}
.pricing{isolation:isolate}
.pricing::before,.footer::before{z-index:-1}
.footer{isolation:isolate}
.amp-gallery{scroll-padding-left:0}
.lenis.lenis-stopped{overflow:hidden}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
@media(prefers-reduced-motion:no-preference){
 .intro-running .brand img{animation:mark-resolve .62s var(--ease-out) both}
 .intro-running .hero .headline-line>span{animation:line-enter .85s var(--ease-out) both}
 .intro-running .hero .headline-line:nth-child(2)>span{animation-delay:.09s}
 .intro-running .hero-product{animation:studio-on 1.05s var(--ease-out) both}
 @keyframes mark-resolve{from{filter:blur(4px);transform:translateY(-6px)}to{filter:blur(0);transform:none}}
 @keyframes line-enter{from{transform:translateY(110%) rotate(2deg)}to{transform:none}}
 @keyframes studio-on{from{filter:brightness(.65);translate:0 12px}to{filter:brightness(1);translate:0 0}}
}
@media(min-width:651px) and (max-width:1000px){
 .plugin-feature{grid-template-columns:112px 1fr;gap:20px}.plugin-features{gap:32px}
 .plugin-feature p{font-size:13px}.bundle-art{min-height:310px}.bundle-price strong{font-size:112px}
 .bundle-bottom{padding:20px 24px 24px}.single-art{height:140px}
 .amp-slide{flex-basis:76%}
}
@media(max-width:650px){
 .world,.listen,.pricing,.hardware{padding-block:64px}
 .hero .headline-line{padding-bottom:.10em;margin-bottom:-.10em}
 .world-intro{margin-bottom:32px}.drive-logo{width:268px}.world-deck p{font-size:13px}
 .drive-interface{width:100%}.drive-interface .device-frame{transform:none}
 .world-purchase{grid-template-columns:1fr;margin-top:28px;padding-top:22px;gap:18px}
 .world-purchase .micro{font-size:8px}.world-purchase>div>p{font-size:19px}
 .world-buy{width:100%;min-height:56px;font-size:13px}
 .plugin-features{margin-top:40px;gap:28px}
 .plugin-feature,.plugin-feature.feature-lead{grid-template-columns:96px 1fr;gap:20px}
 .plugin-feature h3{font-size:15px}.plugin-feature p,.wurmhole-features .feature-lead p{font-size:13px;line-height:1.75}
 .feature-image{height:102px}.feature-lead .feature-image{height:145px}
 .plugin-feature.feature-strip{display:grid;grid-template-columns:1fr;gap:12px}
 .feature-strip .feature-image{height:50px;width:100%;margin:0}
 .feature-strip .feature-image img{max-height:50px}
 .wurmhole-features .feature-lead{display:grid;overflow:visible}
 .wurmhole-features .feature-image{height:128px}
 .wurmhole-features .feature-lead .feature-image{width:96px;height:128px;float:none;margin:0;padding:0}
 .wurmhole-features .feature-strip .feature-image{height:44px}
 .wurmhole-features .feature-strip .feature-image img{max-height:44px}
 .wormhole-arrival{padding-top:72px;padding-bottom:24px}
 .wormhole-arrival>.eyebrow{margin-bottom:44px}.wormhole-title{width:86%}
 .wormhole-tagline{font-size:18px;margin-top:24px}
 .wormhole-body{padding-bottom:64px}.hole-intro p{font-size:13px}
 .wormhole-world .world-purchase{margin-top:28px}
 .listen h2,.price-heading h2,.hardware-heading h2{font-size:48px}
 .listen-heading,.price-heading,.hardware-heading{margin-bottom:28px}
 .price-layout{gap:20px}.bundle-art{min-height:250px}
 .bundle-pedal{width:72%;left:-4%;top:6%}.bundle-interface{width:66%;right:4%;bottom:16px}
 .bundle-sun{width:54px;right:9%;top:10%}
 .bundle-bottom{padding:12px 22px 24px}.bundle-price strong{font-size:110px}.bundle-price h3{font-size:24px}
 .bundle-buy{min-height:56px;font-size:12px}
 .singles{gap:14px}.single-art{height:125px}.single-info{padding:16px 13px 12px}
 .single-info strong{font-size:50px}.price-buy{padding:10px 13px 16px;font-size:10px}
 .hardware-inclusion{margin-top:24px;padding-top:24px}.hardware-inclusion p{font-size:12px}
 .pricing{padding-bottom:44px}
 .amp-gallery{margin-right:0;padding-right:0;scroll-padding-right:0}
 .amp-slide{flex-basis:100%}
 .amp-slide figcaption{font-size:9px}
 .founders-scroll{margin-top:36px}
 .founders-area{gap:28px}
 .floor-turntable{order:0}.founder-bucket{order:1}
 .turntable-stage{width:108%;margin-left:-4%}
 .tier-facts{grid-template-columns:1fr;gap:10px;padding-block:16px}
 .tier-facts span{padding:0}
 .tier-price{margin-block:22px}
 .footer{padding-top:48px}.footer-wordmark{padding-block:36px 28px}
 .footer-columns{gap:24px}.footer-fine{margin-top:24px;font-size:10px}
 .amp-slide::after,.pedal-slot::after,.cursor-light{display:none}
 .gallery-controls button{width:46px;height:46px}
 .seek{height:44px}.player-status{min-height:24px}
}
@media(max-width:370px){
 .masthead{gap:8px}.brand{width:96px}.masthead nav{gap:9px}.nav-shop{gap:5px}
 .player-controls{gap:7px}.play{width:44px;height:44px}.ab button{min-width:40px}
 .bundle-price strong{font-size:96px}.bundle-price h3{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 .headline-line>span,.price-numeral{transform:none!important}
 .cursor-light{display:none}.drive-interface .device-frame{transform:none}
 .amp-slide:hover::after,.hero-product:hover .pedal-slot::after{opacity:0}
 .drive::before,.hardware::before,.wormhole-world::before,.listen::before{transform:none!important}
 .founders-scroll.turntable-pinned{height:auto}
 .turntable-pinned .founders-area{top:auto;position:relative;min-height:0;padding-block:0}
}