:root{--deep:#123F52;--deep-2:#0B3143;--orange:#F58A45;--cream:#F7F5EF;--mist:#DDEAF0;--ink:#173E50;--sub:#617782;--line:#DFE5E4;--white:#FFF;--radius:26px;--max:1216px;--shadow:0 20px 48px rgba(14,47,61,.10)}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:104px}
    body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
    body.menu-open{overflow:hidden}
    a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}img,svg{max-width:100%;display:block}::selection{background:#F58A45;color:#102F41}
    .skip-link{position:absolute;left:10px;top:-60px;background:var(--orange);color:var(--deep);padding:10px 15px;z-index:120;border-radius:10px}.skip-link:focus{top:10px}
    .container{max-width:var(--max);margin:auto;padding-inline:32px}
    h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Inter,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(46px,5.1vw,78px);line-height:1.08;font-weight:800}h2{font-size:clamp(34px,3.75vw,55px);line-height:1.15;font-weight:800}h3{font-weight:800}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--deep)}
    .eyebrow::before{content:"";width:22px;height:3px;background:var(--orange);border-radius:3px}
    .section-lead{font-size:16px;line-height:1.85;color:var(--sub);max-width:560px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:15px;padding:16px 22px;font-weight:800;font-size:13px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;min-height:54px;white-space:nowrap;border:1px solid transparent}
    .btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn svg{width:17px;height:17px;flex-shrink:0}
    .btn-primary{color:var(--white);background:var(--deep);box-shadow:0 10px 24px rgba(18,63,82,.13)}.btn-primary:hover{background:#0A3043;box-shadow:0 14px 28px rgba(18,63,82,.2)}
    .btn-accent{background:var(--orange);color:#123F52}.btn-accent:hover{background:#FF9D5E}
    .btn-outline{border-color:#CCD9DB;color:var(--deep);background:transparent}.btn-outline:hover{background:#fff;border-color:#AFC4C9}
    .btn-white{color:var(--deep);background:var(--white)}.btn-white:hover{background:var(--mist)}
    a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}

    .topbar{background:var(--deep);color:#EDF5F6;font-size:11px;font-weight:700;letter-spacing:.02em}
    .topbar .container{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:36px}
    .topbar span{display:flex;align-items:center;gap:7px}.topbar svg{height:14px;width:14px;color:var(--orange)}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(18,63,82,.08);transition:box-shadow .2s ease}
    .site-header.scrolled{box-shadow:0 12px 35px rgba(10,50,66,.08)}
    .header-row{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}
    .brand-icon{width:49px;height:49px;background:var(--deep);border-radius:15px;display:grid;place-items:center;overflow:hidden;box-shadow:0 7px 15px rgba(18,63,82,.13)}
    .brand-icon img{width:39px;height:39px;object-fit:contain}
    .brand-name{display:block;font-family:Manrope,Inter,sans-serif;color:var(--deep);font-size:24px;font-weight:800;letter-spacing:-.075em;line-height:1}
    .brand-name strong{color:var(--orange);font-weight:800}.brand-sub{display:block;margin-top:4px;letter-spacing:.13em;text-transform:uppercase;font-size:8.5px;font-weight:800;color:#667B84}
    .nav{display:flex;gap:32px;align-items:center;justify-content:center;margin-left:auto}.nav a{font-size:12px;font-weight:700;color:#435E69;transition:color .2s}.nav a:hover{color:var(--orange)}
    .header-actions{display:flex;align-items:center;gap:8px}.header-actions .btn{min-height:43px;padding:12px 17px;border-radius:12px;font-size:12px}
    .menu-toggle{width:45px;height:45px;border:1px solid #D1DFE0;border-radius:13px;color:var(--deep);background:transparent;display:none;place-items:center}.menu-toggle svg{height:22px;width:22px}

    .hero{position:relative;padding:62px 0 78px;overflow:hidden}
    .hero:before{content:"";position:absolute;width:410px;height:410px;left:-220px;top:160px;border:1px solid rgba(18,63,82,.09);border-radius:50%;pointer-events:none}
    .hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:44px;align-items:center}
    .hero-copy{padding-block:18px;position:relative;z-index:2}
    .hero-copy .eyebrow{margin-bottom:27px}
    .hero h1{margin-bottom:24px;max-width:630px}
    .hero h1 .accent{color:var(--orange);position:relative;display:inline-block}
    .hero h1 .accent:after{position:absolute;content:"";left:2%;bottom:-8px;width:91%;height:7px;background:var(--orange);opacity:.26;transform:rotate(-1deg);border-radius:50%}
    .hero-copy>p{font-size:16px;color:#58707B;line-height:1.85;max-width:490px;margin-bottom:29px}
    .hero-ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
    .hero-foot{display:flex;gap:13px;align-items:center;margin-top:30px;font-size:11px;font-weight:700;color:#718791}
    .hero-foot span{display:flex;gap:7px;align-items:center}.hero-foot svg{width:15px;height:15px;color:var(--deep)}.hero-foot i{display:block;width:3px;height:3px;border-radius:50%;background:#9CAFB7}
    .hero-stage{height:555px;background:var(--deep);border-radius:36px 36px 110px 36px;position:relative;isolation:isolate;overflow:visible;box-shadow:0 28px 55px rgba(17,64,82,.14)}
    .hero-stage::before{content:"";inset:0;position:absolute;border-radius:inherit;overflow:hidden;background:radial-gradient(circle at 62% 27%,#28647A 0%,transparent 45%),linear-gradient(145deg,#164B5F,#082F43);z-index:-1}
    .stage-inner{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
    .stage-orbit{position:absolute;width:450px;height:450px;border:1px solid rgba(221,234,240,.15);border-radius:50%;top:47px;left:20px}.stage-orbit::after{content:"";position:absolute;inset:43px;border:1px solid rgba(221,234,240,.14);border-radius:50%}
    .stage-giant{position:absolute;right:-10px;top:-39px;font:800 310px/1 Manrope,sans-serif;letter-spacing:-.1em;color:rgba(255,255,255,.055);transform:rotate(-6deg);pointer-events:none}
    .stage-glow{position:absolute;width:270px;height:270px;background:var(--orange);border-radius:50%;filter:blur(5px);top:154px;left:115px;opacity:.96}
    .stage-socks{position:absolute;inset:23px 0 0 0;overflow:visible;filter:drop-shadow(0 25px 14px rgba(3,23,31,.2))}
    .stage-top{position:absolute;top:31px;left:33px;color:#E2F0F0;font-size:10px;letter-spacing:.12em;font-weight:800;line-height:1.65;text-transform:uppercase;z-index:1}
    .dot-matrix{position:absolute;right:32px;top:31px;display:grid;grid-template-columns:repeat(4,8px);gap:9px}.dot-matrix i{background:var(--orange);height:8px;width:8px;display:block;border-radius:50%}.dot-matrix i:nth-child(even){opacity:.38}
    .badge-dozen{position:absolute;bottom:33px;left:-27px;background:var(--white);border-radius:20px;padding:14px 20px;display:flex;gap:12px;align-items:center;box-shadow:0 16px 30px rgba(3,35,46,.13)}.badge-dozen b{font:800 40px/1 Manrope,sans-serif;color:var(--orange);letter-spacing:-.08em}.badge-dozen span{font-size:10px;font-weight:800;color:var(--deep);line-height:1.35;letter-spacing:.04em;text-transform:uppercase}
    .stage-caption{position:absolute;right:22px;bottom:27px;color:#B9D4DE;font-size:9px;opacity:.75}
    .dash{width:42px;height:3px;background:var(--orange);margin:0 0 20px;border-radius:5px}

    .quick-strip{margin-top:-15px;position:relative;z-index:3}
    .quick-shell{background:var(--white);border:1px solid #E8EAE5;box-shadow:0 12px 28px rgba(20,49,61,.035);border-radius:20px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}
    .quick-item{display:flex;align-items:center;justify-content:center;gap:14px;padding:23px 19px;min-width:0}
    .quick-item:not(:last-child){border-right:1px solid #E8EAE5}.quick-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#E9F1F2;color:var(--deep);flex-shrink:0}.quick-icon svg{width:21px;height:21px}.quick-item b{display:block;font:800 13px/1.45 Manrope,sans-serif;color:var(--deep)}.quick-item span{display:block;font-size:10px;color:#819199;margin-top:3px}

    .about{padding:125px 0 106px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
    .about-visual{height:430px;background:var(--mist);border-radius:30px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}
    .about-visual::before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(18,63,82,.12);border-radius:50%;left:-92px;top:53px}.about-visual::after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:#CAE1EA;right:-57px;top:-60px}
    .pack-card{position:relative;background:var(--cream);width:270px;height:300px;border-radius:21px;box-shadow:0 26px 40px rgba(18,63,82,.15);transform:rotate(-7deg);padding:24px 22px 22px;z-index:1;border:1px solid #fff}
    .pack-top{display:flex;justify-content:space-between;align-items:center;font-family:Manrope,sans-serif;color:var(--deep);font-size:13px;font-weight:800}.pack-top span:last-child{color:var(--orange);font-size:13px}
    .mini-packs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 6px;margin:34px 0 30px;justify-items:center}.mini-sock{width:31px;height:49px;background:var(--deep);border-radius:7px 7px 9px 8px;position:relative;transform:rotate(-10deg)}.mini-sock:before{content:"";position:absolute;width:23px;height:19px;background:inherit;left:11px;top:28px;border-radius:4px 6px 9px 4px;transform:rotate(-15deg)}.mini-sock:after{content:"";position:absolute;width:100%;height:6px;background:var(--orange);left:0;top:9px}.mini-sock:nth-child(3n){background:#4D8A9F}.mini-sock:nth-child(4n){background:#245E74}
    .pack-bottom{display:flex;justify-content:space-between;font-size:10px;font-weight:800;color:var(--deep);border-top:1px solid #D8E2E2;padding-top:16px}
    .circle-tag{position:absolute;right:12px;bottom:45px;z-index:3;height:112px;width:112px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:var(--orange);color:var(--deep);transform:rotate(11deg);box-shadow:0 12px 24px rgba(245,138,69,.23)}.circle-tag strong{font:800 37px/1 Manrope,sans-serif}.circle-tag span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
    .about-copy .eyebrow,.steps-heading .eyebrow,.audience-top .eyebrow,.faq-top .eyebrow{margin-bottom:18px}.about-copy h2{margin-bottom:24px}.about-copy h2 em{color:var(--orange);font-style:normal}.about-copy .section-lead{margin-bottom:24px}
    .check-line{display:flex;align-items:start;gap:12px;margin-bottom:14px;color:#3D5F6A;font-size:13px;font-weight:600;line-height:1.6}.check-line svg{width:19px;height:19px;color:var(--orange);flex-shrink:0;margin-top:1px}
    .inline-link{display:inline-flex;align-items:center;gap:10px;color:var(--deep);font-size:13px;font-weight:800;margin-top:16px;border-bottom:2px solid var(--orange);padding-bottom:6px}.inline-link svg{width:15px;height:15px}

    .audience{background:var(--deep);color:white;padding:100px 0;overflow:hidden;position:relative}
    .audience::before{content:"12";font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.11em;font-size:400px;position:absolute;right:-50px;top:-145px;color:rgba(255,255,255,.026);pointer-events:none}
    .audience-top{position:relative;display:flex;justify-content:space-between;align-items:end;gap:34px;margin-bottom:36px}.audience .eyebrow{color:#DDEAF0}.audience h2{color:#fff;max-width:760px;margin:0}.audience-top p{max-width:250px;margin:0;color:#BDD4DA;font-size:13px;line-height:1.75}
    .audience-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:19px}
    .aud-card{border-radius:24px;padding:33px;background:#F7F5EF;color:var(--deep);display:flex;min-height:320px;flex-direction:column;position:relative;overflow:hidden;transition:transform .2s}.aud-card:hover{transform:translateY(-3px)}.aud-card:nth-child(2){background:var(--mist)}
    .aud-card .tag{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:9px 12px;border-radius:9px;align-self:flex-start;font-size:10px;letter-spacing:.08em;font-weight:800;text-transform:uppercase;z-index:1}
    .aud-card h3{font-size:30px;line-height:1.12;letter-spacing:-.05em;margin-top:34px;margin-bottom:13px;position:relative;z-index:1}.aud-card p{font-size:13px;line-height:1.7;color:#57717B;max-width:315px;position:relative;z-index:1;margin-bottom:20px}.aud-card a{margin-top:auto;position:relative;z-index:1;display:inline-flex;gap:9px;align-items:center;font-weight:800;font-size:12px;width:max-content;border-bottom:2px solid var(--orange);padding-bottom:6px}.aud-card a svg{width:14px;height:14px}.aud-card .card-art{position:absolute;right:-13px;bottom:36px;height:180px;width:160px;opacity:.24;transform:rotate(-13deg)}.aud-card:nth-child(2) .card-art{opacity:.17;right:2px}

    .steps{padding:110px 0}.steps-heading{max-width:730px;margin-bottom:40px}.steps-heading h2{margin-bottom:15px}.steps-heading p{margin-bottom:0}
    .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .step{border:1px solid #E2E6E2;background:#fff;border-radius:23px;padding:29px;min-height:275px;display:flex;flex-direction:column}.step-index{display:flex;justify-content:space-between;align-items:center}.step-index b{font-family:Manrope,sans-serif;font-size:12px;font-weight:800;color:#B0BFC2}.step-icon{height:48px;width:48px;background:#EAF2F2;border-radius:15px;display:grid;place-items:center;color:var(--deep)}.step-icon svg{width:22px;height:22px}.step h3{font-size:22px;margin:45px 0 12px}.step p{font-size:13px;line-height:1.75;color:var(--sub);margin:0}
    .steps-note{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#718993;margin-top:26px}.steps-note svg{width:17px;height:17px;color:var(--orange)}

    .mid-cta{padding-bottom:100px}.mid-shell{position:relative;border-radius:29px;background:#F3A16F;min-height:225px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:45px 55px}.mid-shell::after{content:"12";position:absolute;font:800 250px/1 Manrope,sans-serif;letter-spacing:-.1em;right:12px;top:-67px;color:rgba(255,255,255,.15);pointer-events:none}.mid-shell>div{position:relative;z-index:1}.mid-shell h2{font-size:clamp(28px,3vw,44px);max-width:600px;margin:0 0 12px;color:var(--deep)}.mid-shell p{font-size:13px;line-height:1.6;margin:0;max-width:485px;color:#325466}.mid-shell .btn{flex-shrink:0;position:relative;z-index:1}

    .faq{padding:12px 0 113px}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}.faq-top h2{margin-bottom:18px}.faq-top .section-lead{font-size:14px}.faq-top .btn{margin-top:15px}.faq-items{border-top:1px solid #D5E0DF}.faq-item{border-bottom:1px solid #D5E0DF;padding:0}.faq-item summary{list-style:none;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px 2px;cursor:pointer;font:800 14px/1.5 Manrope,sans-serif;color:var(--deep)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";font-size:23px;line-height:1;font-weight:500;color:var(--orange);transition:transform .2s;flex-shrink:0}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item p{max-width:560px;font-size:13px;line-height:1.85;color:#607B85;padding:0 38px 23px 2px;margin:0}

    .final{padding:0 0 42px}.final-panel{border-radius:30px;padding:68px 28px;text-align:center;background:var(--deep);position:relative;overflow:hidden}.final-panel::before,.final-panel::after{content:"";position:absolute;border:1px solid rgba(221,234,240,.1);width:390px;height:390px;border-radius:50%;top:-155px}.final-panel::before{left:-175px}.final-panel::after{right:-175px}.final-panel .eyebrow{color:#DBEAF0}.final-panel h2{color:white;margin:22px auto 17px;max-width:730px}.final-panel p{color:#BCD3DB;font-size:14px;line-height:1.8;max-width:520px;margin:0 auto 25px}.final-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.final-panel>*{position:relative;z-index:1}
    .footer{padding:25px 0 34px}.footer-layout{display:flex;justify-content:space-between;gap:35px;align-items:start}.footer-brand p{color:#6F8790;font-size:12px;line-height:1.8;margin:15px 0 0;max-width:320px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;padding-top:10px}.footer-links a{font-size:12px;color:#466370;font-weight:700}.footer-links a:hover{text-decoration:underline}.footer-bottom{margin-top:28px;padding-top:21px;border-top:1px solid #DBE2DF;display:flex;gap:20px;justify-content:space-between;color:#879AA0;font-size:11px}
    .mobile-cta{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
    .js .reveal{opacity:0;transform:translateY(17px);transition:opacity .65s ease,transform .65s ease}.js .reveal.visible{opacity:1;transform:translateY(0)}

    @media(max-width:1100px){.nav{gap:19px}.hero-grid{gap:26px}.hero-stage{height:490px}.stage-glow{width:230px;height:230px;left:95px;top:144px}.stage-socks{inset:8px 0 0}.about-grid{gap:58px}.faq-grid{gap:45px}}
    @media(max-width:850px){.container{padding-inline:24px}.topbar span:last-child{display:none}.header-row{min-height:75px}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:20px 24px 24px;box-shadow:0 25px 35px rgba(10,45,60,.12);border-bottom:1px solid #D6E1E1;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid #DDE5E3}.menu-toggle{display:grid}.header-actions .btn{display:none}.hero{padding:55px 0 50px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-copy{padding:0}.hero h1{max-width:760px}.hero-stage{height:470px;max-width:660px;width:100%;margin-inline:auto}.hero-stage .stage-socks{left:12%;right:12%;width:76%}.stage-glow{left:30%}.badge-dozen{left:-10px}.quick-strip{margin-top:0}.about{padding:90px 0}.about-grid{gap:35px}.about-visual{height:390px}.audience{padding:80px 0}.audience-top{align-items:start;flex-direction:column}.audience-top p{max-width:520px}.aud-card{padding:27px}.steps{padding:80px 0}.step{padding:24px}.faq-grid{grid-template-columns:1fr;gap:33px}.faq{padding-bottom:80px}}
    @media(max-width:650px){.container{padding-inline:19px}.topbar{font-size:10px}.topbar .container{min-height:34px}.brand-icon{width:43px;height:43px;border-radius:13px}.brand-icon img{width:34px;height:34px}.brand-name{font-size:22px}.brand-sub{font-size:7.5px}.hero{padding-top:40px}.hero-copy .eyebrow{margin-bottom:19px}.hero h1{font-size:clamp(40px,10.5vw,58px);letter-spacing:-.065em;line-height:1.11;margin-bottom:20px}.hero-copy>p{font-size:14px;line-height:1.82}.hero-ctas{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-ctas .btn{padding:14px 10px;min-height:52px;font-size:11.5px}.hero-ctas .btn svg{width:15px}.hero-foot{margin-top:24px;flex-wrap:wrap;font-size:10px}.hero-stage{height:355px;border-radius:25px 25px 72px 25px;margin:0 12px;width:calc(100% - 12px)}.stage-orbit{width:315px;height:315px;left:6%;top:25px}.stage-glow{width:195px;height:195px;top:100px;left:25%}.stage-giant{font-size:210px;top:-30px}.stage-socks{left:0 !important;right:0 !important;width:100% !important;inset:0 !important}.stage-top{font-size:8px;top:24px;left:20px}.dot-matrix{top:25px;right:22px;grid-template-columns:repeat(4,6px);gap:7px}.dot-matrix i{width:6px;height:6px}.badge-dozen{bottom:20px;left:-12px;border-radius:13px;padding:9px 12px;gap:7px}.badge-dozen b{font-size:29px}.badge-dozen span{font-size:8px}.stage-caption{right:12px;bottom:16px;font-size:7px}.quick-shell{grid-template-columns:1fr;gap:0;border-radius:18px}.quick-item{justify-content:start;padding:16px 20px}.quick-item:not(:last-child){border-right:0;border-bottom:1px solid #E8EAE5}.quick-icon{width:40px;height:40px;border-radius:11px}.quick-item b{font-size:12px}.quick-item span{font-size:10px}.about{padding:83px 0 76px}.about-grid{grid-template-columns:1fr;gap:35px}.about-copy{order:-1}.about-copy h2{font-size:37px}.about-visual{height:335px}.pack-card{transform:rotate(-7deg) scale(.87)}.circle-tag{height:88px;width:88px;bottom:28px;right:16px}.circle-tag strong{font-size:28px}.circle-tag span{font-size:8px}.audience{padding:73px 0}.audience h2{font-size:38px}.audience-grid{grid-template-columns:1fr}.aud-card{min-height:285px}.aud-card h3{margin-top:27px}.steps{padding:80px 0}.steps-grid{grid-template-columns:1fr;gap:11px}.step{min-height:0;padding:23px}.step h3{margin-top:21px}.steps-heading h2,.faq-top h2{font-size:38px}.steps-note{align-items:start;text-align:center;font-size:11px}.mid-cta{padding-bottom:76px}.mid-shell{padding:32px 27px;align-items:stretch;flex-direction:column;gap:23px}.mid-shell .btn{align-self:flex-start}.mid-shell::after{font-size:190px;right:-2px;top:35px}.faq{padding-bottom:75px}.faq-item summary{font-size:13px}.final{padding-bottom:26px}.final-panel{padding:49px 19px 53px;border-radius:22px}.final-panel h2{font-size:35px}.final-buttons{flex-direction:column}.final-buttons .btn{width:100%}.footer{padding-bottom:94px}.footer-layout{flex-direction:column;gap:25px}.footer-links{gap:18px}.footer-bottom{flex-direction:column;gap:8px}.mobile-cta{display:flex;position:fixed;z-index:45;bottom:0;left:0;right:0;padding:10px 13px calc(10px + env(safe-area-inset-bottom));background:rgba(247,245,239,.97);backdrop-filter:blur(13px);box-shadow:0 -9px 32px rgba(14,54,70,.1);border-top:1px solid #D7E3E2;gap:8px}.mobile-cta a{flex:1;min-height:45px;padding:11px 13px;border-radius:12px;font-size:12px}.mobile-cta a:nth-child(2){flex:.75}.footer .brand-sub{margin-top:4px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
  

/* Complementos editoriales Punto 12 - sitio estático */
.help-hub{padding:10px 0 116px;position:relative}.hub-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:35px}.hub-heading h2{max-width:600px;margin:19px 0 0}.hub-heading .section-lead{max-width:385px;font-size:14px}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.hub-card{position:relative;display:block;background:#fff;border:1px solid #E0E8E7;border-radius:24px;padding:30px;min-height:305px;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}.hub-card:hover{transform:translateY(-7px);box-shadow:0 22px 44px rgba(18,63,82,.11);border-color:#B8CFD1}.hub-icon{width:53px;height:53px;display:grid;place-items:center;border-radius:17px;color:var(--deep);background:var(--mist)}.hub-icon svg{width:26px;height:26px}.hub-card:nth-child(2) .hub-icon{background:#FEEADB}.hub-card:nth-child(3) .hub-icon{background:#E9F1EC}.hub-number{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#82959B;margin:27px 0 7px}.hub-card h3{font-size:25px;margin:0 0 11px}.hub-card p{font-size:13px;color:var(--sub);line-height:1.8;margin:0 0 21px}.hub-more{color:var(--deep);font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:12px;position:relative}.hub-more>span{color:var(--orange);transition:transform .25s}.hub-card:hover .hub-more>span{transform:translate(3px,-3px)}.faq-item a{color:var(--deep);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px;font-weight:700}.footer-links{max-width:540px;justify-content:flex-end;line-height:1.7}
/* Movimiento sutil, sin afectar el layout */
@keyframes p12-hover{0%,100%{transform:translateY(0px)}50%{transform:translateY(-9px)}}
@keyframes p12-glow{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes p12-breathe{0%,100%{filter:drop-shadow(0 25px 14px rgba(3,23,31,.2))}50%{filter:drop-shadow(0 33px 18px rgba(3,23,31,.19))}}
@media(prefers-reduced-motion:no-preference){.stage-glow{animation:p12-glow 9s ease-in-out infinite}.stage-socks{animation:p12-hover 8s ease-in-out infinite,p12-breathe 8s ease-in-out infinite}}
/* Páginas de información */
.info-hero{background:var(--deep);position:relative;color:white;padding:90px 0 92px;overflow:hidden}.info-hero::before{content:'12';position:absolute;right:-10px;top:-165px;color:rgba(255,255,255,.045);font:800 430px/1 Manrope,Inter,sans-serif;letter-spacing:-.12em}.info-hero>*{position:relative}.info-hero .eyebrow{color:#C9E1E8}.info-hero h1{color:white;max-width:890px;margin:22px 0 22px;font-size:clamp(46px,5vw,70px)}.info-hero p{max-width:680px;color:#D1E1E6;line-height:1.8;font-size:16px}.info-breadcrumb{display:flex;gap:9px;align-items:center;margin:0 0 24px;font-size:12px;font-weight:700;color:#B6D2DA}.info-breadcrumb a:hover{text-decoration:underline}.info-block{padding:100px 0 90px}.info-heading{margin-bottom:33px;max-width:800px}.info-heading h2{font-size:clamp(29px,3vw,45px);margin:14px 0}.info-heading p{color:var(--sub);line-height:1.8}.info-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.info-card{background:white;border-radius:22px;padding:29px;border:1px solid #E4E9E8}.info-card--accent{background:#FCEDE0;border-color:#F4DCC9}.info-card--mist{background:#E7F1F3;border-color:#D8E8EC}.info-card-num{color:var(--orange);font:800 12px Manrope,Inter,sans-serif;letter-spacing:.09em}.info-card h3{font-size:23px;margin:13px 0 13px}.info-card p,.info-card li{font-size:14px;line-height:1.85;color:#536F7C}.info-card p:last-child{margin-bottom:0}.info-card ul{padding-left:21px;margin-bottom:0}.info-callout{margin-top:24px;border:1px solid #BBD3D9;border-radius:19px;padding:23px 27px;background:#EAF2F3;color:var(--deep);display:flex;gap:13px;line-height:1.75;font-size:13px}.info-callout svg{width:23px;height:23px;flex:none}.info-panel{background:white;border-radius:27px;border:1px solid #E1E9E9;padding:35px;margin-top:23px}.info-panel h3{font-size:25px;margin-bottom:16px}.info-panel p,.info-panel li{color:#536F7C;line-height:1.85;font-size:14px}.info-panel p:last-child{margin-bottom:0}.info-table-wrap{overflow:auto;border-radius:19px;border:1px solid #D7E2E2;background:#fff}.info-table{width:100%;border-collapse:collapse;min-width:560px;text-align:left}.info-table th{background:#EAF1F2;color:var(--deep);font-size:12px;padding:19px 22px}.info-table td{color:#466676;font-size:13px;padding:18px 22px;border-top:1px solid #E8EEEE}.info-table tr:hover td{background:#FAFAF8}.info-cards-subheading{font-size:25px;margin:40px 0 20px}.page-final{padding-top:0}.page-final .final-panel{padding:57px 25px}.info-inline-link{font-weight:800;color:var(--deep);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--orange)}
/* microdetalles */
.stage-orbit{pointer-events:none}.brand-icon{transition:transform .25s,box-shadow .25s}.brand:hover .brand-icon{transform:rotate(-3deg) scale(1.04);box-shadow:0 12px 26px rgba(18,63,82,.18)}
@media(max-width:900px){.hub-heading{display:block}.hub-heading .section-lead{margin-top:18px;max-width:620px}.hub-grid{grid-template-columns:1fr 1fr}.hub-card:last-child{grid-column:1/-1}.info-hero{padding:75px 0}.info-block{padding:70px 0}}
@media(max-width:650px){.help-hub{padding:0 0 83px}.hub-heading h2{font-size:37px}.hub-grid{grid-template-columns:1fr;gap:12px}.hub-card:last-child{grid-column:auto}.hub-card{min-height:0;padding:24px}.hub-number{margin-top:17px}.hub-card h3{font-size:24px}.info-hero{padding:57px 0 65px}.info-hero h1{font-size:45px}.info-hero p{font-size:14px}.info-block{padding:65px 0}.info-heading h2{font-size:34px}.info-card-grid{grid-template-columns:1fr;gap:12px}.info-card{padding:25px}.info-panel{padding:24px}.info-callout{padding:20px}.footer-links{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.stage-glow,.stage-socks{animation:none!important}.hub-card,.brand-icon{transition:none!important}}