:root{--night:#08152f;--navy:#0d1b3d;--surface:#112651;--surface-2:#182f62;--cream:#fff3d0;--gold:#ffcc68;--gold-2:#ffad3d;--coral:#ff6b5f;--aqua:#48d5df;--violet:#7c59dc;--muted:#b8c5de;--line:rgba(255,232,181,.17);--shadow:0 28px 80px rgba(0,0,0,.35);--container:1440px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--cream);background:var(--night);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body,button,a{-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 64px),var(--container));margin-inline:auto}.skip-link{position:fixed;z-index:100;left:16px;top:-80px;padding:12px 18px;border-radius:12px;color:var(--night);background:var(--gold);transition:top .2s}.skip-link:focus{top:16px}
.site-header{position:absolute;z-index:20;inset:0 0 auto;background:linear-gradient(180deg,rgba(4,12,29,.78),transparent)}.header-inner{min-height:94px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;color:var(--cream);font-size:1.6rem;font-weight:800;letter-spacing:-.04em}.brand img{width:48px;height:48px;border:1px solid rgba(255,204,104,.42);border-radius:50%;object-fit:cover;box-shadow:0 0 28px rgba(255,181,61,.25)}.desktop-nav{display:flex;align-items:center;gap:clamp(24px,3vw,52px);padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(9,25,58,.45);backdrop-filter:blur(16px)}.desktop-nav a,.admin-link{color:#d7e0f1;font-size:.9rem;font-weight:600;transition:.2s}.desktop-nav a:hover,.admin-link:hover{color:var(--gold)}.header-actions{justify-self:end;display:flex;align-items:center;gap:18px}.admin-link{display:inline-flex;align-items:center;gap:7px}.admin-link svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.menu-button{display:none;width:46px;height:46px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.06)}.menu-button span{width:24px;height:2px;display:block;margin:5px auto;border-radius:2px;background:var(--cream)}.mobile-nav{padding:12px 24px 20px;border-top:1px solid var(--line);background:rgba(8,21,47,.97)}.mobile-nav a{display:block;padding:12px 8px;color:#e8edf8;font-weight:700}
.button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:15px 27px;border:1px solid transparent;border-radius:16px;font-size:1rem;font-weight:800;line-height:1;transition:transform .22s,box-shadow .22s,background .22s}.button:hover{transform:translateY(-3px)}.button svg{width:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.button-primary{color:#fff;background:linear-gradient(135deg,#ff765f,#f45654);box-shadow:0 14px 38px rgba(255,92,82,.32),inset 0 1px rgba(255,255,255,.35)}.button-primary:hover{box-shadow:0 18px 48px rgba(255,92,82,.42)}.button-small{min-height:46px;padding:12px 21px;border-radius:13px;font-size:.87rem}.button-ghost{color:var(--cream);border-color:rgba(255,232,181,.28);background:rgba(7,18,42,.42);backdrop-filter:blur(12px)}.button-ghost:hover{border-color:var(--gold);background:rgba(255,204,104,.08)}.button:focus-visible,.menu-button:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}
.hero{position:relative;min-height:820px;height:100svh;max-height:980px;overflow:hidden;background:#06132d}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,13,32,.12) 0%,rgba(4,13,32,0) 48%),url("img/floppy-magic-hero-v2.png");background-position:center;background-size:cover;transform:scale(1.015);animation:hero-breathe 14s ease-in-out infinite alternate}.hero::after{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(transparent,var(--night));pointer-events:none}.hero-inner{position:relative;z-index:3;height:100%;display:flex;align-items:center}.hero-copy{width:min(600px,43vw);padding-top:60px}.hero h1,.story-copy h2,.section-heading h2,.parents-copy h2,.final-shell h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;letter-spacing:-.035em}.hero h1{margin:0;font-size:clamp(4rem,6.1vw,6.8rem);line-height:.88;text-shadow:0 4px 32px rgba(0,0,0,.34)}.hero h1 em{color:var(--gold);font-style:normal}.hero-copy>p{max-width:570px;margin:28px 0 0;color:#e2e8f4;font-size:clamp(1.05rem,1.3vw,1.28rem);line-height:1.75;text-shadow:0 2px 18px rgba(0,0,0,.45)}.hero-actions{display:flex;gap:13px;margin-top:35px}.scroll-cue{position:absolute;left:0;bottom:48px;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,220,149,.38);border-radius:50%;color:var(--gold);background:rgba(5,14,33,.46);animation:cue 2s ease-in-out infinite}.scroll-cue svg{width:22px;fill:none;stroke:currentColor;stroke-width:2}.stars i{position:absolute;z-index:2;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px 4px rgba(255,194,71,.65);animation:twinkle 3s ease-in-out infinite}.stars i:nth-child(1){left:12%;top:20%}.stars i:nth-child(2){left:34%;top:31%;animation-delay:.7s}.stars i:nth-child(3){left:58%;top:14%;animation-delay:1.4s}.stars i:nth-child(4){right:18%;top:28%;animation-delay:.3s}.stars i:nth-child(5){right:8%;bottom:20%;animation-delay:1.1s}.stars i:nth-child(6){left:25%;bottom:18%;animation-delay:1.8s}
.story-section{padding:145px 0;background:radial-gradient(circle at 20% 45%,rgba(57,97,189,.18),transparent 34%),var(--night)}.story-grid{display:grid;grid-template-columns:minmax(520px,1.1fr) minmax(430px,.9fr);align-items:center;gap:clamp(60px,7vw,118px)}.story-image,.feature-art{position:relative}.story-image img,.feature-art img{width:100%;border:1px solid rgba(255,214,132,.28);border-radius:36px;box-shadow:var(--shadow);object-fit:cover}.story-image img{aspect-ratio:4/3}.image-glow{position:absolute;z-index:-1;inset:10% 8%;border-radius:50%;background:rgba(255,181,61,.25);filter:blur(70px)}.story-copy h2,.section-heading h2,.parents-copy h2,.final-shell h2{margin:0;font-size:clamp(3rem,4.5vw,5rem);line-height:1}.section-lead,.section-heading p,.parents-copy>p{margin:24px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.75}.journey-list{display:grid;gap:12px;margin:34px 0 0;padding:0;list-style:none}.journey-list li{display:grid;grid-template-columns:54px 1fr;gap:17px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.journey-list li>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,204,104,.4);border-radius:50%;color:var(--gold);background:rgba(255,204,104,.08);font-family:"Cormorant Garamond",serif;font-size:1.65rem;font-weight:700;box-shadow:0 0 25px rgba(255,189,61,.1)}.journey-list h3{margin:0;font-size:1.08rem}.journey-list p{margin:4px 0 0;color:var(--muted);font-size:.89rem}
.features-section{padding:130px 0 150px;background:linear-gradient(180deg,var(--night),#0c1d42 52%,var(--night))}.section-heading{max-width:820px;margin:0 auto 64px;text-align:center}.feature-stage{display:grid;grid-template-columns:minmax(540px,1.15fr) minmax(420px,.85fr);align-items:center;gap:clamp(44px,6vw,100px)}.feature-art img{aspect-ratio:4/3}.feature-rail{display:grid;gap:4px}.feature-rail article{display:grid;grid-template-columns:60px 1fr;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.feature-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:inset 0 1px rgba(255,255,255,.18),0 12px 30px rgba(0,0,0,.18)}.feature-icon svg{width:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-icon.gold{color:var(--gold);background:rgba(255,188,61,.11)}.feature-icon.aqua{color:var(--aqua);background:rgba(72,213,223,.1)}.feature-icon.coral{color:#ff8a76;background:rgba(255,107,95,.11)}.feature-icon.violet{color:#a989ff;background:rgba(124,89,220,.13)}.feature-rail h3{margin:0;font-size:1.08rem}.feature-rail p{margin:4px 0 0;color:var(--muted);font-size:.88rem;line-height:1.6}
.parents-section{padding:120px 0;background:radial-gradient(circle at 75% 50%,rgba(119,77,221,.18),transparent 37%),#0a1837}.parents-grid{display:grid;grid-template-columns:minmax(430px,.9fr) minmax(600px,1.1fr);align-items:center;gap:90px}.parents-copy ul{display:grid;gap:13px;margin:28px 0 0;padding:0;list-style:none}.parents-copy li{position:relative;padding-left:30px;color:#e2e8f4;font-size:.95rem}.parents-copy li::before{content:"✦";position:absolute;left:0;color:var(--gold)}.magic-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.magic-cards article{min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:28px;box-shadow:0 24px 56px rgba(0,0,0,.22);transition:transform .25s}.magic-cards article:hover{transform:translateY(-7px)}.magic-cards article:nth-child(1){background:linear-gradient(160deg,#25366e,#5d3db2)}.magic-cards article:nth-child(2){background:linear-gradient(160deg,#7a3b83,#df725d)}.magic-cards article:nth-child(3){background:linear-gradient(160deg,#0b7188,#41c4cf)}.magic-cards span{font-size:3rem;color:#ffe093;text-shadow:0 0 24px rgba(255,204,104,.7)}.magic-cards h3{margin:17px 0 0;font-size:1.04rem}.magic-cards p{margin:7px 0 0;color:rgba(255,255,255,.78);font-size:.82rem}
.final-section{padding:120px 0;background:linear-gradient(180deg,var(--night),#071126)}.final-shell{position:relative;min-height:430px;display:grid;grid-template-columns:390px 1fr;align-items:center;gap:60px;padding:30px 9% 30px 4%;overflow:hidden;border:1px solid rgba(255,215,137,.25);border-radius:40px;background:radial-gradient(circle at 22% 55%,rgba(255,184,62,.18),transparent 30%),linear-gradient(135deg,#102a5b,#201b51);box-shadow:var(--shadow)}.final-shell::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,210,117,.75) 1px,transparent 1px);background-size:54px 54px;opacity:.16}.final-shell img{position:relative;z-index:1;width:100%;max-height:370px;object-fit:contain;filter:drop-shadow(0 28px 38px rgba(0,0,0,.38))}.final-shell>div{position:relative;z-index:1}.final-shell p{margin:17px 0 28px;color:var(--muted);font-size:1.05rem}
.site-footer{padding:34px 0;border-top:1px solid var(--line);background:#050f24}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.site-footer .brand{font-size:1.35rem}.site-footer .brand img{width:42px;height:42px}.site-footer p{margin:0;color:#8494b2;font-size:.8rem}.site-footer nav{justify-self:end;display:flex;gap:26px}.site-footer nav a{color:#b7c3d9;font-size:.84rem;font-weight:700}.site-footer nav a:hover{color:var(--gold)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes hero-breathe{to{transform:scale(1.04)}}@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media(max-width:1100px){.desktop-nav{display:none}.header-inner{grid-template-columns:1fr auto}.header-actions{display:none}.menu-button{display:block}.hero-copy{width:min(540px,53vw)}.story-grid,.feature-stage,.parents-grid{gap:50px}.parents-grid{grid-template-columns:1fr}.magic-cards{max-width:800px}.final-shell{grid-template-columns:320px 1fr}}
@media(max-width:820px){.container{width:min(calc(100% - 36px),var(--container))}.site-header{position:absolute}.header-inner{min-height:76px}.brand{font-size:1.3rem}.brand img{width:42px;height:42px}.hero{min-height:760px;height:94svh}.hero-art{background-position:62% center}.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,11,29,.95) 0%,rgba(3,11,29,.72) 55%,rgba(3,11,29,.1) 100%)}.hero-copy{width:80%;padding-top:40px}.hero h1{font-size:clamp(3.5rem,12vw,5.5rem)}.hero-copy>p{font-size:1rem}.story-section,.features-section,.parents-section,.final-section{padding:90px 0}.story-grid,.feature-stage{grid-template-columns:1fr}.story-image{order:2}.story-copy{order:1}.section-heading{text-align:left;margin-bottom:38px}.feature-art img,.story-image img{border-radius:25px}.magic-cards{grid-template-columns:1fr 1fr}.magic-cards article:last-child{grid-column:1/-1}.final-shell{grid-template-columns:230px 1fr;padding:24px 30px}.footer-inner{grid-template-columns:1fr auto}.site-footer p{display:none}}
@media(max-width:560px){.container{width:min(calc(100% - 28px),var(--container))}.hero{min-height:720px;height:100svh}.hero-art{background-position:66% center}.hero-art::after{background:linear-gradient(180deg,rgba(3,11,29,.34) 0%,rgba(3,11,29,.62) 38%,rgba(3,11,29,.97) 83%)}.hero-inner{align-items:flex-end;padding-bottom:90px}.hero-copy{width:100%;padding:0}.hero h1{font-size:clamp(3.2rem,16vw,4.7rem)}.hero-copy>p{max-width:94%;margin-top:18px;line-height:1.55}.hero-actions{display:grid;margin-top:24px}.button{width:100%;min-height:54px}.scroll-cue{display:none}.story-copy h2,.section-heading h2,.parents-copy h2,.final-shell h2{font-size:clamp(2.7rem,13vw,4rem)}.journey-list li{grid-template-columns:45px 1fr}.journey-list li>span{width:42px;height:42px}.magic-cards{grid-template-columns:1fr}.magic-cards article,.magic-cards article:last-child{grid-column:auto;min-height:190px}.final-shell{grid-template-columns:1fr;text-align:center;padding:22px}.final-shell img{max-height:240px}.footer-inner{grid-template-columns:1fr}.site-footer nav{justify-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.stars i,.scroll-cue{animation:none}.reveal{opacity:1;transform:none;transition:none}}