*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:'Quicksand',sans-serif;background-color:#FFF;color:#000;line-height:1.5;overflow-x:hidden;min-height:100vh;background-image:radial-gradient(circle at 12% 22%,#F2F2F2 1.5px,transparent 1.5px),radial-gradient(circle at 78% 38%,#F2F2F2 1.5px,transparent 1.5px),radial-gradient(circle at 32% 78%,#F2F2F2 1.5px,transparent 1.5px),radial-gradient(circle at 88% 14%,#F2F2F2 1.5px,transparent 1.5px),radial-gradient(circle at 55% 90%,#F2F2F2 1.5px,transparent 1.5px);background-size:140px 140px,200px 200px,160px 160px,220px 220px,180px 180px}.container{display:grid;grid-template-columns:1fr 1.15fr;grid-template-rows:auto auto auto auto auto auto 1fr;grid-template-areas:"logo visual" "headline visual" "supporting visual" "cta visual" "features visual" "chips visual" "footer visual";min-height:100vh;padding:1.5rem 2.5rem;gap:.75rem 2rem;overflow:hidden}.logo{grid-area:logo;height:38px;width:auto;align-self:start;display:block;object-fit:contain}.headline{grid-area:headline;font-family:'Varela Round',sans-serif;font-size:clamp(1.7rem,3.4vw,3.2rem);line-height:1.15;font-weight:400;letter-spacing:-0.01em;color:#000;max-width:22ch;align-self:end}.headline #typein{display:inline;position:relative}.headline #typein::after{content:'';display:inline-block;width:2px;height:.9em;background:#000;margin-left:2px;vertical-align:text-bottom;animation:cursor-blink .7s step-end infinite}.headline #typein.done::after{display:none}@keyframes cursor-blink{0%,100%{opacity:1}50%{opacity:0}}.supporting{grid-area:supporting;font-size:clamp(0.95rem,1.4vw,1.15rem);font-weight:500;color:#000;max-width:38ch;align-self:start;line-height:1.55}.visual{grid-area:visual;position:relative;overflow:hidden;margin:-1.5rem -2.5rem -1.5rem 0;min-height:0;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(circle at 30% 25%,#F2F2F2 2px,transparent 2px),radial-gradient(circle at 70% 60%,#F2F2F2 2px,transparent 2px),radial-gradient(circle at 50% 85%,#F2F2F2 2px,transparent 2px),radial-gradient(circle at 85% 30%,#F2F2F2 2px,transparent 2px),radial-gradient(circle at 15% 70%,#F2F2F2 2px,transparent 2px);background-size:90px 90px,120px 120px,110px 110px,140px 140px,100px 100px}.visual svg{width:100%;height:100%;display:block;max-width:100%;max-height:100%}.cta-wrapper{grid-area:cta;align-self:start;display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.cta-button{display:inline-block;background:#FFFC00;color:#000;font-family:'Varela Round',sans-serif;font-weight:700;font-size:clamp(1.05rem,1.6vw,1.4rem);padding:16px 38px;border-radius:9999px;border:4px solid #000;box-shadow:7px 7px 0 0 #000;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;width:fit-content;letter-spacing:.01em}.cta-button:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 0 #000}.cta-button:focus-visible{outline:3px solid #7C3AED;outline-offset:4px}.cta-reassurance{font-size:clamp(0.8rem,1vw,0.95rem);font-weight:600;color:#000;opacity:.75;letter-spacing:.02em}.features{grid-area:features;display:flex;align-items:center;gap:.75rem;align-self:start;flex-wrap:wrap}.feature-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1.5px solid #000}.feature-dot.purple{background:#7C3AED}.feature-dot.cyan{background:#22D3EE}.feature-text{font-size:clamp(0.8rem,1vw,0.95rem);font-weight:600;color:#000;letter-spacing:.02em;white-space:nowrap}.chips{grid-area:chips;display:flex;gap:.6rem;align-self:start;flex-wrap:wrap;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.chips.visible{opacity:1;transform:translateY(0)}.chip{font-family:'Quicksand',sans-serif;font-size:clamp(0.75rem,0.95vw,0.9rem);font-weight:600;color:#000;background:#F2F2F2;border:2px solid #000;border-radius:9999px;padding:6px 16px;letter-spacing:.02em;white-space:nowrap}footer{grid-area:footer;align-self:end;font-family:'Varela Round',sans-serif;font-size:clamp(0.9rem,1.2vw,1.1rem);font-weight:400;color:#000;letter-spacing:.03em;padding-top:.5rem}.central-node{transform-box:fill-box;transform-origin:center;animation:scale-in .5s ease-out 0s both}.bf-node{transform-box:fill-box;transform-origin:center;animation:scale-in .5s ease-out both}.bf-node.node-a{animation-delay:.65s}.bf-node.node-b{animation-delay:.75s}.bf-node.node-c{animation-delay:.85s}.bf-node.node-d{animation-delay:.95s}.bf-node.node-e{animation-delay:1.05s}.score-chip{transform-box:fill-box;transform-origin:center;animation:scale-in .4s ease-out both}.score-chip.chip-1{animation-delay:.85s}.score-chip.chip-2{animation-delay:.95s}.score-chip.chip-3{animation-delay:1.05s}.score-chip.chip-4{animation-delay:1.15s}.chip-number{animation:fade-in .4s ease-out both}.chip-number.num-1{animation-delay:.95s}.chip-number.num-2{animation-delay:1.05s}.chip-number.num-3{animation-delay:1.15s}.chip-number.num-4{animation-delay:1.25s}.branch-line{animation:fade-in .45s ease-out both}.branch-line.line-1{animation-delay:.3s}.branch-line.line-2{animation-delay:.4s}.branch-line.line-3{animation-delay:.5s}.branch-line.line-4{animation-delay:.6s}.branch-line.line-5{animation-delay:.7s}.ghost{animation:fade-in .35s ease-out 1.4s both}.eye{animation:fade-in .3s ease-out both,eye-flicker 4s ease-in-out infinite}.eye.eye-purple{animation-delay:1.15s,1.45s}.eye.eye-cyan{animation-delay:1.25s,1.55s}.bf-dot{animation:fade-in .4s ease-out both}.bf-dot.dot-a{animation-delay:.75s}.bf-dot.dot-b{animation-delay:.85s}.bf-dot.dot-c{animation-delay:.95s}.bf-dot.dot-d{animation-delay:1.05s}.bf-dot.dot-e{animation-delay:1.15s}.red-ring{animation:fade-in .4s ease-out .8s both}.travel-dot{animation:travel 2.5s ease-in-out infinite;opacity:0}.travel-dot.dot-1{animation-name:travel-1}.travel-dot.dot-2{animation-name:travel-2}.travel-dot.dot-3{animation-name:travel-3}.travel-dot.dot-4{animation-name:travel-4}.travel-dot.dot-5{animation-name:travel-5}@keyframes scale-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes eye-flicker{0%,89%{opacity:1}92%,100%{opacity:0}}@keyframes travel-1{0%{transform:translate(0,0);opacity:0}6%{opacity:1}84%{opacity:1}100%{transform:translate(160px,-170px);opacity:0}}@keyframes travel-2{0%{transform:translate(0,0);opacity:0}6%{opacity:1}84%{opacity:1}100%{transform:translate(230px,0);opacity:0}}@keyframes travel-3{0%{transform:translate(0,0);opacity:0}6%{opacity:1}84%{opacity:1}100%{transform:translate(160px,170px);opacity:0}}@keyframes travel-4{0%{transform:translate(0,0);opacity:0}6%{opacity:1}84%{opacity:1}100%{transform:translate(-160px,-170px);opacity:0}}@keyframes travel-5{0%{transform:translate(0,0);opacity:0}6%{opacity:1}84%{opacity:1}100%{transform:translate(-160px,170px);opacity:0}}@media(max-width:767px){.container{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto auto auto;grid-template-areas:"logo" "headline" "supporting" "visual" "cta" "features" "chips" "footer";padding:1.25rem 1.25rem;gap:.75rem;overflow:visible}.logo{height:32px}.headline{font-size:clamp(1.5rem,7vw,2rem);max-width:100%}.supporting{font-size:clamp(0.9rem,3.9vw,1.05rem);max-width:100%}.visual{margin:0;max-height:35vh;min-height:200px;overflow:hidden;background-size:70px 70px,95px 95px,85px 85px,110px 110px,80px 80px}.visual svg{width:100%;height:100%;max-height:35vh;min-height:200px}.cta-wrapper{gap:.4rem;margin-top:0}.cta-button{font-size:clamp(1rem,4.5vw,1.2rem);padding:14px 28px;border-width:3px;box-shadow:5px 5px 0 0 #000;width:100%;text-align:center}.cta-button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 0 #000}.cta-reassurance{font-size:.8rem;text-align:center}.features{gap:.6rem;justify-content:center}.feature-text{font-size:.8rem;white-space:normal}.chips{justify-content:center;gap:.5rem}.chip{font-size:.75rem;padding:5px 12px;border-width:1.5px}footer{text-align:center;font-size:.9rem;padding-top:.25rem}}@media(max-width:400px){.container{padding:1rem .9rem;gap:.6rem}.headline{font-size:clamp(1.35rem,6.5vw,1.8rem)}.supporting{font-size:clamp(0.85rem,3.8vw,1rem)}.visual{max-height:32vh;min-height:170px}.visual svg{max-height:32vh;min-height:170px}.cta-button{font-size:clamp(0.9rem,4vw,1.1rem);padding:12px 20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.chips{opacity:1;transform:translateY(0)}.headline #typein::after{display:none}}