.love-bar{display:flex;justify-content:center;align-items:center;min-height:86px}
.love-write{display:flex;align-items:center;gap:10px}
.love-text{font-family:Caveat,cursive;font-weight:700;font-size:clamp(30px,6vw,44px);color:var(--ink);white-space:nowrap;clip-path:inset(0 100% 0 0);animation:write 2.6s cubic-bezier(.5,.1,.3,1) .3s forwards}
.love-heart{width:36px;height:34px;fill:none;stroke:#d9667a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:140;stroke-dashoffset:140;animation:draw 1.2s ease 2.8s forwards}
@keyframes write{to{clip-path:inset(0 0 0 0)}}
@keyframes draw{to{stroke-dashoffset:0}}
.placeholder-phone,.placeholder-shot{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#f3eee2 0 14px,#ece5d4 14px 28px);position:relative}
.ph-label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;line-height:1.5}
.placeholder-phone{aspect-ratio:9/16}
.placeholder-shot{min-height:260px;border-radius:18px;width:100%}
.video-white{display:flex;align-items:center;justify-content:center}
.donut-card{display:flex;flex-direction:column;align-items:center;gap:6px}
.donut{width:120px;height:120px;transform:rotate(-90deg)}
.donut circle{fill:none;stroke-width:16}
.donut-bg{stroke:var(--line)}
.donut-a{stroke:var(--yellow);stroke-dasharray:62 100}
.donut-b{stroke:var(--mint);stroke-dasharray:24 100;stroke-dashoffset:-62}
.magic{margin:28px auto;max-width:520px;width:100%}
.magic-lines{width:100%;height:60px;fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1s ease;display:block}
.magic.open .magic-lines{stroke-dashoffset:0}
.magic-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.magic-card{margin:0;opacity:0;transform:translateY(16px) scale(.96);transition:opacity .6s ease,transform .6s ease}
.magic.open .magic-card{opacity:1;transform:none}
.magic.open .magic-card:nth-child(2){transition-delay:.25s}
.magic-card .phone{width:100%}
.magic-card figcaption{margin-bottom:8px}
.duo-steps .who{font-size:11px;letter-spacing:.14em;color:var(--muted);margin:10px 0 2px}
.duo-steps .who.claude{color:var(--accent)}
.pain-circles{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:28px 0}
.pain-circles p{width:190px;height:190px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;margin:0;background:var(--rose);font-size:15px;line-height:1.4;opacity:0;transform:scale(.85);transition:opacity .6s ease,transform .6s ease}
.pain-circles p:nth-child(3n+2){background:var(--lavender)}
.pain-circles p:nth-child(3n){background:var(--mint)}
.pain-circles p.in{opacity:1;transform:none}
.transform-box{max-width:620px;margin:10px auto 34px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}
.need{max-width:760px;margin:0 auto 28px}
.need-ring{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px}
.need-ring article{width:150px;padding:18px 12px;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed var(--accent);text-align:center}
.need-ring span{font-size:20px}
.need-ring h4{margin:4px 0 2px;font-size:15px}
.need-ring p{font-size:12px;margin:0;color:var(--muted);line-height:1.35}
.float-bubbles span{animation:bob 4s ease-in-out infinite}
.float-bubbles span:nth-child(2n){animation-delay:-1.3s}
.float-bubbles span:nth-child(3n){animation-delay:-2.6s}
@keyframes bob{50%{transform:translateY(-6px)}}
#stil .style-grid{grid-template-columns:minmax(0,260px);justify-content:center}
.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:900px;margin:24px auto}
.feature-list article{padding:20px;border:1px solid var(--line);border-radius:18px;text-align:left;background:#fff}
.feature-list h4{margin:0 0 6px}
.feature-list p{margin:0;color:var(--accent);font-style:italic}
@media(max-width:800px){.pain-circles p{width:150px;height:150px;font-size:13px;padding:16px}.need-ring article{width:128px}.magic-pair{gap:10px}}
@media(prefers-reduced-motion:reduce){.love-text{clip-path:none;animation:none}.love-heart{stroke-dashoffset:0;animation:none}.pain-circles p{opacity:1;transform:none}.float-bubbles span{animation:none}}
:root{--ink:#112313;--muted:#9E846C;--cream:#FFFFFF;--yellow:#E8C3C6;--mint:#929971;--rose:#E8C3C6;--lavender:#929971;--line:#d9cdb3;--accent:#013C28;--serif:'Instrument Serif',Georgia,serif;--script:'Pinyon Script',cursive;--sans:Poppins,Arial,sans-serif;--brown:#3C251F;--taupe:#9E846C;--sage:#929971;--green:#013C28;--pink:#FF99D8;--creme:#F4ECD8}
body{background:var(--creme);color:var(--brown);font-family:var(--sans);font-weight:300}
h1,h2,h3,h4{color:var(--ink)}
em{color:var(--green);font-style:italic}
.brand{font-family:var(--serif);color:var(--ink)}
.eyebrow{font:700 11px/1.6 var(--sans);letter-spacing:2px;color:var(--taupe)}
.eyebrow.accent,.accent{color:var(--green)}
.dot{background:var(--pink)}
.site-header{background:#F4ECD8f2;border-bottom:1px solid var(--line)}
.menu-toggle span{background:var(--ink)}
.countdown.love-bar{background:var(--green);border-bottom:none}
.love-text{font-family:var(--script);font-weight:400;color:#fff;font-size:clamp(34px,7vw,52px)}
.love-heart{stroke:var(--pink)}
.cta{background:var(--green);border:2.5px solid var(--sage);color:#fff;font:700 12px/1.4 var(--sans);letter-spacing:.1em;box-shadow:none;transition:background .35s ease,border-color .35s ease,color .35s ease,transform .2s ease}
.cta:hover,.cta:active{background:var(--rose);border-color:var(--brown);color:var(--brown);transform:translateY(-2px)}
.underlink{font:700 11px var(--sans);color:var(--brown);border-bottom-color:var(--taupe)}
.strike{color:var(--taupe);text-decoration-color:var(--taupe)}
.lead,.narrow,p{color:var(--brown)}
.ticker{background:var(--brown);color:var(--creme);font:700 12px var(--sans);border-bottom:none}
.ticker em{color:var(--pink);font-style:normal}
.phone{border-color:var(--ink)}
.placeholder-phone,.placeholder-shot,.video-white{background:repeating-linear-gradient(135deg,#fbf6ea 0 14px,#efe5cf 14px 28px)}
.ph-label{font-family:var(--sans);font-weight:700;color:var(--taupe)}
.preview-label{font-family:var(--sans)}
.powered b{color:var(--ink)}
.steps article{background:#fff;border-color:var(--line)}
.icon{color:var(--green);font-family:var(--serif);font-size:30px}
.handwritten{font-family:var(--script);font-size:34px;letter-spacing:0;color:var(--green)}
.prompt-row span{background:#fff;border-color:var(--taupe);color:var(--ink)}
.quote-grid blockquote{border-color:var(--line);box-shadow:none}
.quote-grid blockquote>span{color:var(--pink)}
.quote-grid blockquote p{font-family:var(--serif);font-size:22px;color:var(--ink)}
.faq summary{font-family:var(--serif);color:var(--ink)}
footer{background:var(--brown);color:var(--creme)}
footer p,footer button{color:var(--creme)}
.sticky-cta{background:#F4ECD8ed;border-top-color:var(--line)}
.cookie-banner{background:#fff;color:var(--brown)}
.donut-a{stroke:var(--green)}.donut-b{stroke:var(--pink)}
.magic-lines{stroke:var(--taupe)}
.pain-circles p{background:var(--rose);color:var(--brown);font-weight:400}
.pain-circles p:nth-child(3n+2){background:var(--sage);color:#fff}
.pain-circles p:nth-child(3n){background:var(--taupe);color:#fff}
.need-ring article{border-color:var(--taupe);background:#fff}
.need-ring span{color:var(--green)}
.feature-list p{color:var(--green)}
.duo-steps .who{color:var(--taupe);font-weight:700}
.duo-steps .who.claude{color:var(--green)}
.hint-wrap{position:relative;display:flex;justify-content:center}
.click-hint{position:absolute;left:calc(50% + 120px);top:-34px;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}
.click-hint span{font-family:var(--script);font-size:26px;color:var(--green);white-space:nowrap;transform:rotate(-6deg)}
.hint-arrow{width:70px;height:46px;fill:none;stroke:var(--taupe);stroke-width:2;stroke-linecap:round;order:2;margin-left:-28px}
.hint-cursor{position:absolute;left:-46px;top:46px;width:26px;height:26px;fill:#fff;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round;animation:tap 1.6s ease-in-out infinite}
@keyframes tap{50%{transform:translate(-6px,-4px) scale(.9)}}
.magic.open .click-hint{opacity:0;transition:opacity .4s}
.magic-four .magic-pair{grid-template-columns:repeat(2,1fr)}
.magic-four .magic-card .small{margin-top:6px}
@media(max-width:800px){.hint-wrap{flex-direction:column;align-items:center}.click-hint{position:relative;left:auto;top:auto;align-items:center;margin-top:10px}.click-hint span{font-size:24px}.hint-arrow{display:none}.hint-cursor{position:relative;left:auto;top:auto;margin-bottom:-4px}}
@media(min-width:801px){.magic-four{max-width:900px}.magic-four .magic-pair{grid-template-columns:repeat(4,1fr)}}
.brand,.brand em{color:var(--brown)}
.menu-toggle span{background:var(--brown)}
.menu-toggle:focus-visible,.menu-toggle:focus{outline:2px solid #fff;outline-offset:3px}
.site-header nav{background:var(--brown);border-color:var(--brown)}
.site-header nav a{color:#fff;border-color:#ffffff33}
.site-header nav .cta{background:var(--sage);border-color:var(--green);color:#fff}
.site-header nav .cta:hover{background:var(--rose);border-color:var(--brown);color:var(--brown)}
.sticky-cta .cta{background:var(--brown);border-color:var(--taupe);color:var(--creme)}
.sticky-cta .cta:hover{background:var(--rose);border-color:var(--brown);color:var(--brown)}
.made-with{display:flex;flex-direction:column;align-items:center;margin:26px auto 0;transform:rotate(-3deg);width:fit-content}
.mw-small{font:700 10px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
.mw-script{font-family:var(--script);font-size:40px;line-height:1.1;color:var(--green)}
.mw-amp{color:var(--pink)}
.mw-swoosh{width:200px;height:26px;fill:none;stroke:var(--taupe);stroke-width:2;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300;animation:swoosh 1.4s ease 1s forwards}
@keyframes swoosh{to{stroke-dashoffset:0}}
.pattern-bg{background:repeating-linear-gradient(135deg,#fbf6ea 0 14px,#efe5cf 14px 28px)!important;transition:background .4s}
.collage-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1100px;margin:48px auto 30px;text-align:left}
.cstep{position:relative;padding:54px 20px 22px;border-radius:18px;border:1px solid var(--line)}
.cstep:nth-child(1){background:#fff}
.cstep:nth-child(2){background:var(--rose)}
.cstep:nth-child(3){background:#fff}
.cstep:nth-child(4){background:var(--sage)}
.cstep:nth-child(4) p,.cstep:nth-child(4) h3,.cstep:nth-child(4) .who{color:#fff}
.cstep h3{font-size:26px;margin:0 0 4px}
.cnum{position:absolute;top:-26px;left:18px;width:58px;height:62px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #3c251f22}
.cnum.n1{background:var(--green);color:#fff;font:700 40px var(--sans);transform:rotate(-6deg)}
.cnum.n2{background:var(--creme);color:var(--brown);font:italic 52px var(--serif);transform:rotate(5deg);border:1px solid var(--taupe)}
.cnum.n3{background:var(--brown);color:var(--pink);font:48px var(--script);transform:rotate(-3deg)}
.cnum.n4{background:#fff;color:var(--green);font:700 38px var(--sans);transform:rotate(7deg);border:2px dashed var(--taupe)}
@media(max-width:800px){.collage-steps{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding:34px 4px 10px;margin:20px -4px}.cstep{scroll-snap-align:start}}
.journal{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px 20px;max-width:1000px;margin:36px auto}
.note{position:relative;margin:0;padding:34px 22px 22px 34px;font-family:'Caveat',cursive;font-size:25px;line-height:32px;color:#2a2f7a;text-align:left;background:#fffdf7 repeating-linear-gradient(transparent 0 31px,#cfdbe8 31px 32px);background-position:0 18px;box-shadow:0 6px 14px #3c251f1f;border-left:2px solid #f0b6c4}
.note:nth-child(odd){transform:rotate(-1.6deg)}
.note:nth-child(even){transform:rotate(1.4deg)}
.note:nth-child(3n){background-color:#fbf3df}
.note:before{content:"";position:absolute;top:-10px;left:50%;width:70px;height:20px;margin-left:-35px;background:#e8c3c6aa;transform:rotate(-4deg)}
.need-ring{max-width:560px;margin-left:auto;margin-right:auto}
.chat{max-width:420px;margin:30px auto 0;background:#fff;border-radius:26px;padding:0 0 16px;box-shadow:0 12px 30px #3c251f1f;text-align:left;overflow:hidden;border:1px solid var(--line)}
.chat-head{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--green);color:#fff}
.chat-head b{display:block;font-weight:700;font-size:15px}
.chat-head small{font-size:12px;opacity:.85}
.chat-avatar{width:36px;height:36px;border-radius:50%;background:var(--rose);color:var(--brown);display:flex;align-items:center;justify-content:center;font-size:18px}
.msg{max-width:80%;margin:10px 14px 0;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.msg.in{opacity:1;transform:none}
.msg.me{margin-left:auto;background:var(--rose);color:var(--brown);border-bottom-right-radius:6px}
.msg.them{background:var(--creme);color:var(--brown);border-bottom-left-radius:6px}
.msg.voice{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.play{width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}
.wave{display:flex;align-items:center;gap:3px;height:24px}
.wave i{width:3px;border-radius:2px;background:var(--brown);height:30%;animation:wave 1.1s ease-in-out infinite}
.wave i:nth-child(3n){height:80%;animation-delay:-.3s}.wave i:nth-child(3n+1){height:55%;animation-delay:-.6s}.wave i:nth-child(4n){height:95%;animation-delay:-.8s}
@keyframes wave{50%{transform:scaleY(.4)}}
.dur{font-size:12px;opacity:.7}
.transcript{flex-basis:100%;font-size:13px;font-style:italic;opacity:.8}
.future{background:var(--brown)}
.future .eyebrow{color:var(--rose)}
.future h2,.future h2 em{color:#fff}
.future-quotes{max-width:760px;margin:36px auto 0;display:flex;flex-direction:column;gap:30px}
.future-quotes blockquote{margin:0;padding:0;background:none;border:0;box-shadow:none}
.future-quotes p{font-family:var(--serif);font-size:clamp(24px,3.4vw,34px);line-height:1.25;color:#fff;margin:0}
.future-quotes .q{color:var(--pink);font-family:var(--serif);font-weight:700;font-size:1.5em;line-height:0;vertical-align:-.12em;margin:0 .04em;-webkit-text-stroke:1.5px var(--pink)}
.collage-steps{display:flex;gap:22px;overflow-x:auto;max-width:1100px;margin:40px auto 30px;padding:0 4px 18px;scroll-snap-type:x mandatory;grid-template-columns:none;scrollbar-color:var(--pink) var(--brown);scrollbar-width:thin}
.collage-steps::-webkit-scrollbar{height:10px}
.collage-steps::-webkit-scrollbar-track{background:var(--brown);border-radius:10px}
.collage-steps::-webkit-scrollbar-thumb{background:var(--pink);border-radius:10px;border:2px solid var(--brown)}
.cstep{flex:0 0 min(300px,80%);scroll-snap-align:start;padding:0;border:0;background:none!important;display:flex;flex-direction:column}
.cstep>*:not(.cnum){margin-left:22px;margin-right:22px}
.cstep .cnum{position:static;width:auto;height:auto;box-shadow:none;background:none!important;border:0!important;transform:none!important;font:400 104px/1 Graduate,var(--sans)!important;-webkit-text-stroke:7px var(--brown);paint-order:stroke fill;margin:0 0 14px 6px;text-align:left}
.cstep .cnum.n1{color:var(--sage)}.cstep .cnum.n2{color:var(--rose)}.cstep .cnum.n3{color:var(--pink)}.cstep .cnum.n4{color:var(--taupe)}
.cstep:before{content:"";order:1}
.cstep>.who:first-of-type{padding-top:22px}
.cstep{position:relative}
.cstep:after{content:"";position:absolute;left:0;right:0;top:132px;bottom:0;border-radius:18px;z-index:-1;border:1px solid var(--line)}
.cstep:nth-child(1):after,.cstep:nth-child(3):after{background:#fff}
.cstep:nth-child(2):after{background:var(--rose)}
.cstep:nth-child(4):after{background:var(--sage)}
.cstep{isolation:isolate;padding-bottom:22px}
@media(max-width:800px){.collage-steps{margin:20px -4px;padding:0 4px 16px}.cstep{flex-basis:80%}.cstep .cnum{font-size:88px!important}.cstep:after{top:116px}}
.note{color:var(--brown);border-left:0;font-size:26px;line-height:34px;padding:40px 24px 26px;background:#fff radial-gradient(circle,#9e846c40 1.2px,transparent 1.6px) 0 0/18px 18px;box-shadow:0 8px 18px #3c251f1a;border-radius:3px}
.note:nth-child(3n+2){background:var(--rose);box-shadow:4px 8px 0 #3c251f14}
.note:nth-child(3n){background:var(--creme) radial-gradient(circle,#9e846c40 1.2px,transparent 1.6px) 0 0/18px 18px;border:1px solid var(--line)}
.note:before{background:#929971b3;width:84px;height:22px;margin-left:-42px}
.note:nth-child(3n+2):before{background:#ffffffb3}
.note:nth-child(3n):before{background:#ff99d899}
.note-date{display:block;font:700 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);margin-bottom:6px}
.note:nth-child(3n+2) .note-date{color:var(--brown)}
.depth-scene{--camera-scroll:0;--pointer-x:0;--pointer-y:0;position:relative;height:650px;perspective:650px;max-width:900px;margin:10px auto 20px;overflow:visible}
.depth-camera{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(var(--camera-scroll)*180px)) rotateX(calc(-7deg + var(--pointer-y)*-14deg + var(--camera-scroll)*12deg)) rotateY(calc(var(--pointer-x)*24deg + var(--camera-scroll)*-25deg));transition:transform .45s ease-out}
.scene-phone{position:absolute;left:50%;top:50%;width:170px;height:304px;transform-style:preserve-3d}
.scene-phone-front{position:absolute;inset:0;border:7px solid var(--brown);border-radius:28px;background:#fff;box-shadow:0 18px 34px #3c251f30;overflow:hidden;backface-visibility:hidden;transform:translateZ(8px)}
.scene-phone-side{position:absolute;inset:0;border-radius:27px;background:var(--taupe);transform:translateZ(-2px);box-shadow:8px 4px 0 var(--taupe)}
.scene-notch{position:absolute;z-index:2;top:6px;left:50%;transform:translateX(-50%);width:54px;height:12px;border-radius:12px;background:var(--brown)}
.scene-home{position:absolute;z-index:2;bottom:8px;left:50%;transform:translateX(-50%);width:49px;height:3px;background:var(--brown);border-radius:4px}
.phone-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#fbf6ea 0 14px,#efe5cf 14px 28px)}
.phone-ph video{width:100%;height:100%;object-fit:cover}
.scene-phone-0{transform:translate(-120%,-42%) rotateY(32deg) rotateZ(-17deg) translateZ(-60px);animation:phone-orbit-left 10s ease-in-out infinite}
.scene-phone-1{transform:translate(-50%,-55%) rotateY(-15deg) rotateZ(6deg) translateZ(95px);z-index:2;animation:phone-orbit-center 10s ease-in-out infinite}
.scene-phone-2{transform:translate(35%,-40%) rotateY(-34deg) rotateZ(17deg) translateZ(-95px);animation:phone-orbit-right 10s ease-in-out infinite}
@keyframes phone-orbit-left{0%,100%{transform:translate(-120%,-42%) rotateY(32deg) rotateZ(-17deg) translateZ(-60px)}50%{transform:translate(-95%,-50%) rotateY(-12deg) rotateZ(-7deg) translateZ(75px)}}
@keyframes phone-orbit-center{0%,100%{transform:translate(-50%,-55%) rotateY(-15deg) rotateZ(6deg) translateZ(95px)}50%{transform:translate(-45%,-52%) rotateY(18deg) rotateZ(-5deg) translateZ(145px)}}
@keyframes phone-orbit-right{0%,100%{transform:translate(35%,-40%) rotateY(-34deg) rotateZ(17deg) translateZ(-95px)}50%{transform:translate(5%,-46%) rotateY(5deg) rotateZ(6deg) translateZ(45px)}}
@media(max-width:1000px){.depth-scene{height:550px}.scene-phone{width:145px;height:260px}}
@media(max-width:700px){.depth-scene{height:460px}.scene-phone{width:130px;height:232px}.scene-phone-front{border-width:5px;border-radius:22px}.scene-phone-side{border-radius:21px}.depth-camera{transform:translateZ(calc(var(--camera-scroll)*60px)) rotateX(calc(var(--camera-scroll)*8deg)) rotateY(calc(var(--camera-scroll)*-12deg))}}
@media(prefers-reduced-motion:reduce){.scene-phone{animation:none!important}.depth-camera{transform:none!important}}
.reel-gallery{overflow:hidden}

.love-bar{min-height:96px;padding:14px 16px}
.pen-wrap{width:min(92vw,560px);color:#fff}
.pen-sign{width:100%;height:auto;display:block;overflow:visible}
.pen-stroke,.heart-stroke{stroke-dasharray:1;stroke-dashoffset:1;animation:pen-write .15s linear var(--pen-delay) forwards}
.heart-stroke{stroke:var(--pink);animation-duration:.65s;animation-timing-function:ease-in-out}
@keyframes pen-write{to{stroke-dashoffset:0}}
.launch-strip{background:#fff;border-bottom:1px solid var(--line);padding:12px 16px;text-align:center}
.launch-strip .eyebrow{margin:0;color:var(--green);display:flex;flex-direction:column;gap:2px}
.launch-strip .eyebrow span:first-child{font-size:13px;letter-spacing:.22em}
.launch-strip .eyebrow span:last-child{color:var(--taupe);font-size:10px}
.hs{width:1.15em;height:1.15em;vertical-align:-.2em;display:inline-block}
.chat-avatar .hs{width:22px;height:22px;color:var(--green)}
.click-hint span{transform:rotate(-4deg)}
.hint-arrow{stroke:var(--green);stroke-width:2.2}
@media(min-width:1000px){.click-hint{left:calc(50% + 220px);top:50%;transform:translateY(-50%);flex-direction:row;align-items:center;gap:6px}.hint-arrow{order:0;width:64px;height:40px;margin:0;transform:scaleX(-1) rotate(-10deg)}.hint-cursor{position:static;order:1}.click-hint span{order:2}}
@media(max-width:999px){.hint-wrap{flex-direction:column;align-items:center}.click-hint{position:relative;left:auto;top:auto;align-items:center;margin-top:10px;transform:none}.hint-arrow{display:none}.hint-cursor{position:relative;left:auto;top:auto;margin-bottom:-4px}}
.collage-steps{gap:26px;padding-bottom:20px}
.cstep{flex:0 0 230px;padding:0}
.cstep:after{display:none!important}
.cstep>*:not(.cnum){margin:0!important}
.cstep .cnum{position:relative;isolation:isolate;font:400 128px/1 'Russo One',var(--sans)!important;-webkit-text-stroke:12px var(--creme);paint-order:stroke fill;margin:0 0 18px 14px!important;letter-spacing:0}
.cstep .cnum:before{content:attr(data-n);position:absolute;left:0;top:0;z-index:-1;color:var(--brown);-webkit-text-stroke:26px var(--brown)}
.cstep .you{background:#fff;border:1.5px solid var(--brown);border-bottom:0;border-radius:16px 16px 0 0;padding:16px 16px 14px;flex:1}
.cstep .claude-part{background:var(--green);border:1.5px solid var(--brown);border-radius:0 0 16px 16px;padding:12px 16px 16px;position:relative}
.cstep .claude-part:before{content:"";position:absolute;top:-1px;left:16px;right:16px;border-top:2px dashed var(--pink)}
.cstep small{display:block;font:700 10px var(--sans);letter-spacing:.18em;color:var(--taupe);margin-bottom:4px}
.cstep .claude-part small{color:var(--pink)}
.cstep .you h3{font-size:24px;margin:0 0 6px;color:var(--ink)}
.cstep .you p{font-size:14px;line-height:1.5;margin:0}
.cstep .claude-part p{color:#fff;font-size:14px;line-height:1.5;margin:0}
@media(max-width:800px){.cstep{flex-basis:215px}.cstep .cnum{font-size:112px!important}}
.journal-section{background:var(--green)}
.journal-section .eyebrow{color:var(--rose)}
.journal-section h2,.journal-section h2 em{color:#fff}
.after-notes{padding-top:60px}
.checklist{position:relative;max-width:440px;margin:10px auto 34px;background:#fff;border:1.5px solid var(--brown);border-radius:18px;padding:34px 26px 20px;text-align:left;box-shadow:6px 6px 0 var(--rose)}
.clip{position:absolute;top:-14px;left:50%;width:96px;height:26px;margin-left:-48px;background:var(--brown);border-radius:8px}
.clip:after{content:"";position:absolute;left:34px;right:34px;top:7px;height:8px;border-radius:6px;background:var(--creme)}
.checklist .eyebrow{text-align:center;margin-bottom:12px}
.checklist ul{list-style:none;margin:0;padding:0}
.checklist li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px dashed var(--line)}
.checklist li:first-child{border-top:0}
.checklist b{display:block;font-weight:700;color:var(--ink)}
.checklist small{font-size:14px;line-height:1.45;color:var(--brown)}
.box{flex:0 0 28px;height:28px;border:2px solid var(--brown);border-radius:7px;display:flex;align-items:center;justify-content:center;margin-top:2px}
.box svg{width:22px;height:22px;fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s ease}
.checklist li.in .box svg{stroke-dashoffset:0}
.touch-hint{font-family:var(--script);font-size:30px;color:var(--green);margin:10px 0 0}
.touch-hint span{color:var(--taupe)}
.depth-scene{touch-action:pan-y;cursor:grab}
.depth-scale{position:absolute;inset:0;transform-style:preserve-3d}
.scene-phone.pop .scene-phone-front{box-shadow:0 0 0 4px var(--pink),0 26px 40px #3c251f40}
.scene-phone-3{transform:translate(-195%,-36%) rotateY(38deg) rotateZ(-20deg) translateZ(-170px);animation:phone-orbit-far-left 11s ease-in-out infinite}
.scene-phone-4{transform:translate(105%,-34%) rotateY(-38deg) rotateZ(20deg) translateZ(-180px);animation:phone-orbit-far-right 12s ease-in-out infinite}
@keyframes phone-orbit-far-left{0%,100%{transform:translate(-195%,-36%) rotateY(38deg) rotateZ(-20deg) translateZ(-170px)}50%{transform:translate(-175%,-44%) rotateY(14deg) rotateZ(-11deg) translateZ(-90px)}}
@keyframes phone-orbit-far-right{0%,100%{transform:translate(105%,-34%) rotateY(-38deg) rotateZ(20deg) translateZ(-180px)}50%{transform:translate(88%,-42%) rotateY(-12deg) rotateZ(10deg) translateZ(-100px)}}
@media(max-width:700px){.depth-scale{transform:scale(.62)}.depth-scene{height:420px}.touch-hint{font-size:25px}}
.fq{max-width:760px;margin:30px auto 0;text-align:center}
.fq-stage{display:grid;min-height:190px;align-items:center}
.fq-item{grid-area:1/1;margin:0;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s;pointer-events:none}
.fq-item.on{opacity:1;transform:none;pointer-events:auto}
.fq-item p{font-family:var(--serif);font-size:clamp(28px,4.4vw,44px);line-height:1.2;color:#fff;margin:0}
.fq-item .q{color:var(--pink);font-weight:700;font-size:1.5em;line-height:0;vertical-align:-.15em;-webkit-text-stroke:1.5px var(--pink)}
.fq-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:26px}
.fq-nav>button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--rose);background:none;color:#fff;font-size:18px;cursor:pointer}
.fq-nav>button:hover{background:var(--rose);color:var(--brown)}
.fq-dots{display:flex;gap:8px}
.fq-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:#ffffff55;cursor:pointer}
.fq-dots button[aria-current=true]{background:var(--pink);width:26px;border-radius:6px}
.cstep .cnum{display:block!important;text-align:left;width:fit-content}
.collage-steps{padding-top:26px!important}

.pen-wrap{width:min(92vw,600px)}
.pen-script{width:100%;height:auto;display:block;overflow:visible}
.pen-text{font-family:var(--script);font-size:74px;fill:#fff}
.pen-reveal{stroke-dasharray:1;stroke-dashoffset:1;animation:pen-reveal 3.4s cubic-bezier(.45,.05,.4,1) .3s forwards}
@keyframes pen-reveal{to{stroke-dashoffset:0}}
.pen-heart{fill:none;stroke:var(--pink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pen-reveal 1.1s ease 3.6s forwards}
.patch{width:128px;height:146px;display:block;margin:0 0 16px 4px;overflow:visible}
.patch text{font-family:'Alfa Slab One',var(--serif);font-size:140px;text-anchor:middle}
.p-felt text{fill:#fffaf0;stroke:#fffaf0;stroke-width:34;stroke-linejoin:round}
.p-felt{filter:drop-shadow(0 4px 5px #3c251f40)}
.p-out text{fill:var(--brown);stroke:var(--brown);stroke-width:20;stroke-linejoin:round}
.p-gap text{fill:#fffaf0;stroke:#fffaf0;stroke-width:8;stroke-linejoin:round}
.p1 .p-fill text{fill:var(--sage)}.p2 .p-fill text{fill:var(--rose)}.p3 .p-fill text{fill:var(--pink)}.p4 .p-fill text{fill:var(--taupe)}
.cstep .cnum{display:none!important}
.cstep{flex:0 0 250px}
.duo{position:relative;flex:1;display:flex;flex-direction:column;background:var(--green);border-radius:20px;padding:18px 16px 18px;box-shadow:0 10px 22px #01382822}
.duo-you{position:relative;align-self:flex-start;max-width:88%;background:#fff;padding:12px 14px 12px;border-radius:4px;transform:rotate(-3deg);margin:-34px 0 16px -4px;box-shadow:0 6px 12px #3c251f2a}
.duo-you:before{content:"";position:absolute;top:-9px;left:24px;width:56px;height:16px;background:#e8c3c6cc;transform:rotate(4deg)}
.duo-you small,.duo-claude small{display:block;font:700 10px var(--sans);letter-spacing:.18em;margin-bottom:2px}
.duo-you small{color:var(--taupe)}
.duo-you b{font-family:'Caveat',cursive;font-weight:600;font-size:26px;line-height:1.1;color:var(--brown)}
.duo-you p{font-size:12.5px;line-height:1.45;margin:6px 0 0;color:var(--brown)}
.duo-claude{color:#fff}
.duo-claude small{color:var(--pink)}
.duo-claude p{color:#fff;font-family:var(--serif);font-size:24px;line-height:1.2;margin:4px 0 0}
.cstep .you,.cstep .claude-part{display:none}
.collage-steps{padding-top:30px!important}
.journal{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.touch-hint{font:500 15px/1.5 var(--sans);color:var(--brown);margin:6px auto -40px;max-width:420px;position:relative;z-index:3}
.th-heart{font-family:var(--script);color:var(--pink);font-size:30px;vertical-align:-.2em}
.depth-scene{margin-top:0}
@media(max-width:700px){.touch-hint{margin-bottom:-70px;font-size:14px}}
.msg.them{background:var(--sage);color:#fff}
.fq-item .q{font-weight:400;-webkit-text-stroke:0;font-size:1.25em;vertical-align:-.08em}
.future-quotes .q{-webkit-text-stroke:0;font-weight:400}
.collage-steps{align-items:flex-start}
@media(max-width:700px){.depth-scale{transform:scale(.88)}.depth-scene{height:400px}}
.duo{background:var(--brown)}
.touch-hint{display:block;width:fit-content;margin:8px auto -40px;padding:6px 18px;background:#fff;border-radius:6px;font-family:var(--script);font-size:28px;font-weight:400;line-height:1.3;color:var(--green)}
.th-heart{color:var(--pink);font-size:30px}
@media(max-width:700px){.touch-hint{font-size:23px;max-width:92%;margin-bottom:-70px}}
.launch-strip{margin-top:14px;padding:20px 16px}
.launch-strip .eyebrow span:last-child{color:var(--green);font-size:13px;letter-spacing:.22em}
.hero.section{padding-top:28px}
.pen-heart{opacity:0;animation:heart-draw .8s ease 2.6s both}
@keyframes heart-draw{0%{opacity:0;stroke-dashoffset:1}1%{opacity:1;stroke-dashoffset:1}100%{opacity:1;stroke-dashoffset:0}}
.touch-hint{font-family:'Dancing Script',cursive;font-weight:600;font-size:24px;line-height:1.35;margin:10px auto 24px!important;padding:8px 20px}
.th-heart{font-family:var(--script)}
@media(max-width:700px){.touch-hint{font-size:20px;margin-bottom:10px!important}.depth-camera{transform:translateZ(calc(var(--camera-scroll)*60px)) rotateX(calc(var(--pointer-y)*-14deg + var(--camera-scroll)*8deg)) rotateY(calc(var(--pointer-x)*24deg + var(--camera-scroll)*-12deg))}}

.site-header{overflow:visible}
.hdr-badge{position:absolute;left:50%;top:22px;width:124px;height:124px;margin-left:-62px;border-radius:50%;background:#fff;border:2.5px solid var(--brown);box-shadow:0 0 0 6px var(--creme),0 10px 18px #3c251f30;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;z-index:30;transition:top .35s ease,width .35s ease,height .35s ease,margin-left .35s ease,box-shadow .35s ease}
.hdr-badge img{height:90%;width:auto;display:block;transition:height .35s ease}
.love-bar{padding-top:72px}
.site-header.scrolled .hdr-badge{top:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px;box-shadow:0 0 0 3px var(--creme)}
@media(max-width:800px){.hdr-badge{width:96px;height:96px;margin-left:-48px;top:calc(100% - 40px)}.love-bar{padding-top:62px}.site-header.scrolled .hdr-badge{top:50%;width:52px;height:52px;margin-left:-26px;margin-top:-26px}}
.logo-draw-wrap{width:190px;margin:4px 0 26px}
.logo-draw{width:100%;height:auto;display:block}
.ld{fill:none;stroke:#fff;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:ld-draw var(--t) linear var(--d) forwards;animation-play-state:paused}
.ld-fill{opacity:0;animation:ld-fill .9s ease var(--d) forwards;animation-play-state:paused}
.logo-draw-wrap.in .ld,.logo-draw-wrap.in .ld-fill{animation-play-state:running}
@keyframes ld-draw{to{stroke-dashoffset:0}}
@keyframes ld-fill{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.ld{stroke-dashoffset:0;animation:none}.ld-fill{opacity:1;animation:none}}