:root{color-scheme:dark;--bg:#020d1c;--text:#f4f6ff;--muted:#b5cce9;--cyan:#03ddf2;--purple:#9841ff;--border:#29466d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 57% 20%,#061c43 0,transparent 34%),linear-gradient(115deg,#020d1b,#010a16);color:var(--text);font:clamp(12px,.98vw,16px)/1.45 Inter,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}header{height:4.17vw;min-height:58px;max-height:78px;padding:0 3.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #15273f;background:#020c19d9}.brand{display:flex;align-items:center;gap:10px;font-size:clamp(18px,1.3vw,24px);font-weight:800}.logo{display:grid;place-items:center;background:linear-gradient(140deg,#00d4ec,#1d9df6 50%,#a237ff);width:2.65vw;min-width:36px;aspect-ratio:1;border-radius:12px;color:white;font-size:22px}nav{display:flex;gap:2.45vw;align-items:center}nav button{border:0;background:none;padding:0}.header-actions{display:flex;align-items:center;gap:2vw}.cart{position:relative;background:none;border:0;font-size:26px}.cart span{position:absolute;right:0;top:-5px;background:linear-gradient(#5772ff,#a93bff);font-size:11px;border-radius:50%;width:21px;height:21px;display:grid;place-items:center}.button{border-radius:12px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;border:1px solid transparent;padding:.75em 1.05em;white-space:nowrap}.primary,.home{background:linear-gradient(105deg,#8c36fa,#2987ff 50%,#00cbea);box-shadow:0 4px 22px #075ad02c}.home{background:linear-gradient(100deg,#00b5e9,#4179ff,#a52df6);font-size:.9em}.outline{border-color:#4b6d98;background:linear-gradient(145deg,#05122477,#000911)}.hero{display:grid;grid-template-columns:41.4% 37% 21.6%;padding:1.25% 2.2% .9% 3.4%;align-items:center;min-width:0}.hero-copy{z-index:1}.eyebrow{font-size:.8em;letter-spacing:.045em;color:#b9a0ff;font-weight:700}.pill{display:inline-block;border:1px solid #334568;border-radius:20px;background:#131a31bb;padding:6px 12px;font-size:.73em}h1{font-size:clamp(26px,3.1vw,58px);line-height:1.12;letter-spacing:-.035em;margin:10px 0 12px;font-weight:800}em{font-style:normal;background:linear-gradient(100deg,#00dfec,#3180ff,#a339ff);color:transparent;background-clip:text}h1 em{background:linear-gradient(#00d8ef,#04a8e7);background-clip:text}.intro{font-size:1.14em;line-height:1.45;color:#ceddf4;max-width:99%;margin:0}.benefits{display:flex;align-items:center;gap:1.1em;margin:1.5em 0 2em;white-space:nowrap;font-size:.71em}.benefits span{display:flex;align-items:center;gap:.7em}.benefits i{font-style:normal;display:grid;place-items:center;width:27px;aspect-ratio:1;border-radius:50%;font-size:20px;color:#011527}.green{color:#1ed580;background:#0e704433}.benefits .green{background:#28d380}.blue{background:#239aff}.purple{color:#a454ff;background:#6c2abd33}.benefits .purple{background:#8e3ef3}.yellow{background:#ffcf45;box-shadow:0 0 20px #ffbd3540}.hero-actions{display:flex;gap:1.25em}.hero-actions .primary{min-height:3.8em;min-width:47%;font-size:1.13em}.hero-actions .outline{min-width:34%;font-size:1.05em}.rating{display:flex;gap:.65em;align-items:center;white-space:nowrap;margin-top:1.65em;font-size:.9em}.rating small{font-size:.94em;color:#b2cff5}.stars{color:#ffcd22;letter-spacing:.03em;font-size:1.15em}.avatars{display:flex;margin-right:.2em}.avatars b{width:25px;height:28px;margin-left:-7px;border:1px solid #aac5e4;border-radius:50%;background:linear-gradient(135deg,#efd3b5,#427bab);font-size:11px;display:grid;place-items:center}.avatars b:first-child{margin-left:0}.access{padding-left:1em;margin-left:.5em;border-left:1px solid #254062;font-size:.9em;color:#c2daf7}.art{position:relative;width:100%;aspect-ratio:550/488;overflow:hidden;align-self:center;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 98%,transparent)}.art img{position:absolute;width:279.2727%;max-width:none;height:auto;left:-116.36%;top:-13.1148%;pointer-events:none}.purchase{background:linear-gradient(135deg,#0e192fbb,#030e1c);border:1px solid #3b557b;border-radius:15px;padding:1.3em;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:.6em}.offer{color:#08efb2;font-size:.72em;font-weight:700}.price-row{display:flex;align-items:center;gap:.65em;margin:.3em 0}.price-row strong{font-size:2.45em;line-height:1.2;font-weight:800}.price-row del{color:#819dcd}.price-row>span{background:linear-gradient(#ef28bc,#cf2093);padding:.45em .95em;border-radius:12px;font-size:.86em;font-weight:700;margin-left:auto}.purchase ul{list-style:none;padding:0;margin:.35em 0 .55em;display:grid;gap:.58em;color:#bdd6fa;font-size:.9em}.purchase li{display:flex;gap:.75em;align-items:center}.purchase li:before{content:'✓';border-radius:50%;background:#15bcea;color:#012337;width:19px;height:19px;display:grid;place-items:center;flex:none;font-weight:700}.purchase .button{width:100%;font-size:.93em;min-height:3em}.purchase-trust{display:flex;justify-content:space-between;margin-top:.4em;gap:.4em}.purchase-trust>span{display:flex;gap:.45em;align-items:center;color:#00e6be;font-size:1.5em}.purchase-trust small{color:#a9caff;font-size:.43em;line-height:1.2}.feature-strip{margin:0 1.6%;padding:1.1% 2.1%;border:1px solid #1a304e;border-radius:15px;background:linear-gradient(120deg,#0c1730bb,#061222bb);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-strip article{display:flex;gap:1.1em;align-items:center;padding:0 1.6em;border-left:1px solid #12253f}.feature-strip article:first-child{border:0;padding-left:0}.feature-strip article:last-child{padding-right:0}.feature-icon{width:4.2em;aspect-ratio:1;flex:none;border-radius:50%;display:grid;place-items:center;font-size:1em}.feature-icon::first-letter{font-size:2.5em}.pink{color:#ed2aa7;background:#ba146021}.cyan{color:#00c8ef;background:#0057c42b}.feature-strip h2{font-size:.98em;margin:0 0 .2em;white-space:nowrap}.feature-strip p{margin:0;color:#b9d2f1;font-size:.88em;line-height:1.55}.reviews{padding:1.15% 3.4% 1%}.reviews-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8em}.reviews h2{font-size:2em;line-height:1.2;margin:.15em 0;letter-spacing:-.025em}.reviews-heading p{color:#b6d5fa;margin:0;font-size:1em}.arrows{display:flex;gap:.85em}.arrows button{border:1px solid #5879ae;border-radius:50%;width:40px;height:40px;background:#000b1b;font-size:30px;line-height:1}.review-window{overflow:hidden}.review-track{display:flex;gap:1.3em}.review{min-width:0;flex:0 0 calc((100% - 3.9em)/4);padding:.9em 1em;border-radius:13px;border:1px solid #304c71;background:linear-gradient(130deg,#0b1929,#030d1c);display:flex;flex-direction:column}.review-person{display:flex;gap:.85em;align-items:flex-start;font-size:.9em;line-height:1.2}.review-person>span{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;font-size:21px;font-weight:700;background:linear-gradient(140deg,#7f9eec,#3654a7)}.review:last-child .review-person>span{background:linear-gradient(140deg,#aa8dfd,#543fbc)}.review-person small{display:block;color:#a3c3ef;font-size:.96em}.review-person .stars{display:block;margin-top:4px}.review-person i{margin-left:auto;border-radius:50%;background:#0d203c;color:#9cbfeb;width:30px;height:30px;text-align:center;font-style:normal;font-size:24px}.review blockquote{font-size:1em;line-height:1.5;margin:.45em .6em 0}.review strong{color:#04e6f0}footer{border-top:1px solid #1b3049;display:flex;align-items:center;justify-content:space-between;padding:.85% 2.9%;gap:1em}footer>div{display:flex;align-items:center;gap:.9em;color:#bddcff;font-size:.94em}footer i{background:#0d203b80;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:27px;font-style:normal}footer small{display:block;font-size:.82em;color:#839fc9;margin-top:.3em}footer>p{color:#9e70ff;font:italic 1.1em cursive;transform:rotate(-10deg);margin:0}dialog{background:#08172b;color:var(--text);border:1px solid #40577e;border-radius:18px;width:min(540px,90vw);padding:2em}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.close{float:right;border:0;background:none;font-size:26px}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#0c2943;border-radius:12px;padding:12px 20px;opacity:0;pointer-events:none}#status.show{opacity:1}button,a{transition:filter .2s,box-shadow .2s}button:hover,a.button:hover{filter:brightness(1.15)}
@media(min-width:1100px) and (min-height:750px){body{min-height:100svh;display:flex;flex-direction:column}main{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.hero{flex:1}.art{max-height:49svh}.reviews{padding-top:1.2em;padding-bottom:1em}}
@media(max-width:1250px){nav{gap:1.4em}.hero{grid-template-columns:40% 35% 25%;padding-left:2%}.benefits{flex-wrap:wrap;gap:.65em;margin:1em 0 1.3em}.rating{flex-wrap:wrap}.feature-strip article{padding:0 .8em;gap:.7em}.feature-strip h2{white-space:normal}.purchase{padding:1em}.hero-actions{gap:.6em}.hero-actions .button{min-width:0}.feature-icon{width:3em}.review blockquote{margin-left:0;margin-right:0}footer{flex-wrap:wrap}}
@media(max-width:950px){header{flex-wrap:wrap;height:auto;max-height:none;padding:12px 3%;gap:12px}nav{order:3;width:100%;justify-content:center}.hero{grid-template-columns:1.2fr 1fr;gap:16px;padding:24px 3%}.hero-copy{grid-column:1}.art{grid-column:2}.purchase{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.purchase ul{grid-row:1/5;grid-column:2}.purchase-trust{grid-column:1/-1}.feature-strip{grid-template-columns:1fr 1fr;gap:20px}.feature-strip article:nth-child(3){border:0;padding-left:0}.review{flex-basis:calc((100% - 1.3em)/2)}h1{font-size:clamp(26px,4vw,40px)}.reviews{padding:24px 3%}footer>p{display:none}}
@media(max-width:580px){.hero{grid-template-columns:1fr}.hero-copy,.art{grid-column:1}.art{max-width:500px}.hero-copy h1{font-size:32px}h1 br{display:none}.hero-actions{gap:12px}.hero-actions .button{flex:1;font-size:12px}.rating{gap:8px}.feature-strip{grid-template-columns:1fr;padding:20px}.feature-strip article{border:0;padding:0}.review{flex-basis:100%}.reviews h2{font-size:24px}.reviews-heading{gap:12px}.arrows button{width:30px;height:30px}.purchase{display:flex}.header-actions{gap:10px}.home{font-size:11px}.brand{font-size:17px}.benefits{font-size:10px}.feature-strip h2{font-size:14px}.feature-strip p{font-size:13px}footer>div{width:calc(50% - 1em);font-size:11px}.review blockquote{font-size:14px}}
/* Interaction layer: preserve resting composition. */
html{scroll-behavior:smooth;scroll-padding-top:100px}header{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}nav .active{color:var(--cyan);text-shadow:0 0 14px #00cbea88}nav button,nav a{transition:color 250ms,text-shadow 250ms}.hero>*{min-width:0}.art{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform 300ms ease;animation:handbook-float 6s ease-in-out infinite;isolation:isolate}.art:after{content:'';position:absolute;inset:12% 18% 15%;border-radius:30%;box-shadow:0 0 40px 8px #08d8ef25,inset 0 0 40px #9452ff15;pointer-events:none;animation:handbook-glow 5s ease-in-out infinite}.resource-hotspots{position:absolute;inset:auto 8% 1% 8%;height:17%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2%}.resource-hotspots button{background:transparent;border:1px solid transparent;border-radius:12px;transition:transform 250ms,box-shadow 250ms,border-color 250ms}.resource-hotspots button:hover,.resource-hotspots button:focus-visible{transform:translateY(-5px);box-shadow:0 0 20px #00e5ff66;border-color:#58ddff}.interactive-detail{cursor:pointer;border-radius:8px;transition:transform 250ms,filter 250ms,box-shadow 250ms}.interactive-detail:hover,.interactive-detail:focus-visible{transform:scale(1.03);filter:brightness(1.15);box-shadow:0 0 18px #00b8ee25}.interactive-detail:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.button{position:relative;overflow:hidden;transition:transform 250ms,filter 250ms,box-shadow 250ms}.button:after{content:'';position:absolute;inset:-100% -60%;background:linear-gradient(110deg,transparent 43%,#ffffff36 50%,transparent 57%);transform:translateX(-65%);pointer-events:none}.button:hover:after{transform:translateX(65%);transition:transform 650ms}.button:active{transform:scale(.97)}.button-ripple{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff7;pointer-events:none;animation:ripple 600ms ease-out forwards}.feature-strip article,.review{transition:transform 250ms,box-shadow 250ms,border-color 250ms}.feature-strip article:hover,.review:hover{transform:translateY(-3px);border-color:#3bbade;box-shadow:0 8px 24px #006ba52b}.review-window{padding-top:5px;padding-bottom:5px}.feature-icon,.benefits i{transition:transform 250ms,filter 250ms}.feature-strip article:hover .feature-icon,.benefits>span:hover i{transform:rotate(-6deg) scale(1.04);filter:brightness(1.2)}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:9px}.carousel-dots button{width:24px;height:24px;border:0;border-radius:50%;background:radial-gradient(circle,#466188 3px,transparent 4px)}.carousel-dots button.selected{background:radial-gradient(circle,#00dfef 4px,transparent 5px)}.review-track{touch-action:pan-y}.order-summary{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-block:1px solid var(--border)}.checkout-note{color:var(--muted)}.checkout-spinner{display:block;width:25px;height:25px;border:2px solid #18344b;border-top-color:var(--cyan);border-radius:50%;animation:spin 700ms linear infinite}dialog[open]{animation:dialog-in 230ms ease-out}#status{z-index:50;max-width:calc(100vw - 24px);transition:opacity 200ms}
@keyframes handbook-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes handbook-glow{0%,100%{opacity:.35}50%{opacity:1}}@keyframes ripple{to{transform:translate(-50%,-50%) scale(35);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1024px){.purchase{position:sticky;top:100px;align-self:start}.art{max-height:none}}
@media(min-width:768px) and (max-width:1023px){.hero{grid-template-columns:1.2fr 1fr;gap:16px;padding:24px 3%}.hero-copy{grid-column:1}.art{grid-column:2}.purchase{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.purchase ul{grid-row:1/5;grid-column:2}.purchase-trust{grid-column:1/-1}.hero-actions{flex-wrap:wrap}.rating{white-space:normal}.benefits{white-space:normal}}
@media(max-width:767px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy,.art,.purchase{grid-column:1}.art{max-width:540px;justify-self:center}.purchase{display:flex}.button{min-height:44px}.benefits{white-space:normal;flex-wrap:wrap}.rating{white-space:normal}.hero-actions{flex-wrap:wrap}.header-actions{gap:8px}header{gap:10px}nav{gap:clamp(8px,3vw,22px);flex-wrap:wrap}.purchase-trust small{font-size:11px}.review{flex-basis:100%}.arrows button{min-width:40px;min-height:40px}html{scroll-padding-top:140px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.art{transform:none!important;translate:none!important}}