.dna{position:relative;min-height:155svh;isolation:isolate;margin:0 auto;overflow:clip;background:#080a09}.dna-scene{position:sticky;top:0;height:100svh;min-height:700px;max-height:1100px;display:flex;flex-direction:column;padding:42px 6%;isolation:isolate}.dna-scene::before{content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 66% 48%,#b7fa7220, #64922c0a 37%,transparent 64%);transform:scale(var(--dna-bloom,1));opacity:var(--dna-atmosphere,.8)}.dna-top,.dna-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;z-index:2}.dna-top{padding-top:22px;border-top:1px solid #b7fa7233}.dna-copy{position:relative;z-index:1;pointer-events:none;margin-top:auto;margin-bottom:auto;padding-bottom:40px;max-width:650px;transform:translateY(var(--dna-copy-y,0px));opacity:var(--dna-copy-opacity,1)}.dna-copy h2{font:400 clamp(60px,6.3vw,110px)/1.04 Georgia,serif;letter-spacing:-.055em;margin:0 0 32px}.dna-copy em{color:var(--lime)}.dna-copy p{font-size:16px;line-height:1.7;max-width:300px}.dna-art{position:absolute;inset:5% 0 9% 30%;z-index:0;touch-action:pan-y}.dna-art canvas{cursor:crosshair}.dna-art button{position:absolute;bottom:4%;left:57%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#080a0966;border:1px solid #b7fa7240;border-radius:40px;padding:10px 16px 10px 10px;min-height:46px;color:#d0ddc5;font-size:11px;cursor:pointer;backdrop-filter:blur(8px);white-space:nowrap;transition:border-color .3s,background .3s}.dna-art button:hover{border-color:#b7fa72a0;background:#15200e}.dna-button-mark{border-radius:50%;border:1px solid #b7fa7250;display:grid;place-items:center;width:28px;height:28px;color:var(--lime);font-size:18px}.dna-bottom{font-size:11px;letter-spacing:.1px;color:#a7b69c;padding:22px 0;border-top:1px solid #b7fa7222}.dna-bottom>span:first-child{color:#c4cfba}.dna-bottom i{display:inline-block;border-radius:50%;width:5px;height:5px;margin-right:9px;background:var(--lime);box-shadow:0 0 10px #b7fa7270}.dna-bottom a{color:var(--ivory);padding:8px 0}.dna-bottom a span{color:var(--lime);padding-left:25px}.dna-outlet{position:absolute;bottom:0;left:70%;height:15%;width:1px;background:linear-gradient(transparent,#b7fa72aa,transparent);opacity:var(--dna-outlet,0);transform-origin:bottom;transform:scaleY(var(--dna-outlet,0));box-shadow:0 0 15px #b7fa7250;pointer-events:none}
@media(min-width:1600px){.dna-scene{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}@media(max-width:1000px){.dna-copy h2{font-size:70px}.dna-art{left:23%}.dna-copy{max-width:510px}.dna-bottom>span:nth-child(2){display:none}}
@media(max-width:680px){.dna{min-height:0}.dna-scene{position:relative;height:auto;min-height:980px;padding:30px 6% 20px;max-height:none}.dna-top .tiny{display:none}.dna-copy{margin:55px 0 0;padding:0;max-width:100%;transform:none!important;opacity:1!important}.dna-copy h2{font-size:clamp(48px,12vw,72px);margin-bottom:22px}.dna-copy p{font-size:14px}.dna-art{inset:350px -15% 110px -15%;height:500px}.dna-art button{left:50%;bottom:0}.dna-bottom{margin-top:auto;align-items:flex-end;font-size:10px;gap:15px}.dna-bottom>span:first-child{max-width:105px;line-height:1.6}.dna-bottom a span{padding-left:12px}.dna-outlet{left:50%;height:90px}.dna-scene::before{inset:10% -45%;background:radial-gradient(ellipse at 50% 60%,#b7fa721e,transparent 60%)}}
@media(prefers-reduced-motion:reduce){.dna{min-height:0}.dna-scene{position:relative;height:850px}.dna-copy{transform:none;opacity:1}.dna-outlet{display:none}.dna-scene::before{transform:none;opacity:.8}@media(max-width:680px){.dna-scene{height:auto}}}
/* One shared stage: the DNA becomes the product in the same place. */
.dna{min-height:300svh;overflow:clip}.dna-scene{height:100svh;min-height:660px;max-height:none;padding:35px 6%}.dna-art{inset:0;z-index:2;pointer-events:var(--dna-pointer,auto);opacity:var(--strand-opacity,1)}.dna-copy{z-index:3;opacity:var(--intro-opacity,1);transform:translateY(var(--intro-y,0px));max-width:620px;margin-top:auto;margin-bottom:auto}.dna-copy h2{font-size:clamp(60px,6.3vw,104px)}.dna-bottom{position:relative;z-index:4;opacity:var(--intro-opacity,1);pointer-events:var(--intro-pointer,auto);border:0;padding-bottom:12px}.dna-scene::before{background:radial-gradient(ellipse at 72% 50%,#b7fa7225, #64922c08 37%,transparent 66%)}.product-anchor{position:absolute;top:63%;left:0;width:1px;height:1px;scroll-margin-top:0}
.dna-product.product{position:absolute!important;inset:0;margin:0!important;max-width:none;padding:0 6%!important;border-radius:0!important;transform:none!important;overflow:visible;background:none;isolation:auto;z-index:3;pointer-events:var(--product-pointer,none)}.dna-product .product-grid{height:100%;margin:0 auto;gap:40px}.dna-product .product-copy{opacity:var(--product-reveal,0)!important;transform:translateY(var(--product-copy-lift,20px))!important;pointer-events:var(--product-pointer,none)}.dna-product .product-stage{height:100%;min-height:0;pointer-events:none}.dna-product .phone,.dna-product .product-stage:hover .phone{transform:none!important;opacity:var(--screen-reveal,0);box-shadow:0 25px 70px #0007;flex-shrink:0}.dna-product .stage-caption{bottom:calc(50% - 300px);opacity:var(--screen-reveal,0)}.dna-product .orbit-label,.dna-product .arrival-ring{display:none}.dna-product .product-note .availability{display:block;font-size:11px;color:#7e8a76;margin-top:13px}.featured-intro{font:italic 24px/1.2 Georgia,serif!important;color:#a7b19d!important;margin:0 0 28px!important}.dna-product h2{margin-top:28px}.footer-products{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid #b7fa7240}.footer-products span{color:var(--lime)}.company{padding-top:100px}.hero-grid{min-height:640px}.reading-stage{padding-top:65px}.manifesto{margin-top:25px}
@media(max-width:1000px){.dna-copy{max-width:55%}.dna-copy h2{font-size:clamp(52px,6.5vw,78px)}.dna-product .product-grid{gap:15px}.dna-product h2{font-size:62px}}
@media(max-width:680px){.dna{min-height:320svh}.dna-scene{position:sticky;top:0;height:100svh;min-height:700px;padding:24px 6%}.dna-copy{margin:5px 0 auto;max-width:100%;padding:0;transform:translateY(var(--intro-y,0px))!important;opacity:var(--intro-opacity,1)!important}.dna-copy h2{font-size:clamp(38px,10vw,52px);line-height:1.02;margin:0 0 14px}.dna-copy h2 br{display:none}.dna-copy p{font-size:12px;line-height:1.6;margin:0}.dna-art{inset:0;height:auto}.dna-bottom{font-size:10px;margin:0;padding:0;gap:10px;align-items:center}.dna-bottom>span:first-child{max-width:none;font-size:9px}.dna-bottom a{font-size:11px}.dna-product.product{padding:22px 6%!important}.dna-product .product-grid{display:flex;flex-direction:column;height:100%;gap:0;align-items:stretch}.dna-product .product-copy{position:relative;height:265px;flex-shrink:0}.featured-intro{font-size:18px!important;margin-bottom:12px!important}.dna-product .followza-lockup{font-size:25px;gap:10px}.dna-product .followza-lockup img{width:38px;border-radius:10px}.dna-product h2{font-size:40px;line-height:1;margin:12px 0}.dna-product h2 br{display:none}.dna-product h2 em{white-space:nowrap}.dna-product .product-copy>p:not(.featured-intro):not(.product-note){font-size:12px;line-height:1.5;max-width:310px;margin:8px 0}.dna-product .pill{position:absolute;top:187px;margin:0;padding:10px 16px;font-size:12px;gap:22px}.dna-product .pill span{font-size:16px}.dna-product .product-note{display:none}.dna-product .product-stage{position:relative;flex:1;min-height:0;height:auto;padding-bottom:30px}.dna-product .phone{width:238px;height:450px;transform:scale(var(--mobile-phone-scale,.88))!important;transform-origin:center center;padding:9px 14px;border-radius:35px}.dna-product .product-stage:hover .phone{transform:scale(var(--mobile-phone-scale,.88))!important}.dna-product .island{margin-bottom:19px}.dna-product .phone-welcome{font-size:23px;margin:20px 0 15px}.dna-product .metric{padding:12px}.dna-product .metric strong,.dna-product .metric strong span{font-size:29px}.dna-product .phone-tabs{margin-top:15px}.dna-product .quote-preview{margin-top:12px}.dna-product .next-action{margin-top:12px}.dna-product .phone-note{margin-top:12px}.dna-product .home-indicator{margin-top:15px}.dna-product .stage-caption{bottom:0;font-size:7px;letter-spacing:1px}.hero-grid{min-height:0}.reading-stage{padding-top:0}.manifesto{margin-top:25px}.dna-scene::before{inset:0 -30%;background:radial-gradient(ellipse at 50% 64%,#b7fa7222,transparent 64%)}.product-anchor{top:63%}}
@media(prefers-reduced-motion:reduce){.dna{min-height:0}.dna-scene{height:auto;min-height:0;position:relative;display:block;padding-top:65px}.dna-copy{opacity:1!important;transform:none!important;max-width:620px;margin-bottom:560px}.dna-art{inset:160px 0 auto;height:500px;opacity:1!important;pointer-events:none}.dna-bottom{display:none}.dna-product.product{position:relative!important;padding:65px 0!important;pointer-events:auto}.dna-product .product-grid{min-height:700px}.dna-product .product-copy,.dna-product .phone,.dna-product .stage-caption{opacity:1!important;transform:none!important;pointer-events:auto}.product-anchor{top:auto;bottom:650px}.dna-copy h2{font-size:65px}@media(max-width:680px){.dna-copy h2{font-size:43px}.dna-copy{margin-bottom:480px}.dna-art{inset:220px 0 auto;height:400px}.dna-product .product-grid{min-height:850px}.dna-product .product-copy{height:290px}.dna-product .product-stage{height:530px}.dna-product .phone{transform:none!important}.product-anchor{bottom:850px}}}
@media(max-width:680px){.dna-scene{min-height:620px}.dna-product .product-copy{height:310px}.dna-product h2{font-size:38px;line-height:1.02;margin:12px 0}.dna-product h2 br{display:block}.dna-product .pill{position:static;margin:8px 0 0;padding:10px 16px}.dna-product .product-copy>p:not(.featured-intro):not(.product-note){line-height:1.45;margin:8px 0;max-width:320px}.dna-product .stage-caption{bottom:0}}