:root{--navy:#102b4e;--navy-deep:#071a30;--blue:#219cdb;--cyan:#58c1e2;--ice:#f4f8fa;--line:#dce8ee;--ink:#101a24;--muted:#62717e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Poppins,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--ice);color:var(--ink);min-height:100dvh}button,input{font:inherit}.shell{min-height:100dvh}.quizcol{min-height:100dvh;position:relative;background:linear-gradient(180deg,#fff,#f7fbfd)}main{max-width:540px;margin:0 auto;min-height:100dvh;position:relative}.sidepanel{display:none}.chrome{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:540px;z-index:30;padding:calc(17px + env(safe-area-inset-top)) 22px 10px;display:flex;align-items:center;gap:14px;pointer-events:none}.backbtn{pointer-events:auto;border:1px solid var(--line);background:#ffffffeb;box-shadow:0 6px 20px #102b4e14;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;color:var(--navy);cursor:pointer;display:grid;place-items:center;visibility:hidden;backdrop-filter:blur(10px)}.progress-wrap{flex:1;display:flex;flex-direction:column;gap:7px}.progress-copy{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--navy)}.pbar{height:4px;border-radius:999px;background:#dfeaf0;overflow:hidden;visibility:hidden}.pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--navy));border-radius:999px;transition:width .45s cubic-bezier(.4,0,.2,1)}.scr{display:none;flex-direction:column;min-height:100dvh;padding:calc(92px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom))}.scr.active{display:flex;animation:in .28s cubic-bezier(.22,.8,.28,1)}@keyframes in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.scr.active{animation:none}.pbar i{transition:none}.draw{animation:none!important;stroke-dashoffset:0!important}}.scr:not(.intro):before{content:"PERSONAL PLAN FINDER";font-size:9px;line-height:1;font-weight:700;letter-spacing:.2em;color:var(--blue);margin-bottom:18px}.scr h1{font-family:Playfair Display,Georgia,serif;font-size:34px;line-height:1.12;margin:0 0 18px;font-weight:500;color:var(--navy-deep);letter-spacing:-.025em;text-wrap:balance}.scr h1 b{font-weight:600}.scr h1 em{font-style:italic;color:var(--blue)}.scr h1 .tl{color:var(--blue);font-weight:500;font-style:italic}.scr h1.center{text-align:center}.scr h1.smaller{font-size:29px}.sub{font-size:14px;font-weight:300;color:var(--muted);margin:0 0 24px;line-height:1.65;max-width:44ch}.grow{flex:1;min-height:28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin:0 0 12px}.intro{padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(22px + env(safe-area-inset-bottom));justify-content:flex-start}.mobile-brand{font-size:12px;font-weight:400;letter-spacing:.25em;color:var(--navy);margin-bottom:18px}.mobile-brand span{font-weight:700}.intro-visual{position:relative;border-radius:22px;overflow:hidden;min-height:38vh;background:var(--navy)}.heroimg{width:100%;height:38vh;min-height:280px;object-fit:cover;object-position:center 28%;display:block;filter:saturate(.84) contrast(1.02)}.intro-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,26,48,.62) 100%)}.image-chip{position:absolute;z-index:2;left:16px;bottom:16px;background:#ffffffeb;color:var(--navy);border-radius:999px;padding:9px 13px;font-size:10px;font-weight:600;letter-spacing:.02em;box-shadow:0 8px 30px #071a302e;backdrop-filter:blur(10px)}.image-chip span{color:var(--blue);margin-right:5px}.intro-copy{padding:24px 2px 0}.intro h1{font-size:35px;margin-bottom:12px}.intro .sub{margin-bottom:20px}.privacy-note{text-align:center;color:#82909b;font-size:10px;margin:10px 0 0}.opts{display:flex;flex-direction:column;gap:11px;margin-top:4px;counter-reset:answers}.opt{counter-increment:answers;position:relative;display:flex;align-items:center;gap:13px;width:100%;min-height:66px;text-align:left;background:#ffffffe0;border:1px solid var(--line);border-radius:16px;padding:14px 48px 14px 16px;font-size:14px;font-weight:400;line-height:1.4;cursor:pointer;color:var(--ink);box-shadow:0 8px 24px #102b4e0b;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s}.opt:before{content:counter(answers,upper-alpha);flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #c9dae3;color:var(--navy);font-size:11px;font-weight:700;background:#fff}.opt:after{content:"›";position:absolute;right:18px;color:#a7bac4;font-size:22px;line-height:1}.opt:hover{transform:translateY(-1px);border-color:#9ed6ea;box-shadow:0 12px 28px #219cdb17}.opt.sel{border-color:var(--blue);background:#eef9fd;box-shadow:0 0 0 3px #219cdb14}.opt.sel:before{content:"✓";border-color:var(--blue);background:var(--blue);color:#fff}.opt.sel:after{color:var(--blue)}.opt:focus-visible,.cta:focus-visible,.backbtn:focus-visible,.field:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.cta{border:0;background:linear-gradient(110deg,var(--blue),#168bc9);color:#fff;font-size:14px;font-weight:600;border-radius:14px;padding:17px 20px;width:100%;cursor:pointer;box-shadow:0 13px 30px #219cdb40;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .15s,box-shadow .15s}.cta:hover{transform:translateY(-1px);box-shadow:0 16px 34px #219cdb4f}.cta:disabled{opacity:.65}.footnote{font-size:10px;color:#87949e;text-align:center;margin-top:12px;line-height:1.5}.footnote.left{text-align:left;margin:0 0 8px}.groupimg{width:100%;height:min(31vh,260px);object-fit:cover;object-position:center 22%;border-radius:20px;margin:4px 0 18px;display:block;box-shadow:0 16px 38px #102b4e1f}.bignum{text-align:center;color:var(--navy);font-family:Playfair Display,Georgia,serif;font-size:52px;font-weight:600;line-height:1;margin:4px 0}.bignum small{font-family:Poppins,sans-serif;display:block;font-size:12px;font-weight:300;line-height:1.55;color:var(--muted);margin:8px auto 0;max-width:34ch}.quote{position:relative;background:linear-gradient(150deg,var(--navy-deep),var(--navy));color:#fff;border:0;border-radius:22px;padding:28px 24px 26px;font-family:Playfair Display,Georgia,serif;font-size:21px;line-height:1.45;font-weight:500;box-shadow:0 20px 44px #102b4e2e;overflow:hidden}.quote:after{content:"“";position:absolute;right:16px;top:-36px;color:#58c1e229;font-size:150px;line-height:1;font-family:Georgia,serif}.quote .who{font-family:Poppins,sans-serif;margin-top:18px;font-size:10px;font-weight:500;letter-spacing:.08em;color:#d8e9f1;text-transform:uppercase}.stars{font-family:Poppins,sans-serif;color:var(--cyan);letter-spacing:.16em;font-size:12px;margin-bottom:13px}.chartcard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 18px 16px;box-shadow:0 18px 45px #102b4e14}.chartcard svg{width:100%;height:auto;display:block}.chartlabel{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--navy);margin-bottom:8px}.chartnote{font-size:12px;color:var(--muted);font-weight:300;line-height:1.6;margin:8px 0 0}.draw{stroke-dasharray:340;stroke-dashoffset:340;animation:draw 1.4s .3s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}.react{min-height:44px;margin-top:14px;border-radius:14px;background:#eef9fd;border:1px solid #b9e3f1;color:var(--navy);font-size:12px;font-weight:500;padding:12px 14px;opacity:0;transition:opacity .18s}.react.show{opacity:1}.fieldlabel{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);display:block;margin-bottom:9px}.field{width:100%;font-size:16px;padding:17px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 8px 24px #102b4e0a}.field:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #219cdb17}.hp{position:absolute;left:-9999px;opacity:0;height:0}.consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;font-weight:300;color:var(--muted);margin:16px 0;line-height:1.55}.consent input{margin-top:3px;accent-color:var(--blue)}.err{color:#a63c36;font-size:12px;min-height:18px;margin-bottom:8px}.ring{width:136px;height:136px;margin:10px auto 26px;position:relative;filter:drop-shadow(0 14px 22px rgba(33,156,219,.12))}.ring svg{width:136px;height:136px;transform:rotate(-90deg)}.ring .pct{position:absolute;inset:0;display:grid;place-items:center;font-family:Playfair Display,Georgia,serif;font-size:27px;font-weight:600;color:var(--navy)}.checks{display:flex;flex-direction:column;gap:11px;font-size:12px;font-weight:300;padding:0;margin:0 auto;width:100%;max-width:340px}.checks li{list-style:none;opacity:.25;transition:opacity .3s;display:flex;gap:10px;align-items:baseline;padding:11px 13px;background:#fff;border:1px solid var(--line);border-radius:12px}.checks li:before{content:"✓";color:var(--blue);font-weight:700}.checks li.on{opacity:1}@media(min-width:900px){body{background:var(--navy-deep)}.shell{display:grid;grid-template-columns:minmax(360px,43%) minmax(500px,1fr);max-width:1600px;margin:0 auto;background:#fff}.sidepanel{display:flex;position:sticky;top:0;min-height:100dvh;height:100dvh;flex-direction:column;padding:38px 44px 42px;color:#fff;background:linear-gradient(180deg,#071a3014,#071a30d1 78%,#071a30f5),url(https://cdn.shopify.com/s/files/1/0683/8897/8973/files/3E9A1629.jpg?v=1770064184&width=1400) center 28%/cover no-repeat;overflow:hidden}.sidepanel:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(88,193,226,.22);right:-190px;top:18%;box-shadow:0 0 0 46px #58c1e20d,0 0 0 94px #58c1e208}.sp-brand{font-size:14px;font-weight:400;letter-spacing:.27em;position:relative;z-index:1}.sp-brand span{font-weight:700}.sp-rail{display:flex;align-items:center;gap:13px;margin-top:24px;font-size:9px;letter-spacing:.2em;color:#d9eff7;position:relative;z-index:1}.sp-rail i{width:42px;height:1px;background:var(--cyan)}.sp-bottom{position:relative;z-index:1;max-width:450px}.sp-kicker{font-size:9px;letter-spacing:.2em;color:var(--cyan);font-weight:700;margin:0 0 13px}.sp-quote{font-family:Playfair Display,Georgia,serif;font-size:32px;line-height:1.25;font-weight:500;margin:0 0 14px;text-wrap:balance}.sp-who{font-size:10px;letter-spacing:.06em;color:#d1dfe6;margin:0}.sp-meta{display:flex;gap:0;margin-top:26px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}.sp-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;padding-right:18px;margin-right:18px;border-right:1px solid rgba(255,255,255,.22)}.sp-meta span:last-child{border:0}.quizcol{background:radial-gradient(circle at 88% 4%,rgba(88,193,226,.13),transparent 28%),linear-gradient(180deg,#fff,#f7fbfd)}main{max-width:610px}.chrome{position:absolute;left:50%;max-width:610px;padding-top:30px}.scr{min-height:100dvh;padding:120px 52px 44px;justify-content:center}.scr:not(.intro):before{margin-bottom:22px}.scr h1{font-size:42px}.scr h1.smaller{font-size:35px}.opts{gap:12px}.opt{min-height:70px;padding:16px 52px 16px 17px;font-size:14px}.intro{padding:0 54px;justify-content:center}.mobile-brand,.intro-visual{display:none}.intro-copy{padding:0}.intro h1{font-size:50px;max-width:10.5ch}.intro .sub{font-size:15px;max-width:42ch;margin-bottom:28px}.intro .cta{max-width:280px}.intro .privacy-note{text-align:left;margin-left:18px;max-width:245px}}@media(max-height:720px)and (max-width:899px){.scr{padding-top:78px}.scr h1{font-size:28px}.intro-visual{min-height:32vh}.heroimg{height:32vh;min-height:220px}.intro-copy{padding-top:18px}.intro h1{font-size:30px}.opt{min-height:58px;padding-top:11px;padding-bottom:11px}.groupimg{height:25vh}}