/* Gen Z alternative; uses shared layout and independent visual styling. */
:root{--ink:#10274d;--primary:#086bed;--dark:#064fc0;--pale:#edf4ff;--line:#cbdaf1;--muted:#556782;--lime:#d5ff5f}body{background:#fffef9}.navbar{background:#fffef9f5;border-bottom:2px solid var(--ink)}.logo{font-size:40px;color:var(--primary);letter-spacing:-2px}.brand-mark{display:none}.button{border:2px solid var(--ink);border-radius:100px;box-shadow:3px 4px 0 var(--ink);font-weight:700}.button:hover{transform:translate(2px,2px);box-shadow:1px 2px 0 var(--ink)}.button.small{background:var(--lime);color:var(--ink)}.hero{background:#086bed;color:white}.hero-grid{gap:55px;min-height:645px;padding-block:68px 73px;grid-template-columns:1.13fr 1fr}.hero .eyebrow{color:white;font-size:10px}.status-dot{background:var(--lime);box-shadow:0 0 0 4px #ffffff20}h1{font-size:76px;line-height:1.04;letter-spacing:-4.5px}h1 em{display:inline-block;background:var(--lime);color:var(--ink);padding:0 10px 8px;margin-top:12px;transform:rotate(-3deg);white-space:nowrap}.hero-copy>p{color:#edf4ff;font-size:16px;max-width:425px;margin-top:29px}.hero .button{background:var(--lime);color:var(--ink)}.hero .text-link{color:white}.hero-notes{color:#e5efff}.hero-bottom p,.hero-bottom strong{color:white}.mini-line{background:var(--lime)}.hero-media{padding:0 15px 0 8px}.photo-frame{border:3px solid var(--ink);border-radius:160px 160px 16px 16px;transform:rotate(3deg);box-shadow:9px 10px 0 #06479c}.photo-frame>img{height:430px;object-position:center 40%}.photo-frame:after{background:linear-gradient(transparent,#06224be6)}.photo-caption strong{font-size:23px}.photo-caption>span{font-size:8px}.floating-note{z-index:3;top:auto;bottom:105px;left:-25px;border:2px solid var(--ink);border-radius:10px;transform:rotate(-5deg);box-shadow:4px 4px 0 var(--ink);color:var(--ink)}.note-icon{background:var(--lime);color:var(--ink)}.orbit-sticker{position:absolute;right:-14px;top:-29px;background:var(--lime);color:var(--ink);border:2px solid var(--ink);width:112px;height:112px;border-radius:50%;z-index:4;display:grid;place-content:center;text-align:center;font-size:20px;font-weight:800;line-height:1.15;transform:rotate(13deg);box-shadow:4px 4px 0 var(--ink)}.photo-sticker{position:absolute;bottom:-19px;right:32px;background:#fffef9;color:var(--ink);padding:10px 18px;font-size:10px;letter-spacing:1px;font-weight:800;transform:rotate(-5deg);border:2px solid var(--ink);z-index:4}.image-label{bottom:-45px;color:#dfedff}.energy-strip{overflow:hidden;background:var(--lime);border-block:2px solid var(--ink);padding:17px 0;white-space:nowrap;font-size:19px;letter-spacing:2px;font-weight:800;line-height:1.3;text-align:center}.industry-strip{border-top:0;background:#fffef9}.industry-strip span{color:var(--ink)}h2{font-size:47px;letter-spacing:-2.5px}.feature-grid{gap:23px}.feature-card{border:2px solid var(--ink);border-radius:18px;box-shadow:5px 6px 0 var(--ink);background:#dceaff;padding:30px}.feature-card:nth-child(2){background:#eaffba;transform:rotate(2deg)}.feature-card:nth-child(3){background:#e9e3ff}.feature-icon{border:2px solid var(--ink);background:white;color:var(--ink);border-radius:12px;width:50px;height:50px}.card-number{font-weight:700;color:var(--ink)}.feature-card h3{font-size:20px}.feature-card p{color:#3b506c}.feature-tag{border-color:#10274d40;color:var(--ink)}.solutions{background:#edf3ff;border-block:2px solid var(--ink)}.photo-card{border:2px solid var(--ink);border-radius:17px;background:#fffef9}.photo-card>img{height:255px}.photo-card b{background:var(--lime);border:1px solid var(--ink);border-radius:50%;height:37px;width:37px;text-align:center;color:var(--ink);top:28px}.compact-card{border:2px solid var(--ink);border-radius:13px;background:#fffef9}.solution-card:hover{box-shadow:4px 5px 0 var(--ink);transform:translate(-2px,-2px)}.solution-symbol{background:#e4edff;color:var(--ink)}.steps article>span{background:var(--lime);border:1px solid var(--ink);color:var(--ink);font-weight:800;border-radius:11px;transform:rotate(-7deg)}.steps-layout h2{color:var(--primary)}.faq-section{background:#f4f0ff;border-block:2px solid var(--ink)}.faq-list details{background:#fffef9;border:1.5px solid var(--ink);border-radius:12px;padding:20px;margin-bottom:12px}.faq-list details:first-child{padding-top:20px}.final-cta{background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:22px;box-shadow:7px 8px 0 var(--ink);margin-block:65px 75px;padding:55px}.final-cta .eyebrow,.final-cta p{color:var(--ink)}.final-cta h2{font-size:48px}.final-cta .button.light{background:var(--primary);color:white}.footer-bottom{border-top:2px solid var(--ink)}
@media(max-width:1100px){h1{font-size:62px;letter-spacing:-3.5px}.hero-grid{gap:30px}.orbit-sticker{right:-5px;width:93px;height:93px;font-size:17px}.hero-actions{gap:19px}.hero-notes{font-size:9px}.final-cta h2{font-size:39px}.final-cta{padding:40px}h2{font-size:40px}}
@media(max-width:760px){.logo{font-size:35px}.nav-toggle{border:1.5px solid var(--ink);border-radius:8px}nav{background:#fffef9;border-bottom:2px solid var(--ink)}.hero-grid{grid-template-columns:1fr;gap:57px;padding-block:42px 64px;min-height:0}.hero-copy{max-width:100%}h1{font-size:58px;letter-spacing:-3.6px}.hero-copy>p{font-size:14px;margin-top:25px}.hero-actions{gap:20px}.hero-notes{font-size:9px;gap:13px}.hero-media{width:min(420px,100%);margin:auto;padding:0 12px}.photo-frame>img{height:370px}.photo-frame{border-radius:140px 140px 14px 14px}.orbit-sticker{right:0;top:-27px;width:89px;height:89px;font-size:17px}.floating-note{left:0;bottom:100px;padding:11px}.photo-caption strong{font-size:21px}.photo-sticker{font-size:8px;right:20px;bottom:-18px}.image-label{bottom:-40px;right:15px}.energy-strip{font-size:14px;padding:14px 0}h2{font-size:35px;letter-spacing:-1.8px}.feature-grid{gap:24px}.feature-card:nth-child(2){transform:none}.feature-card{padding:25px}.photo-card>img{height:225px}.photo-card h3{font-size:20px}.photo-card b{right:18px;top:25px}.final-cta{padding:32px 23px;margin-block:40px 50px}.final-cta h2{font-size:35px}.final-cta .button{font-size:11px}}@media(max-width:360px){h1{font-size:51px}.hero-actions{gap:12px}.hero-notes{flex-wrap:wrap;gap:5px}.hero .button{padding:13px}}