@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#111a2b;--muted:#59606a;--yellow:#58acff;--yellow-dark:#175fce;--cream:#f7fbff;--blue:#dff3ff;--navy:#101c30;--line:#e8e8e5;--radius:24px;--font-display:'Outfit',system-ui,sans-serif;--font-body:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}p{line-height:1.65}.container{width:min(100% - 64px,1240px);margin-inline:auto}.section-pad{padding-block:112px}.scroll-progress{position:fixed;z-index:100;top:0;left:0;height:4px;width:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left}.skip-link{position:absolute;top:-100px;left:16px;background:var(--ink);color:#fff;padding:12px 18px;z-index:1000}.skip-link:focus{top:16px}.site-header{position:sticky;z-index:80;top:0;background:rgba(255,253,247,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,26,43,.06)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:34px}.brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand-mark{width:47px;height:47px;border:3px solid var(--ink);border-radius:50% 50% 43% 43%;transform:rotate(-15deg);display:grid;place-items:center;background:#fff;box-shadow:3px 4px 0 var(--yellow)}.brand-sole{font-size:25px;line-height:1;transform:rotate(15deg);color:var(--yellow-dark);text-shadow:1px 1px var(--ink)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:800 26px/1 var(--font-display);letter-spacing:-.055em}.brand-copy small{font:800 9px/1.6 var(--font-display);letter-spacing:.17em;margin-top:3px}.main-nav{display:flex;align-items:center;gap:31px;font-weight:700;font-size:14px}.main-nav>a:not(.nav-cta){transition:color .2s}.main-nav>a:not(.nav-cta):hover{color:#1766cf}.nav-cta{padding:14px 19px;background:var(--yellow);border-radius:50px;white-space:nowrap;transition:transform .2s,box-shadow .2s}.nav-cta:hover{transform:translateY(-3px);box-shadow:0 10px 22px #3f9cfa40}.nav-cta span{margin-left:8px}.menu-toggle{display:none}.hero{background:linear-gradient(135deg,#f7fbff 0%,#fff 68%);padding-top:54px;padding-bottom:32px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:10px;min-height:590px}.hero-copy{position:relative;z-index:3;padding-bottom:30px}.eyebrow,.overline{font:800 12px/1.3 var(--font-display);letter-spacing:.15em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #dbeaf7;border-radius:40px;padding:11px 14px;background:#fff;margin-bottom:26px}.live-dot{width:8px;height:8px;border-radius:50%;background:#3d9bf5;box-shadow:0 0 0 5px #d8edff;animation:pulse 2s infinite}.hero h1{font:900 clamp(62px,6.1vw,100px)/.99 var(--font-display);letter-spacing:-.065em;margin:0 0 26px;max-width:800px}.yellow-highlight{position:relative;white-space:nowrap;isolation:isolate}.yellow-highlight:before{content:"";position:absolute;z-index:-1;left:-.03em;right:-.08em;bottom:.07em;height:.48em;background:var(--yellow);border-radius:12px;transform:rotate(-1.5deg)}.hero-lead{font-size:19px;max-width:545px;color:#4d5664;margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:55px;padding:15px 24px;border-radius:50px;font-weight:800;font-size:14px;transition:transform .22s,box-shadow .22s,background .22s}.button:hover{transform:translateY(-4px)}.button span{font-size:18px;line-height:1}.button-dark{background:var(--ink);color:#fff;box-shadow:0 12px 22px #111a2b25}.button-dark:hover{box-shadow:0 17px 28px #111a2b30}.button-yellow{background:var(--yellow);box-shadow:0 11px 20px #4a9ff033}.text-link{font-weight:800;font-size:14px;border-bottom:2px solid var(--ink);padding-bottom:5px}.text-link:hover{color:#1762c7;border-color:#1762c7}.hero-trust{display:flex;align-items:flex-start;gap:10px;max-width:490px;margin-top:35px;color:#68717e;font-size:12px;line-height:1.55}.trust-icon{flex:none;width:19px;height:19px;border-radius:50%;background:#e7f7e8;color:#2b9051;display:grid;place-items:center;font-weight:900}.hero-art{height:600px;position:relative;display:grid;place-items:center}.sun-disc{position:absolute;width:min(92%,540px);aspect-ratio:1;border-radius:50%;background:var(--yellow);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #419bf021;animation:disc-breathe 6s ease-in-out infinite}.sun-disc:after{content:"";position:absolute;inset:19px;border:2px solid #ffffff75;border-radius:50%}.orbit{position:absolute;border:1.5px dashed #2a83d999;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:610px;height:610px;animation:spin 35s linear infinite}.orbit-two{width:690px;height:690px;border-color:#e1f0ff;animation:spin 50s linear infinite reverse}.mascot{position:relative;z-index:2;height:590px;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply;animation:mascot-bob 4s ease-in-out infinite;filter:drop-shadow(0 24px 14px #0d16221a)}.bubble{position:absolute;z-index:3;border-radius:50%;border:2px solid #77c9ed;background:radial-gradient(circle at 30% 25%,#fff 0 15%,#d7f3ff 23%,#7fd9f780 55%,#ffffff88 75%);box-shadow:inset -5px -5px 10px #4c8cdd2b;animation:bubble-drift 5s ease-in-out infinite}.bubble-a{width:26px;height:26px;top:17%;right:7%}.bubble-b{width:42px;height:42px;top:37%;left:3%;animation-delay:-2s}.bubble-c{width:18px;height:18px;top:66%;right:7%;animation-delay:-1s}.bubble-d{width:12px;height:12px;top:17%;left:18%;animation-delay:-3s}.hero-sticker{position:absolute;z-index:4;padding:12px 17px;background:#fff;border:1px solid #e9edf1;box-shadow:0 12px 28px #1322361a;border-radius:50px;font:800 13px var(--font-display);white-space:nowrap;animation:sticker-float 4s ease-in-out infinite}.hero-sticker span{color:#1766cf;margin-right:5px}.sticker-top{top:21%;left:0;transform:rotate(-7deg)}.sticker-bottom{right:-1%;bottom:19%;transform:rotate(5deg);animation-delay:-2s}.hero-bottom{display:flex;align-items:center;justify-content:space-between;color:#888d93;font:800 10px var(--font-display);letter-spacing:.2em}.down-arrow{font-size:27px;color:var(--ink);letter-spacing:0;animation:down 2s infinite}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start;margin-bottom:50px}.section-kicker{font:800 13px var(--font-display);letter-spacing:.14em;display:flex;align-items:center;gap:14px;padding-top:18px}.kicker-line{display:block;width:38px;height:3px;background:var(--yellow)}.intro h2,.audience h2,.partners h2,.pilot h2,.faq h2{font:800 clamp(38px,4.2vw,62px)/1.06 var(--font-display);letter-spacing:-.05em;margin:0 0 25px}.intro h2 em,.partners h2 em{font-style:normal;position:relative;z-index:0}.intro h2 em:after,.partners h2 em:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:.06em;height:.22em;background:var(--yellow)}.intro-grid p{font-size:18px;max-width:650px;color:var(--muted);margin:0}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-card{min-height:295px;padding:28px;background:#fafaf7;border:1px solid #ecebe6;border-radius:var(--radius);position:relative;transition:transform .3s,box-shadow .3s}.value-card:hover{transform:translateY(-8px) rotate(-.6deg);box-shadow:0 18px 35px #15203613}.value-number{font:800 12px var(--font-display);letter-spacing:.1em;color:#898e93}.value-icon{width:68px;height:68px;margin:20px 0 28px;border:2px solid var(--ink);border-radius:20px;background:var(--yellow);display:grid;place-items:center;font:700 38px var(--font-display);box-shadow:5px 5px 0 var(--ink)}.value-card h3{font:800 24px var(--font-display);letter-spacing:-.03em;margin:0 0 8px}.value-card p{color:var(--muted);margin:0;font-size:14px}.process{background:var(--navy);color:#fff;overflow:hidden}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:76px}.section-heading h2{font:800 clamp(48px,5vw,74px)/1 var(--font-display);letter-spacing:-.055em;margin:18px 0 0}.section-heading h2 span{color:var(--yellow)}.section-heading p{max-width:330px;margin:0;color:#b7c3d2}.overline{display:inline-block;color:#58acff}.overline.dark{color:#185db9}.process-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}.process-rail:before{content:"";position:absolute;top:25px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,var(--yellow),#67809e);transform:scaleX(0);transform-origin:left;transition:transform 1.3s}.process-rail.in-view:before{transform:scaleX(1)}.process-step{position:relative;padding:0 8px}.step-dot{display:grid;place-items:center;width:50px;height:50px;background:var(--yellow);color:var(--ink);border-radius:50%;font:800 13px var(--font-display);position:relative;z-index:1;box-shadow:0 0 0 8px var(--navy)}.step-icon{font:400 65px/1 var(--font-display);color:#fff;margin:36px 0 22px;transition:transform .35s}.process-step:hover .step-icon{transform:translateY(-8px) rotate(-7deg);color:var(--yellow)}.process-step h3{font:800 26px var(--font-display);margin:0 0 8px}.process-step p{font-size:14px;color:#b7c3d2;margin:0}.process-note{color:#b7c3d2;font-size:12px;margin:50px 0 0}.audience{overflow:hidden}.audience-grid,.partners-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.audience-art{height:565px;position:relative;display:grid;place-items:center}.art-shape{position:absolute;border-radius:50%}.art-shape-one{width:460px;height:460px;background:#e1f4fd}.art-shape-two{width:330px;height:330px;background:#c9edff;transform:translate(40px,15px)}.clean-card{width:310px;height:370px;background:#fff;border:3px solid var(--ink);border-radius:27px;box-shadow:16px 16px 0 var(--yellow),0 20px 35px #17233322;position:relative;z-index:1;transform:rotate(-6deg);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:27px 20px;animation:card-sway 6s ease-in-out infinite}.clean-card-top,.clean-card-bottom{font:800 13px var(--font-display);letter-spacing:.1em}.clean-card-top{align-self:stretch;display:flex;justify-content:space-between}.clean-card-top b{color:#1766cf;font-size:23px;line-height:0}.shoe-illustration{font-size:145px;line-height:1;filter:drop-shadow(4px 14px 2px #0002)}.clean-card-bottom{padding:10px 15px;border-radius:50px;background:var(--yellow)}.floating-label{position:absolute;z-index:2;background:#fff;border:1px solid #e3e7e9;border-radius:14px;padding:13px 16px;box-shadow:0 13px 30px #1a2a411e;font:800 13px var(--font-display);animation:sticker-float 4s ease-in-out infinite}.floating-label span{color:#1766cf;margin-left:5px}.label-one{left:0;top:100px;transform:rotate(-8deg)}.label-two{right:-9px;bottom:110px;transform:rotate(6deg);animation-delay:-2s}.audience-copy>p,.partners-copy>p{color:var(--muted);font-size:17px}.audience-copy h2,.partners-copy h2{margin-top:15px}.check-list{padding:0;margin:30px 0;list-style:none;display:grid;gap:13px}.check-list li{display:flex;gap:11px;color:#3c4753;font-size:14px}.check-list li:before{content:'✓';display:grid;place-items:center;flex:none;width:22px;height:22px;background:#e6f8ed;border-radius:50%;color:#249350;font-weight:900}.scope{background:#eaf5ff}.scope-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.scope h2{font:800 clamp(44px,5vw,70px)/1 var(--font-display);letter-spacing:-.05em;margin:15px 0 25px}.scope p{font-size:17px;max-width:550px;color:#5b5960}.scope-panel{background:#fff;border:1px solid #cfe5fa;border-radius:24px;padding:15px 26px;box-shadow:10px 10px 0 #c7e4ff}.scope-row{display:flex;align-items:flex-start;gap:15px;padding:17px 0;font-size:14px;font-weight:600;line-height:1.5}.scope-row+.scope-row{border-top:1px solid #edece7}.scope-symbol{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;font-weight:900}.scope-symbol.yes{background:#e7f7e8;color:#268d47}.scope-symbol.no{background:#f2f1ee;color:#767676}.partners{background:#fff}.partners-copy h2{font-size:clamp(38px,4vw,57px)}.partner-points{display:grid;gap:0;margin:25px 0 34px}.partner-points>div{display:grid;grid-template-columns:35px 1fr;column-gap:10px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}.partner-points>div>span{grid-row:span 2;color:#1766cf;font-size:24px;font-weight:900;line-height:1}.partner-points strong{font:800 17px var(--font-display)}.partner-points small{color:var(--muted);font-size:13px;margin-top:3px}.partner-visual{height:600px;position:relative;display:grid;place-items:center}.partner-circle{position:absolute;width:500px;height:500px;border-radius:50%;background:#e4f5ff}.store-card{position:relative;width:370px;height:395px;background:#fff;border:3px solid var(--ink);border-radius:9px 9px 18px 18px;box-shadow:20px 21px 0 #4a9ff0,0 25px 45px #16243c26;z-index:1;overflow:hidden;transform:rotate(3deg);animation:card-sway 7s ease-in-out infinite}.store-awning{height:94px;display:flex;border-bottom:3px solid var(--ink)}.store-awning span{flex:1;background:var(--yellow);border-right:2px solid var(--ink);border-radius:0 0 18px 18px}.store-awning span:nth-child(even){background:#fff}.store-sign{text-align:center;font:800 12px var(--font-display);letter-spacing:.16em;padding:20px 0 13px}.store-window{border:3px solid var(--ink);border-radius:9px;width:230px;height:154px;margin:0 auto;background:#e9f8ff;display:flex;align-items:center;justify-content:center;gap:10px;font:900 23px/1 var(--font-display);letter-spacing:-.04em}.store-window small{font:800 9px var(--font-display);letter-spacing:.1em}.store-sole{font-size:53px;color:#1766cf}.store-door{width:76px;height:85px;background:#e9f8ff;border:3px solid var(--ink);border-bottom:0;margin:20px auto 0}.route-chip{position:absolute;z-index:3;background:#fff;border:1px solid #e5e9ec;border-radius:50px;padding:12px 13px 12px 18px;box-shadow:0 12px 28px #12223a20;font:800 13px var(--font-display);animation:sticker-float 4s ease-in-out infinite}.route-chip span{background:var(--yellow);border-radius:50%;padding:7px;margin-left:5px}.route-chip-a{top:52px;left:-3px}.route-chip-b{right:-5px;top:220px;animation-delay:-1s}.route-chip-c{left:13px;bottom:28px;animation-delay:-2s}.pilot{background:var(--yellow)}.pilot-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.pilot h2{margin-top:18px;font-size:clamp(40px,4.4vw,64px)}.pilot p{font-size:17px;margin:0 0 25px}.pilot-badges{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.pilot-badges span{border:1.5px solid var(--ink);border-radius:50px;padding:10px 14px;font:800 12px var(--font-display);background:#eaf5ff}.pilot p.pilot-small{font-size:12px;line-height:1.6;max-width:560px;margin-top:27px;margin-bottom:0}.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq h2{margin-top:17px}.faq-grid>div>p{color:var(--muted);max-width:350px}.faq-list details{border-bottom:1px solid #dededb}.faq-list summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;font:800 19px var(--font-display)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:400 27px var(--font-display);display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#f6f6f2;transition:transform .3s,background .3s}.faq-list details[open] summary span{transform:rotate(45deg);background:var(--yellow)}.faq-list details p{margin:0 35px 25px 0;color:var(--muted);font-size:14px;line-height:1.75}.closing{background:var(--navy);color:#fff;text-align:center;position:relative;overflow:hidden}.closing-inner{position:relative;z-index:1}.closing h2{font:800 clamp(52px,6vw,88px)/.98 var(--font-display);letter-spacing:-.06em;margin:20px 0}.closing h2 span{color:var(--yellow)}.closing p{color:#c4cedb;font-size:17px;max-width:590px;margin:0 auto 30px}.closing-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button-white{background:#fff;color:var(--ink)}.button-outline{border:1.5px solid #a7b1bf;color:#fff}.button-outline:hover{background:#ffffff15}.closing-bubbles{position:absolute;inset:0;pointer-events:none}.closing-bubbles i{position:absolute;width:50px;height:50px;border:2px solid #58a2cd;border-radius:50%;background:#c9edff1c;animation:bubble-drift 7s ease-in-out infinite}.closing-bubbles i:nth-child(1){left:8%;top:30%}.closing-bubbles i:nth-child(2){right:12%;top:0;width:25px;height:25px;animation-delay:-3s}.closing-bubbles i:nth-child(3){right:6%;bottom:5%;width:72px;height:72px;animation-delay:-5s}.site-footer{background:#f7fbff}.footer-main{padding-block:70px 55px;display:flex;justify-content:space-between;gap:50px}.footer-main p{font-size:13px;color:var(--muted);margin:24px 0 0}.footer-main nav{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 50px;font-size:13px;font-weight:700}.footer-main nav a:hover,.footer-bottom a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #e6e5de;padding-block:20px;display:flex;justify-content:space-between;color:#747b85;font-size:12px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.value-card:nth-child(2),.process-step:nth-child(2){transition-delay:.1s}.value-card:nth-child(3),.process-step:nth-child(3){transition-delay:.2s}.process-step:nth-child(4){transition-delay:.3s}
@keyframes pulse{50%{box-shadow:0 0 0 9px #d8edff7a}}@keyframes mascot-bob{50%{transform:translateY(-13px) rotate(1deg)}}@keyframes bubble-drift{50%{transform:translate(8px,-18px)}}@keyframes disc-breathe{50%{transform:translate(-50%,-50%) scale(1.035)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes sticker-float{50%{translate:0 -9px}}@keyframes down{50%{transform:translateY(8px)}}@keyframes card-sway{50%{transform:rotate(-3deg) translateY(-7px)}}
@media(max-width:1080px){.main-nav{gap:17px;font-size:12px}.hero h1{font-size:clamp(60px,7vw,84px)}.hero-art{height:520px}.mascot{height:510px}.orbit-one{width:530px;height:530px}.orbit-two{width:600px;height:600px}.audience-grid,.partners-grid{gap:45px}.partner-visual{scale:.9}}
@media(max-width:760px){.container{width:min(100% - 36px,540px)}.section-pad{padding-block:75px}.header-inner{min-height:72px}.brand-mark{width:40px;height:40px}.brand-copy strong{font-size:23px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:0;background:none;cursor:pointer;z-index:4}.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.main-nav{position:absolute;left:0;right:0;top:72px;background:#f7fbff;display:none;flex-direction:column;align-items:stretch;gap:0;padding:15px 24px 25px;border-bottom:1px solid var(--line);box-shadow:0 18px 30px #111a2b14;font-size:15px}.main-nav.open{display:flex}.main-nav a{padding:13px 5px}.main-nav .nav-cta{text-align:center;margin-top:10px}.hero{padding-top:38px;padding-bottom:20px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:unset}.hero-copy{padding-bottom:0}.eyebrow{font-size:10px;margin-bottom:25px}.hero h1{font-size:clamp(55px,12vw,78px);margin-bottom:21px}.hero-lead{font-size:16px}.hero-actions{gap:20px}.button{min-height:51px;padding:13px 18px;font-size:13px}.hero-trust{margin-top:24px}.hero-art{height:450px;margin-top:10px}.sun-disc{width:360px}.mascot{height:435px}.orbit-one{width:405px;height:405px}.orbit-two{width:450px;height:450px}.hero-sticker{font-size:11px;padding:9px 11px}.sticker-top{left:0;top:18%}.sticker-bottom{right:0;bottom:13%}.hero-bottom{font-size:8px}.intro-grid,.scope-inner,.pilot-grid,.faq-grid{grid-template-columns:1fr;gap:25px}.intro-grid{margin-bottom:30px}.intro h2,.audience h2,.partners h2,.pilot h2,.faq h2{font-size:clamp(38px,9vw,52px)}.intro-grid p{font-size:16px}.value-grid{grid-template-columns:1fr}.value-card{min-height:240px}.value-icon{margin:12px 0 20px}.section-heading{display:block;margin-bottom:45px}.section-heading h2{font-size:51px}.section-heading p{margin-top:20px}.process-rail{grid-template-columns:1fr;gap:25px;padding-left:60px}.process-rail:before{left:24px;top:20px;bottom:20px;width:2px;height:auto;background:linear-gradient(var(--yellow),#67809e);transform:scaleY(0);transform-origin:top}.process-rail.in-view:before{transform:scaleY(1)}.process-step{padding:0;min-height:138px}.step-dot{position:absolute;left:-60px;top:0}.step-icon{font-size:38px;margin:0 0 5px}.process-step h3{font-size:22px}.process-note{margin-top:35px}.audience-grid,.partners-grid{grid-template-columns:1fr;gap:20px}.audience-art{height:440px;order:2}.audience-copy{order:1}.art-shape-one{width:350px;height:350px}.art-shape-two{width:260px;height:260px}.clean-card{width:245px;height:305px;padding:20px}.shoe-illustration{font-size:115px}.floating-label{font-size:11px}.label-one{top:60px}.label-two{bottom:60px}.scope-panel{padding:11px 18px;box-shadow:7px 7px 0 #c7e4ff}.partner-visual{height:450px;scale:.78}.partner-circle{width:480px;height:480px}.pilot p{font-size:16px}.faq-list summary{font-size:17px}.closing h2{font-size:clamp(49px,11vw,70px)}.footer-main{display:block;padding-block:50px}.footer-main nav{margin-top:35px}.footer-bottom{gap:15px;flex-wrap:wrap}}
@media(max-width:390px){.hero h1{font-size:50px}.hero-art{height:390px}.mascot{height:370px}.sun-disc{width:310px}.orbit-one{width:350px;height:350px}.orbit-two{width:390px;height:390px}.hero-sticker{display:none}.partner-visual{scale:.7;margin:-35px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.process-rail:before{transform:none!important}}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.hero-facts span{display:inline-flex;align-items:baseline;gap:5px;padding:9px 14px;background:#fff;border:1px solid #dbeaf7;border-radius:50px;font-size:13px;color:#545c66}.hero-facts strong{font:800 17px var(--font-display);color:var(--ink)}
.mascot{mix-blend-mode:normal}

/* Photographic sections and blue brand accents */
.photo-frame{position:relative;overflow:hidden;border-radius:28px;margin-inline:auto;box-shadow:0 22px 55px #102d5d1a;background:#dbeaf8}.photo-frame img,.photo-wrap>img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.photo-frame:hover img,.photo-wrap:hover>img{transform:scale(1.035)}.photo-frame figcaption{position:absolute;inset:auto 0 0;padding:45px 28px 22px;color:#fff;background:linear-gradient(transparent,#081a34be);font:800 18px var(--font-display);letter-spacing:-.02em}.photo-frame figcaption small{display:block;margin-top:3px;font:600 11px var(--font-body);letter-spacing:0;color:#dbe9f9}.intro-photo{height:360px;margin-top:0;margin-bottom:25px}.process-photo{height:310px;margin-bottom:65px;box-shadow:0 24px 55px #02091557}.process-photo img{object-position:center 55%}.photo-wrap{position:relative;overflow:hidden;border-radius:30px;box-shadow:0 23px 55px #102d5d23;background:#e7f4ff}.photo-wrap>img{display:block}.audience-art.photo-wrap{height:555px;display:block}.audience-art.photo-wrap>img{object-position:54% center}.photo-label{position:absolute;z-index:3;background:#fff;padding:11px 15px;border-radius:50px;font:800 12px var(--font-display);box-shadow:0 10px 28px #152a462b}.photo-label b{color:#1766cf}.audience-art.photo-wrap .label-one{top:28px;left:20px;transform:rotate(-3deg)}.audience-art.photo-wrap .label-two{left:auto;right:20px;bottom:25px;top:auto;transform:none;font:600 10px var(--font-body)}.scope-photo{height:300px;margin-top:60px}.partner-visual.photo-wrap{height:540px;display:block;scale:1!important}.partner-visual.photo-wrap>img{object-position:48% center}.partner-visual .route-chip-a{top:23px;left:15px}.partner-visual .route-chip-b{top:auto;bottom:90px;right:14px}.partner-visual .route-chip-c{left:15px;bottom:25px}.partner-caption{bottom:18px;right:18px;font:600 10px var(--font-body)}.pilot-photo{height:340px;margin-top:48px;box-shadow:0 22px 55px #0b4f9229}.faq-photo{height:245px;margin-top:28px}.faq-photo figcaption{font:600 10px var(--font-body);padding:24px 17px 12px}.hero-photo{position:absolute;z-index:4;right:0;top:8%;width:138px;height:102px;overflow:hidden;border-radius:18px;border:4px solid #fff;box-shadow:0 15px 30px #15294335;transform:rotate(6deg);animation:sticker-float 5s ease-in-out infinite}.hero-photo img{width:100%;height:100%;object-fit:cover}.sun-disc{background:linear-gradient(145deg,#73c1ff,#2d84ed)}.pilot{background:#b9ddff}.button-yellow{color:var(--ink)}
@media(max-width:760px){.intro-photo{height:250px}.process-photo{height:225px;margin-bottom:45px}.audience-art.photo-wrap{height:380px;order:2}.scope-photo{height:220px;margin-top:35px}.partner-visual.photo-wrap{height:380px;margin:10px 0 0;scale:1!important}.pilot-photo{height:225px}.faq-photo{height:225px}.hero-photo{display:none}.photo-frame figcaption{font-size:15px;padding:38px 18px 15px}.route-chip{font-size:11px;padding:9px 10px}.partner-visual .route-chip-b{bottom:75px}}
.closing{background-image:linear-gradient(90deg,#101c30f5,#101c30d9),url('assets/entrega-cliente.png');background-size:cover;background-position:center 47%}

/* Portada fotográfica */
.hero{background-image:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.80) 42%,rgba(255,255,255,.16) 100%),url("assets/hero-fondo.png");background-size:cover;background-position:center;background-repeat:no-repeat}
.sun-disc{opacity:.86}
@media(max-width:760px){.hero{background-image:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.90) 48%,rgba(255,255,255,.33) 100%),url("assets/hero-fondo.png");background-position:64% center}}

/* Más espacio para la portada en pantallas grandes */
@media(min-width:1081px){.hero{padding-top:72px;padding-bottom:55px}.hero-grid{min-height:730px}.hero-art{height:680px}.mascot{height:640px}}

/* Comparador antes y después */
.comparison{height:auto;overflow:visible;box-shadow:none;background:transparent;margin-top:0;margin-bottom:25px}
.comparison-stage{position:relative;height:360px;overflow:hidden;border-radius:28px;background:#dbeaf8;box-shadow:0 22px 55px #102d5d1a;cursor:ew-resize;touch-action:pan-y}
.comparison-stage:focus-within{outline:3px solid #1766cf;outline-offset:4px}
.comparison-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none}
.comparison-after{clip-path:inset(0 0 0 var(--reveal))}
.comparison-label{position:absolute;z-index:2;top:18px;padding:8px 12px;border-radius:30px;background:#fff;color:var(--ink);font:800 11px var(--font-display);letter-spacing:.12em;box-shadow:0 5px 18px #102d5d2b;pointer-events:none}
.comparison-label-before{left:18px}.comparison-label-after{right:18px}
.comparison-divider{position:absolute;z-index:3;top:0;bottom:0;left:clamp(23px,var(--reveal),calc(100% - 23px));width:2px;background:#fff;box-shadow:0 0 0 1px #124b8b60;pointer-events:none}
.comparison-divider span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:46px;height:46px;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;background:#1766cf;color:#fff;font:800 24px var(--font-display);box-shadow:0 6px 16px #102d5d70}
.comparison-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.comparison figcaption{margin-top:13px;color:var(--muted);font:700 13px var(--font-body);text-align:center}

/* Tabla de materiales */
.scope-panel h3{margin:12px 10px 18px;font:800 22px var(--font-display);letter-spacing:-.03em}
.shoe-table-wrap{overflow-x:auto}
.shoe-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}
.shoe-table th{padding:12px 10px;border-bottom:2px solid #9ecbfa;color:#185db9;font:800 11px var(--font-display);letter-spacing:.08em;text-transform:uppercase}
.shoe-table td{padding:14px 10px;border-bottom:1px solid #dce7f2;vertical-align:top}
.shoe-table td:first-child{font-weight:800;color:var(--ink)}
.scope-panel>p{margin:14px 10px 8px;color:var(--muted);font-size:12px}

/* Contacto */
.contact{background:#f1f7ff}.contact-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}
.contact h2{font:800 clamp(38px,4.2vw,62px)/1.06 var(--font-display);letter-spacing:-.05em;margin:16px 0 20px}
.contact p{margin:0;color:var(--muted);font-size:17px}
@media(max-width:760px){.comparison-stage{height:250px}.comparison-label{top:10px;font-size:9px;padding:7px 9px}.comparison-label-before{left:10px}.comparison-label-after{right:10px}.comparison figcaption{font-size:12px}.contact-inner{grid-template-columns:1fr;gap:28px}}
.comparison-range{touch-action:pan-y}
.contact-form{display:grid;gap:17px;padding:30px;border:1px solid #d6e8fa;border-radius:24px;background:#fff;box-shadow:0 18px 45px #102d5d12}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{display:grid;gap:8px;color:var(--ink);font:800 13px var(--font-display)}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;border:1px solid #cad9e9;border-radius:12px;background:#f9fcff;color:var(--ink);font:500 14px var(--font-body);padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s}
.contact-form textarea{resize:vertical;min-height:115px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#1766cf;box-shadow:0 0 0 3px #d8eaff}
.contact-form .button{border:0;cursor:pointer;justify-self:start}
.contact-form .form-note{font-size:12px;line-height:1.5;color:#64748b}
.whatsapp-float{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:120;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 12px 28px #0b633b55;transition:transform .2s,box-shadow .2s}
.whatsapp-float:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 17px 32px #0b633b66}
.whatsapp-float:focus-visible{outline:3px solid #0d5b36;outline-offset:4px}
.whatsapp-float svg{width:35px;height:35px}
@media(max-width:760px){.contact-form{padding:20px}.contact-form-row{grid-template-columns:1fr}.whatsapp-float{width:56px;height:56px;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.whatsapp-float svg{width:32px;height:32px}}

/* Precio protagonista en la portada */
.hero-facts .hero-price{padding:13px 18px;background:#d9ecff;border:2px solid #1766cf;border-radius:16px;color:#123e72;font-size:15px;box-shadow:0 8px 20px #1766cf26;transform:rotate(-2deg)}
.hero-facts .hero-price strong{font:900 27px/1 var(--font-display);color:#0d4385}
@media(max-width:760px){.hero-facts .hero-price strong{font-size:23px}}
