:root{--ink:#f4f6e9;--lime:#caff3d;--coral:#ff694b;--dark:#06100c;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif;--p:0;--local:0;--mx:.5;--my:.5}*{box-sizing:border-box}html{background:var(--dark)}body{margin:0;color:var(--ink);font-family:var(--sans);background:var(--dark);height:900vh;overflow-x:hidden}body.locked{height:100vh;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.load{position:fixed;inset:0;z-index:100;background:#96bdb2;color:#183c32;display:grid;place-items:center;transition:opacity .8s,visibility .8s}.load b{font:300 clamp(100px,20vw,280px)/1 var(--mono);letter-spacing:-.1em}.load span{position:absolute;bottom:28px;font:9px var(--mono);letter-spacing:.18em}.load.done{opacity:0;visibility:hidden}.ritual{position:fixed;inset:0;z-index:90;background-color:#6f9f92;background-image:linear-gradient(rgba(76,123,111,.38),rgba(80,128,116,.44)),url('assets/snapit-hand-point.png');background-position:center;background-size:cover;background-repeat:no-repeat;isolation:isolate;transition:opacity 1.2s,visibility 1.2s}.ritual.open{opacity:0;visibility:hidden}.ritual canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.ritual-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;text-shadow:0 2px 20px #15382e}.ritual-text small,.ritual-text span{display:block;font:9px var(--mono);letter-spacing:.17em}.ritual-text strong{display:block;font:500 clamp(28px,3.2vw,50px) var(--mono);margin:12px}.ritual>button{position:absolute;right:25px;bottom:24px;border:0;border-bottom:1px solid;background:none;font:9px var(--mono);letter-spacing:.14em;cursor:pointer}
.experience{position:fixed;inset:0;overflow:hidden}.world{position:absolute;inset:0;background:#06100c;overflow:hidden}.garden{position:absolute;inset:-8%;background:center/cover no-repeat;will-change:transform,opacity;transition:filter .4s}.garden-a{background-image:linear-gradient(rgba(0,20,15,.08),rgba(0,0,0,.15)),url('assets/snapit-hand-point.png');opacity:calc(1 - clamp(0,calc((var(--p) - .42)*3),1));transform:perspective(1200px) rotateY(calc((var(--p) - .22)*18deg)) rotateX(calc((.5 - var(--my))*4deg)) scale(calc(1.03 + var(--p)*.28)) translate3d(calc((.5 - var(--mx))*3%),calc((.5 - var(--my))*3% - var(--p)*5%),0)}.garden-b{background-image:linear-gradient(90deg,rgba(0,15,11,.35),transparent 60%),url('assets/snapit-hand-screen.png');opacity:clamp(0,calc((var(--p) - .34)*3.4),1);transform:perspective(1200px) rotateY(calc((.58 - var(--p))*14deg)) rotateX(calc((.5 - var(--my))*3deg)) scale(calc(1.22 - var(--p)*.16)) translate3d(calc((.5 - var(--mx))*3%),calc((.5 - var(--my))*3% + (1 - var(--p))*7%),0)}.aura{position:absolute;inset:-20%;background:radial-gradient(circle at calc(var(--mx)*100%) calc(var(--my)*100%),rgba(194,255,216,.2),transparent 21%);mix-blend-mode:screen}.scan{position:absolute;inset:0;background:linear-gradient(transparent 49.8%,rgba(202,255,61,.22) 50%,transparent 50.2%);transform:translateY(calc((var(--p)*100vh) - 50vh));opacity:.5}#motes{position:absolute;inset:0}.grain{position:absolute;inset:-40%;z-index:2;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .2s steps(2) infinite}@keyframes grain{50%{transform:translate(3%,-2%)}}
header{position:absolute;z-index:30;top:0;left:0;right:0;height:74px;padding:0 27px;display:flex;align-items:center;font:10px var(--mono);letter-spacing:.14em;mix-blend-mode:difference}.brand{display:flex;align-items:center;gap:10px}.brand>i{width:19px;height:19px;border:1px solid;border-radius:50%;position:relative}.brand>i:after{content:"";position:absolute;inset:5px;background:currentColor;border-radius:50%}header nav{display:flex;gap:26px;margin:auto}header nav a{opacity:.7}header>div{display:flex;gap:24px;align-items:center}#sound{display:flex;gap:8px;border:0;background:none;cursor:pointer;font:inherit;letter-spacing:inherit}#sound>i{width:14px;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 4px);clip-path:polygon(0 45%,25% 10%,50% 80%,75% 20%,100% 55%,100% 60%,0 60%)}header>div>a:last-child{border-bottom:1px solid;padding-bottom:5px}.progress{position:absolute;z-index:30;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;font:9px var(--mono);mix-blend-mode:difference}.progress>span{writing-mode:vertical-rl;letter-spacing:.15em}.progress>div{width:1px;height:160px;background:#ffffff55;position:relative}.progress>div i{position:absolute;top:0;width:1px;height:calc(var(--p)*100%);background:white}.progress b{color:var(--lime);font-weight:400}.progress em{font-style:normal;opacity:.6}
.scene{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;visibility:hidden}.scene.active{opacity:1;visibility:visible}.stage-copy{position:absolute;z-index:8}.stage-copy small{font:9px var(--mono);letter-spacing:.18em;color:var(--lime);display:block;transform:translateY(16px);opacity:0}.stage-copy h1,.stage-copy h2{font-weight:500;letter-spacing:-.075em;line-height:.76;margin:24px 0 32px;text-shadow:0 8px 35px rgba(0,0,0,.35)}.stage-copy h1{font-size:clamp(66px,9.4vw,145px)}.stage-copy h2{font-size:clamp(76px,11vw,170px)}.stage-copy h1 em,.stage-copy h2 em{font-style:normal;color:var(--lime)}.stage-copy p{font:11px/1.75 var(--mono);opacity:0;transform:translateY(18px)}.stage-copy h1,.stage-copy h2{transform:translateY(110%);opacity:0}.scene.active .stage-copy small{animation:pop .55s .08s both}.scene.active .stage-copy h1,.scene.active .stage-copy h2{animation:titleIn .85s cubic-bezier(.16,1,.3,1) .12s both}.scene.active .stage-copy p{animation:pop .6s .32s both}@keyframes pop{to{transform:translate(0);opacity:1}}@keyframes titleIn{to{transform:translateY(0);opacity:1}}.stage-copy.left{left:7vw;top:50%;transform:translateY(-50%)}.stage-copy.right{right:8vw;top:50%;transform:translateY(-50%);width:48vw}.stage-copy.center{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:88vw}.stage-copy.center p{margin-left:auto;margin-right:auto}.hero-copy{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:94vw}.hero-copy h1{font-size:clamp(64px,8.7vw,132px)}.hero-copy h1 em{-webkit-text-stroke:1px var(--ink);color:transparent}.scroll-hint{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:55px;font:8px var(--mono);letter-spacing:.14em;opacity:0}.scene.active .scroll-hint{animation:pop .6s .6s both}.scroll-hint i{width:45px;height:1px;background:white;animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scaleX(.25)}}
.target-ui{position:absolute;right:18vw;top:22vh;width:150px;height:150px;border:1px solid #ffffff88;border-radius:50%;transform:scale(.2) rotate(-30deg);opacity:0}.scene.active .target-ui{animation:orbIn .8s .25s cubic-bezier(.16,1,.3,1) both}@keyframes orbIn{to{transform:scale(1) rotate(0);opacity:1}}.target-ui:before,.target-ui:after{content:"";position:absolute;background:#ffffff66}.target-ui:before{width:190%;height:1px;left:-45%;top:50%}.target-ui:after{height:190%;width:1px;top:-45%;left:50%}.target-ui>i{position:absolute;inset:56px;border:10px solid var(--lime);border-radius:50%;box-shadow:0 0 30px var(--lime)}.target-ui>b{position:absolute;inset:-20px;border:1px dashed #ffffff44;border-radius:50%;animation:spin 8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.target-ui span{position:absolute;left:170px;top:58px;width:120px;font:8px/1.5 var(--mono)}.target-ui span em{font-style:normal;color:var(--lime)}
.voice-ui{position:absolute;left:15vw;top:50%;transform:translateY(-50%) scale(.3);width:390px;height:390px;border:1px solid #ffffff55;border-radius:50%;opacity:0;display:grid;place-items:center}.scene.active .voice-ui{animation:voiceIn .85s .2s cubic-bezier(.16,1,.3,1) both}@keyframes voiceIn{to{transform:translateY(-50%) scale(1);opacity:1}}.voice-ui:before,.voice-ui:after{content:"";position:absolute;border:1px solid #ffffff44;border-radius:50%}.voice-ui:before{inset:45px}.voice-ui:after{inset:95px}.voice-core{width:115px;height:115px;border-radius:45% 55% 62% 38%;background:radial-gradient(circle,var(--lime),rgba(202,255,61,.08) 65%);filter:blur(3px);animation:morph 3s infinite ease-in-out}@keyframes morph{50%{transform:scale(1.35) rotate(80deg);border-radius:65% 35% 40% 60%}}.voice-ui span{position:absolute;bottom:52px;text-align:center;font:11px/1.5 var(--mono)}.voice-ui>b{position:absolute;width:110px;height:14px;bottom:25px;background:repeating-linear-gradient(90deg,white 0 2px,transparent 2px 6px);clip-path:polygon(0 45%,10% 10%,20% 80%,30% 20%,40% 95%,50% 5%,60% 70%,70% 20%,80% 90%,90% 30%,100% 50%,100% 56%,0 56%)}
.guide-ui{position:absolute;right:4vw;top:23vh;width:50vw;height:54vh;opacity:0;transform:translateX(120px)}.scene.active .guide-ui{animation:slideIn .8s .2s cubic-bezier(.16,1,.3,1) both}@keyframes slideIn{to{transform:translate(0);opacity:1}}.guide-ui svg{width:100%;height:100%;overflow:visible}.guide-ui path{fill:none;stroke:var(--lime);stroke-width:2;stroke-dasharray:900;stroke-dashoffset:900;animation:drawPath 1.4s .55s forwards}.guide-ui circle{fill:var(--lime);filter:drop-shadow(0 0 12px var(--lime));opacity:0;animation:pop .4s 1.7s forwards}@keyframes drawPath{to{stroke-dashoffset:0}}.guide-ui>span{position:absolute;right:0;top:5%;font:9px var(--mono);color:var(--lime);opacity:0;animation:pop .4s 1.65s forwards}.guide-card{position:absolute;right:4%;bottom:0;width:240px;padding:20px;background:rgba(7,16,13,.85);border:1px solid var(--lime);backdrop-filter:blur(12px);transform:translateY(35px);opacity:0;animation:pop .55s 1.45s forwards}.guide-card small{font:8px var(--mono);color:var(--lime)}.guide-card strong{display:block;font-size:22px;margin:10px 0}.guide-card p{font:9px var(--mono)}
.confirm-ui{position:absolute;left:10vw;top:50%;transform:translateY(-38%) scale(.8);width:370px;padding:30px;border:1px solid var(--lime);background:rgba(6,16,12,.86);backdrop-filter:blur(18px);opacity:0}.scene.active .confirm-ui{animation:confirmIn .7s .3s cubic-bezier(.16,1,.3,1) both}@keyframes confirmIn{to{transform:translateY(-50%) scale(1);opacity:1}}.confirm-ui>small{font:8px var(--mono);color:var(--lime)}.confirm-ui>strong{font-size:25px;line-height:1.2;display:block;margin:18px 0 35px}.confirm-ui>div{border-top:1px solid #ffffff44;padding-top:20px;font:9px var(--mono);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.confirm-ui>div i{height:6px;background:linear-gradient(90deg,var(--lime) 70%,#ffffff33 70%);border-radius:10px}.confirm-ui>div b{grid-column:1/-1;font-weight:400;color:#ffffff88}
.note-ui{position:absolute;right:7vw;top:22vh;width:48vw;height:56vh}.note-raw,.note-clean{position:absolute;padding:26px;border:1px solid #ffffff55;background:rgba(6,16,12,.83);backdrop-filter:blur(15px);font:10px/1.7 var(--mono)}.note-raw{left:0;top:0;width:65%;transform:rotate(-4deg) translateY(40px);opacity:0}.note-clean{right:0;bottom:0;width:72%;transform:rotate(3deg) translateY(50px);opacity:0}.scene.active .note-raw{animation:pop .55s .25s forwards}.scene.active .note-clean{animation:pop .65s .72s forwards}.note-clean small{color:var(--lime);display:block;margin-bottom:20px}.note-clean span{display:block;border-top:1px solid #ffffff33;padding:12px 0}.note-clean span:first-of-type{color:#ffffff88;text-decoration:line-through}.trust-pills{display:flex;justify-content:center;margin-top:45px}.trust-pills span{border:1px solid #ffffff55;padding:16px 22px;font:8px var(--mono);transform:translateY(30px);opacity:0}.scene.active .trust-pills span{animation:pop .5s forwards}.scene.active .trust-pills span:nth-child(1){animation-delay:.5s}.scene.active .trust-pills span:nth-child(2){animation-delay:.65s}.scene.active .trust-pills span:nth-child(3){animation-delay:.8s}.s6{background:linear-gradient(transparent,rgba(0,0,0,.42),transparent)}
.final-copy{left:8vw;top:48%;transform:translateY(-50%)}.final-copy h2{font-size:clamp(82px,12vw,185px)}.final-cta{position:absolute;left:65vw;top:45%;width:205px;height:205px;border-radius:50%;background:var(--lime);color:var(--dark);display:flex;flex-direction:column;justify-content:center;padding:32px;transform:scale(0);opacity:0}.scene.active .final-cta{animation:orbIn .8s .5s cubic-bezier(.16,1,.3,1) forwards}.final-cta>span{font:500 17px var(--mono)}.final-cta>i{font-style:normal;position:absolute;right:27px;top:25px;font-size:26px}.final-cta>small{font:8px var(--mono);margin-top:18px}.final-links{display:flex;gap:24px;margin-top:34px;font:9px var(--mono)}.final-links a{border-bottom:1px solid;padding-bottom:5px}.s7 footer{position:absolute;left:7vw;right:7vw;bottom:24px;border-top:1px solid #ffffff55;padding-top:15px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.1em}.pointer{position:absolute;z-index:80;width:24px;height:24px;border:1px solid var(--lime);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference}.pointer i{position:absolute;inset:7px;background:var(--lime);border-radius:50%}
@media(max-width:780px){header nav,header>div>a:first-of-type,#sound span{display:none}header{padding:0 18px}.progress{right:7px}.stage-copy.left,.stage-copy.right,.hero-copy,.final-copy{left:22px;right:38px;width:auto;top:43%;transform:translateY(-50%)}.stage-copy h1,.stage-copy h2,.hero-copy h1,.final-copy h2{font-size:18vw}.stage-copy p{font-size:9px}.target-ui{right:18vw;top:65vh;width:100px;height:100px}.target-ui>i{inset:36px}.target-ui span{left:-30px;top:115px}.voice-ui{width:250px;height:250px;left:18vw;top:68%}.guide-ui{width:90vw;right:-20vw;top:45vh}.confirm-ui{left:22px;top:72%;width:calc(100vw - 64px)}.note-ui{right:0;top:55%;width:90vw}.trust-pills{display:block}.trust-pills span{display:block}.final-cta{left:auto;right:40px;top:66%;width:150px;height:150px;padding:23px}.final-copy{top:38%}.s7 footer span:nth-child(2){display:none}.pointer{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}.garden{transform:none!important}.pointer{display:none}}
.belief-shards{position:absolute;right:7vw;top:22vh;width:42vw;height:58vh}.belief-shards span{position:absolute;padding:18px 22px;border:1px solid #ffffff66;background:rgba(6,16,12,.7);backdrop-filter:blur(12px);font:9px var(--mono);letter-spacing:.12em;opacity:0;transform:scale(.4) rotate(18deg)}.belief-shards span:nth-child(1){left:3%;top:12%;--r:-6deg}.belief-shards span:nth-child(2){right:5%;top:3%;--r:5deg}.belief-shards span:nth-child(3){left:25%;bottom:9%;--r:3deg}.belief-shards span:nth-child(4){right:0;bottom:26%;--r:-4deg}.scene.active .belief-shards span{animation:shardIn .65s cubic-bezier(.16,1,.3,1) forwards}.scene.active .belief-shards span:nth-child(1){animation-delay:.2s}.scene.active .belief-shards span:nth-child(2){animation-delay:.34s}.scene.active .belief-shards span:nth-child(3){animation-delay:.48s}.scene.active .belief-shards span:nth-child(4){animation-delay:.62s}@keyframes shardIn{to{opacity:1;transform:scale(1) rotate(var(--r,0deg))}}@media(max-width:780px){.belief-shards{right:20px;top:58vh;width:80vw;height:32vh}.belief-shards span{padding:12px;font-size:7px}}
.final-copy{width:62vw}.final-copy h2{font-size:clamp(76px,9.3vw,144px)}.final-cta{left:auto;right:8vw}
:root{--display:"Gambarino",serif;--editorial:"Neco",serif}.stage-copy h1,.stage-copy h2,.ritual-text strong{font-family:var(--display);font-weight:400;letter-spacing:-.045em;line-height:.82}.stage-copy small{font-size:11px}.stage-copy p{font-family:var(--editorial);font-size:15px;line-height:1.55;letter-spacing:.01em;color:rgba(244,246,233,.92);max-width:620px}.hero-copy p{font-size:16px}.scroll-hint{font-size:10px}.s3 .stage-copy.left{width:42vw;top:47%}.s3 .stage-copy h2{font-size:clamp(72px,8.2vw,126px)}.guide-ui{right:5vw;top:29vh;width:43vw;height:48vh}.guide-card{right:2%;bottom:-3%;width:255px;padding:24px}.s4 .stage-copy.right{width:44vw;right:6vw}.s4 .stage-copy h2{font-size:clamp(72px,8.5vw,130px)}.confirm-ui{left:9vw;width:390px;padding:34px}.s5 .stage-copy.left{width:40vw;top:46%}.s5 .stage-copy h2{font-size:clamp(66px,7.7vw,118px)}.note-ui{right:5vw;top:25vh;width:43vw;height:54vh}.note-raw{width:58%;padding:22px}.note-clean{width:76%;padding:28px}.note-clean span{font-size:11px}.final-copy{width:56vw;left:7vw}.final-copy h2{font-size:clamp(70px,8vw,124px);line-height:.84}.final-copy p{font-size:14px}.final-cta{right:7vw;top:47%;width:190px;height:190px}.final-links{margin-top:42px}.s7 footer{bottom:20px}.trust-pills span{font-size:10px;padding:18px 26px}
@media(max-width:780px){.stage-copy p,.hero-copy p{font-size:12px;line-height:1.5}.stage-copy small{font-size:9px}.s3 .stage-copy.left,.s4 .stage-copy.right,.s5 .stage-copy.left{width:auto}.s3 .stage-copy h2,.s4 .stage-copy h2,.s5 .stage-copy h2{font-size:17vw}.guide-ui{right:-16vw;top:54vh;width:92vw;height:35vh}.guide-card{width:210px;padding:16px}.confirm-ui{left:22px;width:calc(100vw - 62px);padding:22px}.note-ui{right:8px;top:57vh;width:92vw;height:34vh}.note-clean{padding:18px}.final-copy{width:auto}.final-copy h2{font-size:16vw}.final-cta{right:36px;width:145px;height:145px;top:68%}}
.s7 .final-cta{position:fixed;left:auto;right:8vw;top:45%;transform:translateY(-50%) scale(0)}.s7.active .final-cta{animation:finalOrbIn .8s .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes finalOrbIn{to{transform:translateY(-50%) scale(1);opacity:1}}@media(max-width:780px){.s7 .final-cta{right:34px;top:70%}}
.s7 .final-cta{left:72vw;right:auto}@media(max-width:780px){.s7 .final-cta{left:52vw;right:auto}}
.final-cta{background:#caff3d;color:#07100d}
.s1 .stage-copy.left{width:48vw;top:50%}.s1 .stage-copy h2{font-size:clamp(58px,7.15vw,110px);line-height:.84;letter-spacing:-.05em}@media(max-width:780px){.s1 .stage-copy h2{font-size:14vw;line-height:.88}.s1 .stage-copy.left{top:40%;right:24px}}
.experience{--ink:#f3eddf;--lime:#baff68;color:var(--ink)}header,.progress{mix-blend-mode:normal;color:#f4efe4;text-shadow:0 2px 18px rgba(0,0,0,.82)}header a:hover{color:#c8ff73}.stage-copy h1,.stage-copy h2{color:#f3eddf;text-shadow:0 3px 28px rgba(0,0,0,.72)}.stage-copy h1 em,.stage-copy h2 em{color:#baff68;text-shadow:0 0 28px rgba(186,255,104,.18)}.hero-copy h1 em{-webkit-text-stroke:1.25px #c8ff82;color:rgba(186,255,104,.08)}.stage-copy small{color:#cbff82}.stage-copy p{color:#d2ded6}.scroll-hint{color:#eef3ed}.stage-copy small,.stage-copy p,.scroll-hint{text-shadow:0 2px 14px rgba(0,0,0,.85)}.belief-shards{right:3vw;top:25vh;width:32vw;height:55vh;z-index:3}.belief-shards span{color:#f2ede2;background:rgba(7,24,18,.9);border-color:rgba(186,255,104,.42);box-shadow:0 16px 40px rgba(0,0,0,.28)}.belief-shards span:nth-child(1){left:35%;top:3%}.belief-shards span:nth-child(2){right:0;top:25%}.belief-shards span:nth-child(3){left:5%;bottom:18%}.belief-shards span:nth-child(4){right:2%;bottom:0}.final-cta{align-items:center;text-align:center}.final-cta>span{width:100%;text-align:center}.final-cta>i{position:static;order:2;margin:14px 0 8px;line-height:1}.final-cta>small{order:3;margin-top:0;text-align:center}.final-links a,.s7 footer a{position:relative;z-index:20;pointer-events:auto;color:#eef3ed}.final-links a:hover,.s7 footer a:hover{color:#c8ff73}.scene.s7{pointer-events:auto}.guide-card,.confirm-ui,.note-raw,.note-clean{color:#f2ede2}.target-ui,.voice-ui,.guide-ui{color:#edf5ef}@media(max-width:780px){.belief-shards{right:16px;top:59vh;width:74vw;height:30vh}.final-cta>i{margin:7px 0 4px}}