:root{--paper:#FBF6EA;--ink:#1B1436;--indigo:#241A66;--violet:#5B4FB0;--yellow:#F2C21A;--grey:#B9B4C7;--live:#2FBF71;--card:#FFFCF4;}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:"Hanken Grotesk",system-ui,sans-serif;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip;}h1,h2,h3,.wordmark{font-family:"Fraunces",Georgia,serif;font-weight:600;line-height:1.05;letter-spacing:-.01em}a{color:inherit}img{display:block}.pen{filter:url(#pen)}.wrap{width:min(1120px,92vw);margin:0 auto}.top{padding:clamp(1rem,2vw,1.6rem) 0}.brandbar{display:flex;align-items:center;gap:.7rem}.brandbar img{width:52px;height:52px;border-radius:12px}.wordmark{font-size:1.5rem}.hero{padding:clamp(1rem,3vw,2.4rem) 0 clamp(2.4rem,6vw,4rem)}.hero-grid{display:grid;gap:clamp(1.6rem,4vw,3rem);grid-template-columns:1fr}h1{font-size:clamp(2.1rem,7vw,4rem);margin:.1em 0 .4em}.mark{background:linear-gradient(transparent 58%,var(--yellow) 58% 92%,transparent 92%);padding:0 .06em}.lead{font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--indigo);max-width:30ch;margin:0 0 1.6rem}.switch-row{display:flex;align-items:center;gap:.8rem;margin:0 0 1.6rem;flex-wrap:wrap}.switch{appearance:none;border:2.5px solid var(--ink);background:var(--card);width:116px;height:48px;border-radius:999px;position:relative;cursor:pointer;padding:0;transition:background .25s;flex:0 0 auto;}.switch:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.knob{position:absolute;top:3px;left:3px;width:38px;height:38px;border-radius:50%;background:var(--ink);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:grid;place-items:center;}.knob::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--grey)}html[data-side="with"] .switch{background:var(--yellow)}html[data-side="with"] .knob{transform:translateX(68px)}html[data-side="with"] .knob::after{background:var(--live)}.nudge{animation:nudge .9s ease .5s 1}@keyframes nudge{0%,100%{transform:translateX(68px)}40%{transform:translateX(58px)}}.switch-labels{display:flex;gap:.5rem;font-size:.82rem;font-weight:600;color:var(--violet);text-transform:uppercase;letter-spacing:.08em}.switch-labels b{color:#473c80;font-weight:600}html[data-side="with"] .lab-live{color:var(--ink)}html[data-side="without"] .lab-closed{color:var(--ink)}.cta{display:inline-block;background:var(--indigo);color:var(--paper);border:2.5px solid var(--ink);border-radius:14px;padding:.85em 1.5em;font-family:"Hanken Grotesk",sans-serif;font-weight:600;font-size:1.08rem;text-decoration:none;}.cta:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.under-cta{font-size:.92rem;color:var(--violet);margin:.9rem 0 0;max-width:34ch;opacity:0;animation:fadein .6s ease 1.1s forwards}@keyframes fadein{to{opacity:1}}.viewer{background:var(--card);border:3px solid var(--ink);border-radius:18px;padding:14px;max-width:460px;}.viewer-bar{display:flex;align-items:center;gap:.5rem;margin:0 0 12px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--violet)}.dot{width:11px;height:11px;border-radius:50%;background:var(--grey)}html[data-side="with"] .dot{background:var(--live);animation:blip 1.6s ease-in-out infinite}@keyframes blip{0%,100%{opacity:1}50%{opacity:.35}}.lenses{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lens{border:2.5px solid var(--ink);border-radius:12px;aspect-ratio:1/1;display:grid;place-items:center;background:var(--paper);position:relative;overflow:hidden;}.lens .ring{width:54%;height:54%;border:3px solid var(--violet);border-radius:50%;display:grid;place-items:center}.lens .pupil{width:40%;height:40%;border-radius:50%;background:var(--grey)}html[data-side="with"] .lens{background:linear-gradient(160deg,#2a2070,#120d2e)}html[data-side="with"] .lens .ring{border-color:var(--yellow)}html[data-side="with"] .lens .pupil{background:var(--live);box-shadow:0 0 0 6px rgba(47,191,113,.18)}.lens .tag{position:absolute;bottom:7px;left:7px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--violet)}html[data-side="with"] .lens .tag{color:var(--paper)}.scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.05) 5px 6px);opacity:0}html[data-side="with"] .scan{opacity:1}.hist{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.hist span{height:26px;border:2px solid var(--ink);border-radius:7px;background:var(--paper);display:block}html[data-side="with"] .hist span{background:var(--yellow)}.vstate{margin:10px 2px 2px;font-size:.84rem;font-weight:600;color:var(--violet)}.note{border-left:7px solid var(--grey);background:rgba(185,180,199,.14);padding:.9rem 1.1rem;margin:0 0 1.4rem;color:var(--violet);font-size:1rem;max-width:62ch;}.note b{color:var(--ink);font-weight:600}section.band{padding:clamp(2.4rem,6vw,4rem) 0;border-top:2px dashed rgba(36,26,102,.25)}.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);margin:0 0 .5rem}h2{font-size:clamp(1.6rem,4vw,2.4rem);margin:0 0 1.2rem;max-width:20ch}.steps{display:grid;gap:1rem;grid-template-columns:1fr}.step{background:var(--card);border:2.5px solid var(--ink);border-radius:14px;padding:1.1rem 1.2rem}.step .n{font-family:"Fraunces",serif;font-size:1.8rem;color:var(--indigo);line-height:1}.step h3{font-size:1.15rem;margin:.4rem 0 .3rem}.step p{margin:0;color:var(--violet);font-size:.96rem}.weekcap{color:var(--violet);max-width:52ch;margin:0 0 1.4rem}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:.6rem}.day{background:var(--card);border:2.5px solid var(--ink);border-radius:12px;padding:.6rem .5rem;min-height:116px;display:flex;flex-direction:column;gap:.45rem;}.day .dname{font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--violet)}.day .mini{flex:1;border:2px solid var(--ink);border-radius:8px;background:linear-gradient(160deg,#2a2070,#120d2e);display:grid;place-items:center;}.day .mini i{width:44%;height:44%;border:2.5px solid var(--yellow);border-radius:50%;display:block}.day .save{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--indigo)}.tablewrap{overflow-x:auto;border:2.5px solid var(--ink);border-radius:14px;background:var(--card)}table{border-collapse:collapse;width:100%;min-width:420px;font-size:.95rem}caption{text-align:left;padding:.9rem 1rem 0;color:var(--violet);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1.5px solid rgba(36,26,102,.18)}thead th{font-family:"Fraunces",serif;color:var(--indigo)}tbody th{font-weight:600;color:var(--violet);font-family:"Hanken Grotesk",sans-serif}tr:last-child td,tr:last-child th{border-bottom:none}td.yes{color:var(--ink);font-weight:600}.faq details{border:2.5px solid var(--ink);border-radius:12px;background:var(--card);padding:.2rem .2rem;margin:0 0 .8rem}.faq summary{cursor:pointer;font-weight:600;padding:.85rem 1rem;list-style:none;font-size:1.05rem}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";float:right;color:var(--indigo);font-family:"Fraunces",serif}.faq details[open] summary::after{content:"\2212"}.faq p{margin:0;padding:0 1rem 1rem;color:var(--violet)}.closing{padding:clamp(2.4rem,6vw,4rem) 0 0;text-align:center;border-top:2px dashed rgba(36,26,102,.25)}.closing h2{margin:0 auto 1.4rem;max-width:16ch}.phone-stage{position:relative;height:200px;overflow:hidden;margin-top:2.2rem}.phone{width:188px;margin:0 auto;border:3px solid var(--ink);border-top-left-radius:26px;border-top-right-radius:26px;background:var(--card);padding:12px 12px 0;position:relative;}.phone .notch{width:66px;height:7px;border-radius:7px;background:var(--ink);margin:0 auto 10px}.phone .screen{border:2.5px solid var(--ink);border-radius:12px 12px 0 0;border-bottom:none;background:linear-gradient(160deg,#2a2070,#120d2e);padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;height:150px}.phone .screen i{border:2.5px solid var(--yellow);border-radius:9px;display:grid;place-items:center}.phone .screen i::after{content:"";width:40%;height:40%;border-radius:50%;background:var(--live);box-shadow:0 0 0 5px rgba(47,191,113,.2)}footer{border-top:2.5px solid var(--ink);margin-top:2.4rem;padding:1.8rem 0 2.4rem;background:var(--paper)}.keys{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.key{display:inline-block;background:var(--card);border:2px solid var(--ink);border-bottom-width:5px;border-radius:9px;padding:.4rem .8rem;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;color:var(--ink);}.key:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.foot-brand{display:flex;align-items:center;gap:.6rem;margin-top:1.4rem;color:var(--violet);font-size:.9rem}.foot-brand img{width:30px;height:30px;border-radius:8px}@media (min-width:760px){.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center}.steps{grid-template-columns:repeat(3,1fr)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:start}}@media (max-width:759px){.week{grid-template-columns:repeat(2,1fr)}.day{min-height:104px}}@media (hover:hover){.cta:hover{background:var(--ink)}.key:hover{background:var(--yellow)}}@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}.under-cta{opacity:1}}