@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Mono:wght@400;700&family=Permanent+Marker&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --teal:#00F0B5;--mag:#D946EF;--hot-pink:#FF2D78;--acid:#CCFF00;
  --blue-ice:#7DD3FC;--dark:#0A0A12;--dark2:#111119;--dark3:#1A1A26;--dark4:#1e1e30;
  --gray:#888899;--lgray:#AAAABC;--white:#F0F0FF;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--dark);color:var(--white);font-family:'Outfit',sans-serif;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}

/* Typography */
.marker{font-family:'Permanent Marker',cursive}
.mono{font-family:'Space Mono',monospace}
.teal{color:var(--teal)}.pink{color:var(--hot-pink)}.acid{color:var(--acid)}
.grad-text{background:linear-gradient(135deg,var(--teal),var(--mag));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ===== POP ART BACKGROUND SYSTEM ===== */
.pa-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.pa-halftone{position:absolute;inset:0;background-image:radial-gradient(circle,var(--hot-pink) 1px,transparent 1px);background-size:8px 8px;opacity:.03}
.pa-slash{position:absolute;transform:skewX(-15deg);opacity:.05}
.pa-s1{width:120px;height:800px;top:-5%;left:-3%;background:linear-gradient(135deg,var(--hot-pink),var(--mag))}
.pa-s2{width:80px;height:700px;top:10%;right:-2%;background:linear-gradient(135deg,var(--teal),var(--acid));opacity:.04}
.pa-s3{width:100px;height:600px;bottom:5%;left:35%;background:linear-gradient(135deg,var(--mag),#6366F1);opacity:.03;transform:skewX(18deg)}
.pa-scatter{position:absolute;font-family:'Permanent Marker',cursive;opacity:.025;pointer-events:none;white-space:nowrap;letter-spacing:.1em}
.pa-pixel{position:absolute;background-image:linear-gradient(45deg,var(--hot-pink) 25%,transparent 25%),linear-gradient(-45deg,var(--mag) 25%,transparent 25%);background-size:3px 3px;opacity:.035}
.pa-glitch{position:absolute;left:0;right:0;height:1px;opacity:.05}
.pa-corner{position:absolute;width:24px;height:24px}
.pa-corner.tl{top:20px;left:20px;border-left:2px solid rgba(255,45,120,.12);border-top:2px solid rgba(255,45,120,.12)}
.pa-corner.tr{top:20px;right:20px;border-right:2px solid rgba(255,45,120,.12);border-top:2px solid rgba(255,45,120,.12)}

/* ===== NAV ===== */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;transition:all .4s;backdrop-filter:blur(0px)}
nav.scrolled{background:rgba(10,10,18,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.04);padding:12px 32px}
.nav-logo{font-family:'Permanent Marker',cursive;font-size:22px;letter-spacing:.08em;text-decoration:none;color:var(--white);position:relative}
.nav-logo::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--hot-pink);opacity:.3;transform:scaleX(0);transition:transform .3s;transform-origin:left}
.nav-logo:hover::after{transform:scaleX(1)}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{color:var(--lgray);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.03em;transition:color .3s;position:relative}
.nav-links a:hover{color:var(--white)}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--teal);opacity:0;transition:opacity .3s}
.nav-links a:hover::after{opacity:1}
.nav-cta{padding:8px 20px;border-radius:100px;background:var(--teal);color:var(--dark)!important;font-weight:700;font-size:12px;letter-spacing:.05em;text-decoration:none;transition:all .3s;border:none;cursor:pointer}
.nav-cta:hover{box-shadow:0 0 24px rgba(0,240,181,.3);transform:translateY(-1px)}
.nav-menu{display:none;width:44px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;background:none;border:none;-webkit-tap-highlight-color:transparent}
.nav-menu span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:all .3s}

/* ===== HERO ===== */
.hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden}
.hero-tag{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.3em;color:var(--teal);text-transform:uppercase;margin-bottom:16px;position:relative;z-index:1}
.hero-title{font-family:'Permanent Marker',cursive;font-size:clamp(42px,8vw,80px);letter-spacing:.04em;line-height:1.1;margin-bottom:20px;position:relative;z-index:1}
.hero-title .stroke-accent{position:relative}
.hero-title .stroke-accent::after{content:'';position:absolute;left:-4%;right:-4%;top:55%;height:4px;background:var(--hot-pink);opacity:.4;transform:skewX(-8deg)}
.hero-sub{font-size:clamp(15px,2.5vw,20px);color:var(--lgray);max-width:520px;line-height:1.7;margin-bottom:40px;position:relative;z-index:1}
.hero-form{display:flex;gap:10px;position:relative;z-index:1;flex-wrap:wrap;justify-content:center}
.hero-input{padding:14px 24px;border-radius:14px;background:var(--dark3);border:1px solid rgba(255,255,255,.08);color:var(--white);font-family:'Outfit',sans-serif;font-size:16px;width:280px;outline:none;transition:border-color .3s;-webkit-appearance:none;appearance:none}
.hero-input:focus{border-color:var(--teal)}
.hero-input::placeholder{color:var(--gray)}
.hero-btn{padding:14px 32px;border-radius:14px;background:var(--teal);color:var(--dark);font-weight:700;font-size:14px;border:none;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;letter-spacing:.03em;min-height:48px;-webkit-tap-highlight-color:transparent}
.hero-btn:hover{box-shadow:0 0 30px rgba(0,240,181,.3);transform:translateY(-2px)}
.hero-btn:active{transform:scale(.97)}
.hero-btn::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.08) .5px,transparent .5px);background-size:4px 4px;opacity:.4}

/* Animated orbs */
.hero-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15;pointer-events:none}
.ho1{width:400px;height:400px;background:var(--hot-pink);top:-10%;left:-10%;animation:orbFloat 12s ease-in-out infinite}
.ho2{width:350px;height:350px;background:var(--teal);bottom:5%;right:-5%;animation:orbFloat 10s ease-in-out -3s infinite}
.ho3{width:280px;height:280px;background:var(--mag);top:30%;left:50%;animation:orbFloat 14s ease-in-out -6s infinite}
@keyframes orbFloat{0%,100%{transform:translate(0,0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,30px)}}

/* ===== SECTIONS ===== */
section{padding:100px 24px;position:relative;z-index:1}
.section-inner{max-width:1100px;margin:0 auto}
.section-tag{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.25em;color:var(--hot-pink);text-transform:uppercase;margin-bottom:12px}
.section-title{font-family:'Permanent Marker',cursive;font-size:clamp(28px,5vw,44px);letter-spacing:.04em;margin-bottom:20px;position:relative;display:inline-block}
.section-title::after{content:'';position:absolute;left:0;bottom:-4px;width:60px;height:3px;background:var(--teal);border-radius:2px}
.section-desc{font-size:16px;color:var(--lgray);max-width:600px;line-height:1.7;margin-bottom:48px}

/* ===== STATS ===== */
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:60px}
.stat-card{background:var(--dark3);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:28px;position:relative;overflow:hidden;transition:all .3s}
.stat-card:hover{border-color:rgba(255,45,120,.15);transform:translateY(-4px)}
.stat-card::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,var(--hot-pink) .5px,transparent .5px);background-size:5px 5px;opacity:.015;pointer-events:none}
.stat-num{font-family:'Permanent Marker',cursive;font-size:42px;margin-bottom:6px}
.stat-label{font-size:13px;color:var(--lgray);line-height:1.5}
.stat-card:nth-child(1) .stat-num{color:var(--hot-pink)}
.stat-card:nth-child(2) .stat-num{color:var(--teal)}
.stat-card:nth-child(3) .stat-num{color:var(--acid)}

/* ===== SOLUTION CARDS ===== */
.solutions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.sol-card{background:var(--dark3);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:all .4s}
.sol-card:hover{border-color:rgba(0,240,181,.15);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.sol-card::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,var(--hot-pink) .5px,transparent .5px);background-size:5px 5px;opacity:.015;pointer-events:none}
.sol-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:24px 24px 0 0}
.sol-card:nth-child(1)::after{background:linear-gradient(90deg,var(--teal),var(--acid))}
.sol-card:nth-child(2)::after{background:linear-gradient(90deg,var(--hot-pink),var(--mag))}
.sol-icon{font-size:40px;margin-bottom:16px}
.sol-name{font-family:'Permanent Marker',cursive;font-size:22px;margin-bottom:8px;letter-spacing:.04em}
.sol-desc{font-size:14px;color:var(--lgray);line-height:1.7}
.sol-bracket{position:absolute;width:18px;height:18px}
.sol-bracket.tl{top:12px;left:12px;border-left:2px solid rgba(255,45,120,.12);border-top:2px solid rgba(255,45,120,.12)}
.sol-bracket.br{bottom:12px;right:12px;border-right:2px solid rgba(0,240,181,.1);border-bottom:2px solid rgba(0,240,181,.1)}

/* ===== CTA BANNER ===== */
.cta-banner{background:var(--dark3);border:1px solid rgba(255,255,255,.05);border-radius:28px;padding:60px 40px;text-align:center;position:relative;overflow:hidden}
.cta-banner::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,var(--hot-pink) .8px,transparent .8px);background-size:6px 6px;opacity:.02;pointer-events:none}
.cta-banner .hero-form{margin-top:28px}

/* ===== FOOTER ===== */
footer{padding:40px 24px;border-top:1px solid rgba(255,255,255,.04);text-align:center}
.footer-logo{font-family:'Permanent Marker',cursive;font-size:18px;margin-bottom:8px;letter-spacing:.08em}
.footer-sub{font-size:12px;color:var(--gray);margin-bottom:16px}
.footer-socials{display:flex;gap:16px;justify-content:center;margin-bottom:16px}
.footer-social{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--lgray);transition:all .3s;-webkit-tap-highlight-color:transparent}
.footer-social:hover{color:var(--teal);border-color:rgba(0,240,181,.25);background:rgba(0,240,181,.06);transform:translateY(-2px)}
.footer-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.footer-links a{color:var(--gray);text-decoration:none;font-size:12px;transition:color .3s;padding:4px 0}
.footer-links a:hover{color:var(--teal)}

/* ===== ABOUT PAGE ===== */
.mission-text{font-size:clamp(18px,3vw,24px);color:var(--lgray);line-height:1.8;max-width:700px;margin-bottom:48px}
.mission-text strong{color:var(--white);font-weight:700}
.incubator-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:rgba(0,240,181,.06);border:1px solid rgba(0,240,181,.15);border-radius:100px;font-size:13px;color:var(--teal);margin-bottom:48px}
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:560px}
.team-card{background:var(--dark3);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:28px;text-align:center;position:relative;overflow:hidden;transition:all .3s}
.team-card:hover{border-color:rgba(217,70,239,.15);transform:translateY(-4px)}
.team-card::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,var(--hot-pink) .5px,transparent .5px);background-size:5px 5px;opacity:.015;pointer-events:none}
.team-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto 14px;display:block;border:3px solid rgba(0,240,181,.2);box-shadow:0 0 20px rgba(0,240,181,.1)}
.team-name{font-family:'Permanent Marker',cursive;font-size:18px;margin-bottom:4px}
.team-role{font-size:12px;color:var(--teal);letter-spacing:.08em}

/* ===== FLOW PAGE ===== */
.flow-steps{display:flex;flex-direction:column;gap:80px}
.flow-step{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.flow-step:nth-child(even){direction:rtl}
.flow-step:nth-child(even) > *{direction:ltr}
.flow-num{font-family:'Permanent Marker',cursive;font-size:64px;opacity:.1;color:var(--hot-pink);line-height:1;margin-bottom:8px}
.flow-name{font-family:'Permanent Marker',cursive;font-size:clamp(24px,4vw,32px);margin-bottom:12px;letter-spacing:.04em}
.flow-desc{font-size:15px;color:var(--lgray);line-height:1.8}

/* Phone mockup */
.phone-mock{width:240px;height:480px;background:var(--dark2);border-radius:32px;border:2px solid #2a2a3a;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.phone-mock .pm-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100px;height:22px;background:#000;border-radius:0 0 14px 14px;z-index:5}
.phone-mock .pm-screen{position:absolute;inset:8px;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}
.mock-map{background:var(--dark3);position:relative}
.mock-map .mock-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,240,181,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,181,.08) 1px,transparent 1px);background-size:32px 32px}
.mock-quest{background:linear-gradient(170deg,var(--dark2),var(--dark4))}

/* ===== TOAST ===== */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--dark3);border:1px solid rgba(0,240,181,.2);border-radius:14px;padding:14px 28px;font-size:14px;font-weight:600;color:var(--teal);z-index:200;transition:transform .4s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;max-width:calc(100vw - 32px)}
.toast.show{transform:translateX(-50%) translateY(0)}

/* ===== ANIMATIONS ===== */
@keyframes fadeUp{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.fade-up{animation:fadeUp .6s cubic-bezier(.25,.46,.45,.94) both}
.fade-d1{animation-delay:.08s}.fade-d2{animation-delay:.16s}.fade-d3{animation-delay:.24s}.fade-d4{animation-delay:.32s}

/* Elements waiting for scroll — hidden until observer fires */
.observe:not(.fade-up){opacity:0;transform:translate3d(0,24px,0)}


/* ===== INVESTOR PAGE ===== */
.inv-reasons{display:flex;flex-direction:column;gap:20px}
.inv-reason{display:flex;gap:20px;align-items:flex-start;padding:24px;background:var(--dark3);border:1px solid rgba(255,255,255,.05);border-radius:20px;position:relative;overflow:hidden;transition:all .3s}
.inv-reason:hover{border-color:rgba(0,240,181,.12);transform:translateY(-3px)}
.inv-reason::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,var(--hot-pink) .5px,transparent .5px);background-size:5px 5px;opacity:.015;pointer-events:none}
.inv-icon{font-size:32px;flex-shrink:0;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center}
.inv-content{flex:1}
.inv-name{font-family:'Permanent Marker',cursive;font-size:18px;margin-bottom:6px;letter-spacing:.03em}
.inv-desc{font-size:14px;color:var(--lgray);line-height:1.7}

.bm-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.bm-card{background:var(--dark3);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:28px;position:relative;overflow:hidden;transition:all .4s}
.bm-card:hover{border-color:rgba(217,70,239,.15);transform:translateY(-4px);box-shadow:0 16px 50px rgba(0,0,0,.3)}
.bm-card::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,var(--hot-pink) .5px,transparent .5px);background-size:5px 5px;opacity:.015;pointer-events:none}
.bm-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:24px 24px 0 0}
.bm-card:nth-child(1)::after{background:linear-gradient(90deg,var(--hot-pink),#FF6B35)}
.bm-card:nth-child(2)::after{background:linear-gradient(90deg,var(--teal),var(--acid))}
.bm-card:nth-child(3)::after{background:linear-gradient(90deg,var(--mag),#6366F1)}
.bm-num{font-size:11px;letter-spacing:.2em;color:var(--gray);margin-bottom:10px}
.bm-name{font-family:'Permanent Marker',cursive;font-size:20px;margin-bottom:4px;letter-spacing:.04em}
.bm-sub{font-size:9px;letter-spacing:.15em;color:var(--teal);margin-bottom:12px}
.bm-desc{font-size:13px;color:var(--lgray);line-height:1.7;margin-bottom:14px}
.bm-tag{display:inline-block;padding:6px 14px;border-radius:100px;font-size:11px;font-weight:600;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--lgray)}

.roadmap{position:relative;padding-left:28px}
.roadmap::before{content:'';position:absolute;top:8px;bottom:8px;left:7px;width:2px;background:linear-gradient(to bottom,var(--teal),var(--mag),var(--hot-pink));border-radius:2px;opacity:.3}
.rm-step{display:flex;gap:20px;align-items:flex-start;margin-bottom:36px;position:relative}
.rm-step:last-child{margin-bottom:0}
.rm-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;position:relative;left:-21px;top:4px;box-shadow:0 0 16px rgba(0,240,181,.3)}
.rm-content{flex:1}
.rm-when{font-size:10px;letter-spacing:.2em;color:var(--teal);margin-bottom:4px}
.rm-what{font-family:'Permanent Marker',cursive;font-size:20px;margin-bottom:6px;letter-spacing:.03em}
.rm-detail{font-size:14px;color:var(--lgray);line-height:1.7}


/* ===========================================================
   MOBILE — 768px and below
   =========================================================== */
@media(max-width:768px){

  /* --- Nav --- */
  nav{padding:12px 16px}
  nav.scrolled{padding:10px 16px}
  .nav-links{display:none}
  .nav-menu{display:flex}
  .nav-links.open{
    display:flex;position:fixed;top:56px;left:0;right:0;
    background:rgba(10,10,18,.97);backdrop-filter:blur(24px);
    flex-direction:column;padding:20px 24px 32px;gap:0;
    border-bottom:1px solid rgba(255,255,255,.05);
    z-index:99
  }
  .nav-links.open a{
    padding:14px 0;font-size:15px;min-height:48px;
    display:flex;align-items:center;
    border-bottom:1px solid rgba(255,255,255,.04);
    color:var(--lgray)
  }
  .nav-links.open a::after{display:none}
  .nav-links.open .nav-cta{
    margin-top:12px;padding:14px 24px;text-align:center;
    justify-content:center;border-radius:14px;font-size:14px;
    background:var(--teal);color:var(--dark)!important;
    border-bottom:none
  }

  /* --- Hero --- */
  .hero{padding:100px 20px 60px;min-height:100dvh}
  .hero-tag{font-size:9px;letter-spacing:.25em;margin-bottom:14px}
  .hero-title{font-size:clamp(32px,10vw,52px);margin-bottom:16px;line-height:1.15}
  .hero-sub{font-size:15px;line-height:1.6;margin-bottom:32px;padding:0 4px}

  /* Form stacks vertically */
  .hero-form{flex-direction:column;align-items:stretch;width:100%;max-width:340px;gap:12px;margin-left:auto;margin-right:auto}
  .hero-input{width:100%;padding:16px 20px;font-size:16px;border-radius:12px}
  .hero-btn{width:100%;padding:16px;border-radius:12px;font-size:15px}

  /* Scale orbs */
  .ho1{width:250px;height:250px;top:-5%;left:-15%}
  .ho2{width:200px;height:200px;bottom:0;right:-10%}
  .ho3{width:180px;height:180px;top:25%;left:40%}

  /* --- Sections --- */
  section{padding:60px 16px}
  .section-inner{padding:0}
  .section-tag{font-size:9px;letter-spacing:.2em}
  .section-title{font-size:clamp(24px,7vw,36px);margin-bottom:16px}
  .section-title::after{width:40px;height:2px}
  .section-desc{font-size:15px;line-height:1.6;margin-bottom:32px}

  /* --- Stats: horizontal layout on mobile --- */
  .stats-row{grid-template-columns:1fr;gap:14px;margin-bottom:40px}
  .stat-card{padding:22px 20px;border-radius:16px;display:flex;align-items:center;gap:16px}
  .stat-num{font-size:32px;margin-bottom:0;white-space:nowrap}
  .stat-label{font-size:13px}

  /* --- Solution cards --- */
  .solutions{grid-template-columns:1fr;gap:14px}
  .sol-card{padding:24px 20px;border-radius:20px}
  .sol-icon{font-size:32px;margin-bottom:12px}
  .sol-name{font-size:20px}

  /* --- CTA Banner --- */
  .cta-banner{padding:40px 20px;border-radius:20px}
  .cta-banner .section-title{text-align:center}
  .cta-banner p{font-size:14px!important}
  .cta-banner .hero-form{margin-top:24px}

  /* --- About page --- */
  .mission-text{font-size:clamp(16px,4.5vw,20px);line-height:1.7;margin-bottom:28px}
  .incubator-badge{font-size:11px;padding:10px 16px;gap:8px}
  .team-grid{grid-template-columns:1fr;gap:14px}
  .team-card{padding:24px 20px;display:flex;align-items:center;gap:16px;text-align:left}
  .team-card .team-photo{margin:0;flex-shrink:0;width:72px;height:72px}

  /* --- Flow page --- */
  .flow-steps{gap:48px}
  .flow-step,
  .flow-step:nth-child(even){grid-template-columns:1fr;direction:ltr;gap:20px;text-align:center}
  .flow-num{font-size:48px}
  .flow-name{font-size:clamp(20px,6vw,28px)}
  .flow-desc{font-size:14px;line-height:1.7}

  /* Phone mockup */
  .phone-mock{width:200px;height:400px;border-radius:28px}
  .phone-mock .pm-notch{width:80px;height:18px;border-radius:0 0 10px 10px}
  .phone-mock .pm-screen{inset:6px;border-radius:22px}

  /* --- Pop art: reduce on mobile --- */
  .pa-scatter{display:none}
  .pa-slash{opacity:.025}
  .pa-pixel{opacity:.02}
  .pa-corner{display:none}

  /* --- Footer --- */
  footer{padding:32px 16px}
  .footer-links{gap:20px}
  .footer-links a{font-size:13px;padding:6px 0}

  /* --- Toast --- */
  .toast{font-size:13px;padding:12px 20px;bottom:16px}

  /* --- Investor page --- */
  .inv-reason{flex-direction:column;gap:14px;padding:20px}
  .inv-icon{width:44px;height:44px;font-size:26px;border-radius:12px}
  .inv-name{font-size:17px}
  .bm-pillars{grid-template-columns:1fr;gap:14px}
  .bm-card{padding:24px 20px}
  .bm-name{font-size:18px}
  .roadmap{padding-left:24px}
  .rm-dot{left:-17px;width:14px;height:14px}
  .rm-what{font-size:18px}
}


/* ===========================================================
   SMALL PHONES — 380px and below
   =========================================================== */
@media(max-width:380px){
  .hero{padding:88px 14px 48px}
  .hero-title{font-size:clamp(28px,9vw,40px)}
  .hero-sub{font-size:14px}
  .hero-form{max-width:100%}
  .hero-input{padding:14px 16px}
  .hero-btn{padding:14px;font-size:14px}

  section{padding:48px 12px}
  .section-title{font-size:clamp(22px,6.5vw,30px)}

  .stat-num{font-size:28px}
  .stat-card{padding:18px 16px}

  .sol-card{padding:20px 16px}

  .cta-banner{padding:28px 14px}

  .phone-mock{width:170px;height:340px;border-radius:24px}

  .flow-num{font-size:40px}

  .team-grid{gap:10px}
  .team-card{padding:18px 14px}
}


/* ===========================================================
   TABLET — 769px to 1024px
   =========================================================== */
@media(min-width:769px) and (max-width:1024px){
  nav{padding:14px 24px}
  .nav-links{gap:20px}
  .nav-links a{font-size:12px}

  .hero{padding:120px 32px 80px}
  .hero-title{font-size:clamp(40px,7vw,60px)}

  section{padding:80px 24px}

  .stats-row{grid-template-columns:repeat(3,1fr);gap:16px}
  .stat-num{font-size:36px}

  .solutions{grid-template-columns:repeat(2,1fr);gap:20px}

  .flow-step{gap:32px}

  .team-grid{grid-template-columns:repeat(2,1fr);gap:16px}
}