/* Motion is progressive enhancement: the page stays visible without JavaScript. */
body{overflow-x:clip}.hero-art{min-width:0;overflow:hidden}
.reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;z-index:40;pointer-events:none}
h1 .headline-line{display:block;overflow:hidden;color:var(--ink);padding-bottom:.06em;margin-bottom:-.06em}h1 .headline-line>span{display:block;color:inherit}h1 .headline-line.orange{color:var(--orange)}
.header nav a{position:relative}.header nav a:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.22,1,.36,1)}.header nav a:hover:after{transform:scaleX(1);transform-origin:left}
.hero-art{perspective:1100px;--hero-x:0;--hero-y:0}.hero-art>img{transform:translate3d(calc(var(--hero-x)*14px),calc(var(--hero-y)*10px),0) rotateX(calc(var(--hero-y)*-3deg)) rotateY(calc(var(--hero-x)*4deg));transition:transform .7s cubic-bezier(.16,1,.3,1);will-change:transform}.hero-art .floating{animation:levitate 6s ease-in-out infinite}.hero-art .close{animation-delay:-3s}.hero-art:after{content:'';position:absolute;width:19px;height:19px;border:1px solid var(--orange);border-radius:50%;left:50%;top:50%;box-shadow:0 0 0 6px #ff4c1814,0 0 25px #ff4c1840;opacity:0;pointer-events:none;transform:translate(calc(var(--hero-x)*120px),calc(var(--hero-y)*100px));transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s}.hero-art:hover:after{opacity:1}
.pill{position:relative;isolation:isolate;overflow:hidden;transform:translate(var(--magnet-x,0px),var(--magnet-y,0px));transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s,box-shadow .3s}.pill:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff24 50%,transparent 80%);transform:translateX(-130%);z-index:-1;transition:transform .6s}.pill:hover:after{transform:translateX(130%)}.pill:hover{transform:translate(var(--magnet-x,0px),calc(var(--magnet-y,0px) - 2px));box-shadow:0 8px 25px #10101012}.pill span{transition:transform .3s}.pill:hover span{transform:translate(3px,-3px)}
.method-grid article{--light-x:50%;--light-y:50%;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative}.method-grid article:hover{transform:translateY(-7px)}.offer-visual:after,.conversation-visual:after,.price-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 180px at var(--light-x) var(--light-y),#ffffff25,transparent);opacity:0;transition:opacity .4s}.method-grid article:hover :is(.offer-visual,.conversation-visual,.price-visual):after{opacity:1}.method-grid article:hover .r1{animation:orbit-ring 5s linear infinite}.method-grid article:hover .r3{animation:orbit-ellipse 7s linear infinite}.conversation-visual span{transition:transform .5s cubic-bezier(.22,1,.36,1)}.method-grid article:hover .conversation-visual span:first-child{transform:translateX(12px)}.method-grid article:hover .conversation-visual span:nth-child(2){transform:translateX(-10px)}.method-grid article:hover .conversation-visual span:last-child{transform:translateX(-5px)}.price-visual div{transition:transform .6s cubic-bezier(.22,1,.36,1)}.method-grid article:hover .price-visual div{transform:skew(-20deg) translateY(-10px)}
.final-cta{position:relative;overflow:hidden;isolation:isolate}.final-cta:before{content:'';position:absolute;width:450px;height:450px;border:1px solid #10101020;border-radius:50%;right:-150px;top:-200px;box-shadow:0 0 0 65px #10101008,0 0 0 130px #10101005;z-index:-1;transform:translateY(var(--cta-shift,0px));transition:transform .2s linear}.final-cta h2 span{display:inline-block;transition:transform .65s cubic-bezier(.22,1,.36,1),color .3s}.final-cta:hover h2 span{transform:translateX(10px) rotate(-3deg);color:var(--ink)}
@keyframes levitate{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes orbit-ring{0%{transform:translate(-50%,-50%) rotate(0) scaleX(1)}50%{transform:translate(-50%,-50%) rotate(180deg) scaleX(.7)}100%{transform:translate(-50%,-50%) rotate(360deg) scaleX(1)}}@keyframes orbit-ellipse{from{transform:translate(-50%,-50%) rotate(-35deg)}to{transform:translate(-50%,-50%) rotate(325deg)}}
@media(hover:none){.hero-art:after{display:none}.method-grid article:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-art>img,.final-cta h2 span,.method-grid article,.pill{transform:none!important}.hero-art .floating{animation:none}.reading-progress{display:none}.hero-art:after{display:none}}