#hero{padding-top:calc(var(--nav-h) + 50px + 60px);padding-bottom:72px;background:var(--bg);position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12}
[data-theme="dark"] .hero-blob{opacity:.18}
.blob1{width:600px;height:600px;background:var(--grad-b);top:-200px;right:-100px}
.blob2{width:400px;height:400px;background:var(--grad-t);bottom:-100px;left:-80px}
.hero-inner{position:relative;z-index:2}
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-bottom:20px;flex-wrap:wrap}
.breadcrumb a{color:var(--muted);transition:color .2s}.breadcrumb a:hover{color:var(--blue)}
.breadcrumb span{color:var(--muted)}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:100px;background:rgba(65,105,225,.08);border:1px solid rgba(65,105,225,.2);font-size:12px;font-weight:600;color:var(--blue);margin-bottom:22px}
[data-theme="dark"] .hero-badge{background:rgba(91,130,245,.12);border-color:rgba(91,130,245,.25)}
.hero-badge .flag{font-size:14px}
.hero-h1{font-size:clamp(32px,5.2vw,72px);line-height:1.05;margin-bottom:12px;color:var(--h)}
.hero-h1 .hindi{display:block;font-size:clamp(20px,3vw,38px);color:var(--muted);font-weight:600;margin-bottom:8px;letter-spacing:-.01em}
.hero-sub{font-size:17px;line-height:1.78;color:var(--p);max-width:620px;margin-bottom:32px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}
.hero-stats{display:flex;gap:0;flex-wrap:wrap;border:1px solid var(--bdr);border-radius:16px;overflow:hidden;background:var(--card)}
.hstat{padding:16px 24px;border-right:1px solid var(--bdr);text-align:center;flex:1;min-width:100px}
.hstat:last-child{border-right:none}
.hstat-n{font-family:var(--ff-head);font-size:22px;font-weight:800;background:var(--grad-b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}
.hstat-l{font-size:11px;color:var(--muted);font-weight:500;margin-top:2px;display:block}
.hero-trust{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}
.htag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--muted);background:var(--bg2);padding:5px 12px;border-radius:100px;border:1px solid var(--bdr)}
/* BUILT IN RANCHI */
#built-ranchi{background:var(--bg2);padding:80px 0}
.built-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.built-text h2{font-size:clamp(24px,3.2vw,42px);margin-bottom:16px}
.built-text p{font-size:16px;line-height:1.8;color:var(--p);margin-bottom:16px}
.built-proof{margin-top:28px;padding:20px 24px;border-radius:var(--r);background:var(--card);border:1px solid var(--bdr);display:flex;align-items:flex-start;gap:14px}
.bp-ico{font-size:28px;flex-shrink:0}
.bp-text strong{display:block;font-size:14px;font-weight:700;color:var(--h);margin-bottom:3px}
.bp-text span{font-size:13px;color:var(--muted)}
.built-features{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bf-item{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;background:var(--card);border:1px solid var(--bdr)}
.bf-ico{font-size:20px;flex-shrink:0}
.bf-text{font-size:13px;font-weight:600;color:var(--h)}
.bf-sub{font-size:11px;color:var(--muted);margin-top:2px}
/* PROOF STRIP */
#proof-strip{background:linear-gradient(135deg,#0d1126,#1a1f4e);padding:48px 0}
.proof-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.proof-item{text-align:center;padding:20px 16px;border-right:1px solid rgba(255,255,255,.08)}
.proof-item:last-child{border-right:none}
.proof-n{font-family:var(--ff-head);font-size:28px;font-weight:800;background:var(--grad-t);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}
.proof-l{font-size:12px;color:rgba(255,255,255,.55);margin-top:4px;display:block;font-weight:500}
/* TWO PRODUCTS SECTION */
#two-products{padding:88px 0}
.tp-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.tp-card{border-radius:var(--r-lg);border:1px solid var(--bdr);padding:36px;background:var(--card);box-shadow:var(--sh);transition:var(--ease);position:relative;overflow:hidden}
.tp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}
.tp-card.blue::before{background:var(--grad-b)}
.tp-card.teal::before{background:var(--grad-t)}
.tp-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.tp-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:4px 12px;border-radius:100px;margin-bottom:16px;letter-spacing:.06em;text-transform:uppercase}
.tp-badge.live{background:rgba(0,184,148,.12);color:var(--teal);border:1px solid rgba(0,184,148,.25)}
.tp-badge.ea{background:rgba(65,105,225,.1);color:var(--blue);border:1px solid rgba(65,105,225,.22)}
.tp-card h3{font-size:22px;margin-bottom:10px}
.tp-card p{font-size:14px;line-height:1.7;color:var(--p);margin-bottom:20px}
.tp-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.tp-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--p)}
.tp-list li::before{content:'✓';color:var(--teal);font-weight:700;flex-shrink:0}
.tp-ctas{display:flex;gap:10px;flex-wrap:wrap}
/* OS CARDS */
#os-platforms{background:var(--bg2);padding:88px 0}
.os-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}
.os-card{border-radius:var(--r-lg);border:1px solid var(--bdr);padding:32px;background:var(--card);box-shadow:var(--sh);transition:var(--ease);position:relative;overflow:hidden}
.os-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.os-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.os-card.c1::before{background:var(--grad-b)}
.os-card.c2::before{background:var(--grad-t)}
.os-card.c3::before{background:linear-gradient(135deg,#e05252,#6c3fc7)}
.os-card.c4::before{background:var(--grad-g)}
.os-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.os-ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:22px;flex-shrink:0}
.os-ico.b1{background:linear-gradient(135deg,rgba(65,105,225,.15),rgba(108,63,199,.15))}
.os-ico.b2{background:linear-gradient(135deg,rgba(0,184,148,.15),rgba(65,105,225,.15))}
.os-ico.b3{background:linear-gradient(135deg,rgba(224,82,82,.12),rgba(108,63,199,.12))}
.os-ico.b4{background:linear-gradient(135deg,rgba(232,160,32,.15),rgba(224,82,82,.12))}
.os-name{font-family:var(--ff-head);font-size:18px;font-weight:800;color:var(--h)}
.os-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;letter-spacing:.07em;text-transform:uppercase;margin-top:4px}
.os-tag.live{background:rgba(0,184,148,.12);color:var(--teal);border:1px solid rgba(0,184,148,.22)}
.os-tag.ea{background:rgba(65,105,225,.1);color:var(--blue);border:1px solid rgba(65,105,225,.2)}
.os-desc{font-size:14px;line-height:1.72;color:var(--p);margin-bottom:16px}
.os-features{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
.os-feat{font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:100px;background:var(--bg2);border:1px solid var(--bdr);color:var(--p)}
.os-ctas{display:flex;gap:9px;flex-wrap:wrap}
/* PERSONA GRID */
#all-personas{padding:88px 0}
.persona-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}
.persona-card{border-radius:var(--r);border:1px solid var(--bdr);padding:24px 20px;background:var(--card);box-shadow:var(--sh);transition:var(--ease);text-align:center;cursor:pointer}
.persona-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--blue)}
.pc-ico{font-size:34px;margin-bottom:12px}
.pc-name{font-family:var(--ff-head);font-size:15px;font-weight:700;color:var(--h);margin-bottom:6px}
.pc-desc{font-size:12.5px;color:var(--muted);line-height:1.55}
.pc-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:10px}
.pc-tag{font-size:10px;padding:2px 8px;border-radius:100px;background:var(--bg2);border:1px solid var(--bdr);color:var(--muted);font-weight:600}
/* USE CASE DEEP SECTIONS */
.usecase-section{padding:80px 0}
.usecase-section:nth-child(even){background:var(--bg2)}
.uc-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:0}
.uc-text h2{font-size:clamp(22px,2.8vw,38px);margin-bottom:14px}
.uc-text p{font-size:15px;line-height:1.8;color:var(--p);margin-bottom:16px}
.uc-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.uc-tool{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:11px;background:var(--card);border:1px solid var(--bdr);transition:var(--ease)}
.uc-tool:hover{border-color:var(--blue);transform:translateX(3px)}
.uc-tool-ico{font-size:18px;flex-shrink:0}
.uc-tool-name{font-size:13px;font-weight:600;color:var(--h)}
.uc-tool-cat{font-size:11px;color:var(--muted)}
.uc-stat-row{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}
.uc-stat{text-align:center}
.uc-stat-n{font-family:var(--ff-head);font-size:28px;font-weight:800;background:var(--grad-b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}
.uc-stat-l{font-size:12px;color:var(--muted);font-weight:500}
.uc-visual{border-radius:var(--r-lg);border:1px solid var(--bdr);padding:28px;background:var(--card);box-shadow:var(--sh-lg)}
.uc-visual-title{font-family:var(--ff-head);font-size:16px;font-weight:700;color:var(--h);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.uc-list{display:flex;flex-direction:column;gap:10px}
.uc-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;background:var(--bg2);border:1px solid var(--bdr)}
.uc-item-ico{font-size:16px;flex-shrink:0;margin-top:1px}
.uc-item-text strong{display:block;font-size:13px;font-weight:600;color:var(--h)}
.uc-item-text span{font-size:12px;color:var(--muted)}
/* EDUCATION OS DEEP */
#edu-os-deep{padding:88px 0;background:var(--bg2)}
.edu-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.edu-feat{padding:20px;border-radius:var(--r);background:var(--card);border:1px solid var(--bdr);box-shadow:var(--sh)}
.edu-feat-ico{font-size:24px;margin-bottom:10px}
.edu-feat-name{font-family:var(--ff-head);font-size:14px;font-weight:700;color:var(--h);margin-bottom:5px}
.edu-feat-desc{font-size:12.5px;color:var(--muted);line-height:1.55}
/* NETWORK SECTION */
#network{padding:80px 0}
.network-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.net-card{border-radius:var(--r);border:1px solid var(--bdr);padding:24px;background:var(--card);text-align:center;box-shadow:var(--sh)}
.net-ico{font-size:32px;margin-bottom:10px}
.net-name{font-family:var(--ff-head);font-size:15px;font-weight:700;color:var(--h);margin-bottom:5px}
.net-desc{font-size:12px;color:var(--muted)}
.net-check{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--teal);margin-top:8px}
/* TESTIMONIALS */
#testimonials{background:var(--bg2);padding:80px 0}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.testi-card{border-radius:var(--r-lg);border:1px solid var(--bdr);padding:28px;background:var(--card);box-shadow:var(--sh)}
.testi-stars{color:#f59e0b;font-size:13px;margin-bottom:14px;letter-spacing:2px}
.testi-text{font-size:14px;line-height:1.75;color:var(--p);font-style:italic;margin-bottom:16px}
.testi-author{display:flex;align-items:center;gap:12px}
.testi-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.testi-name{font-size:13px;font-weight:700;color:var(--h)}
.testi-role{font-size:11px;color:var(--muted);margin-top:2px}
/* COMPARE */
#compare{padding:88px 0}
.compare-table{border-radius:var(--r-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--bdr);margin-top:40px}
.compare-head{display:grid;grid-template-columns:1fr 1fr 1fr;min-width:480px;background:var(--bg3)}
.ch-cell{padding:20px 24px;font-family:var(--ff-head);font-size:14px;font-weight:700;color:var(--h)}
.ch-cell:first-child{color:var(--muted);font-weight:500}
.ch-cell.winner{background:rgba(65,105,225,.07);color:var(--blue)}
.compare-row{display:grid;grid-template-columns:1fr 1fr 1fr;min-width:480px;border-top:1px solid var(--bdr)}
.compare-row:nth-child(even){background:var(--bg2)}
.cr-cell{padding:14px 24px;font-size:13.5px;color:var(--p);display:flex;align-items:center;gap:6px}
.cr-cell:first-child{font-weight:600;color:var(--h)}
.cr-cell.yes{color:var(--teal);font-weight:600}
.cr-cell.no{color:var(--red)}
/* GEO CLUSTER */
#geo-cluster{background:var(--bg2);padding:80px 0}
.geo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.geo-card{border-radius:var(--r);border:1px solid var(--bdr);padding:22px;background:var(--card);box-shadow:var(--sh);transition:var(--ease);text-align:center}
.geo-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:var(--blue)}
.geo-ico{font-size:28px;margin-bottom:8px}
.geo-city{font-family:var(--ff-head);font-size:15px;font-weight:700;color:var(--h);margin-bottom:4px}
.geo-desc{font-size:12px;color:var(--muted)}
.geo-tag{display:inline-block;margin-top:8px;font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;background:rgba(65,105,225,.08);color:var(--blue);border:1px solid rgba(65,105,225,.18)}
/* PRICING */
#pricing{padding:88px 0}
.price-toggle{display:flex;align-items:center;gap:14px;justify-content:center;margin:28px 0 40px}
.per-tog{width:48px;height:26px;border-radius:100px;background:var(--bg3);border:1px solid var(--bdr);position:relative;cursor:pointer;transition:var(--ease);flex-shrink:0}
.per-tog.on{background:var(--blue)}
.per-tog::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:var(--ease);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.per-tog.on::after{transform:translateX(22px)}
.per-tog span{font-size:13px;font-weight:600;color:var(--p);white-space:nowrap}
.price-label{font-size:13px;font-weight:600;color:var(--p);cursor:pointer}
.save-badge{font-size:11px;font-weight:700;color:#fff;background:var(--teal);padding:2px 9px;border-radius:100px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}
.price-card{border-radius:var(--r-lg);border:2px solid var(--bdr);padding:32px;background:var(--card);position:relative;transition:var(--ease)}
.price-card.popular{border-color:var(--blue);box-shadow:0 0 0 4px rgba(65,105,225,.1)}
.price-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.pop-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--grad-b);color:#fff;font-size:11px;font-weight:700;padding:4px 16px;border-radius:100px;white-space:nowrap}
.pc-plan{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.pc-price{font-family:var(--ff-head);font-size:42px;font-weight:800;color:var(--h);line-height:1}
.pc-price sup{font-size:20px;vertical-align:top;margin-top:8px}
.pc-price sub{font-size:14px;font-weight:500;color:var(--muted)}
.pc-note{font-size:12px;color:var(--muted);margin:8px 0 20px}
.pc-features{display:flex;flex-direction:column;gap:9px;margin-bottom:24px}
.pc-features li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--p)}
.pc-features li::before{content:'✓';color:var(--teal);font-weight:700;flex-shrink:0}
/* EDU OS PRICING */
.edu-price-table{border-radius:var(--r-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--bdr);margin-top:32px}
.ept-head{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1.5fr;min-width:520px;background:var(--bg3);padding:14px 20px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.ept-row{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1.5fr;min-width:520px;padding:14px 20px;border-top:1px solid var(--bdr);align-items:center;transition:var(--ease)}
.ept-row:hover{background:var(--bg2)}
.ept-row.highlight{background:rgba(65,105,225,.04);border-left:3px solid var(--blue)}
.ept-plan{font-size:14px;font-weight:700;color:var(--h)}
.ept-plan small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:2px}
.ept-price{font-family:var(--ff-head);font-size:15px;font-weight:700;color:var(--h)}
.ept-ai{font-size:13px;color:var(--p)}
/* B2B CTA */
#b2b-cta{background:linear-gradient(135deg,#0d1126,#1a1f4e);padding:80px 0}
.b2b-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0}
.b2b-card{border-radius:var(--r);border:1px solid rgba(255,255,255,.1);padding:24px;background:rgba(255,255,255,.04);text-align:center;transition:var(--ease)}
.b2b-card:hover{background:rgba(255,255,255,.08);transform:translateY(-3px)}
.b2b-ico{font-size:32px;margin-bottom:10px}
.b2b-name{font-family:var(--ff-head);font-size:15px;font-weight:700;color:#fff;margin-bottom:5px}
.b2b-desc{font-size:12px;color:rgba(255,255,255,.55)}
/* EARLY ACCESS */
#early-access{padding:80px 0;background:var(--bg2)}
.ea-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ea-form{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:36px;box-shadow:var(--sh-lg)}
.ea-form h3{font-size:22px;margin-bottom:6px}
.ea-form p{font-size:14px;color:var(--muted);margin-bottom:24px}
.ea-field{margin-bottom:14px}
.ea-field label{display:block;font-size:12px;font-weight:600;color:var(--p);margin-bottom:6px}
.ea-field input,.ea-field select{width:100%;padding:11px 14px;border-radius:10px;border:1.5px solid var(--bdr);background:var(--bg2);color:var(--h);font-family:var(--ff-body);font-size:14px;transition:var(--ease);outline:none}
.ea-field input:focus,.ea-field select:focus{border-color:var(--blue);background:var(--bg)}
.ea-os-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.ea-check{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;border:1.5px solid var(--bdr);cursor:pointer;transition:var(--ease);font-size:13px;color:var(--p)}
.ea-check input{width:14px;height:14px;accent-color:var(--blue)}
.ea-check:hover{border-color:var(--blue);background:rgba(65,105,225,.05)}
/* FAQ */
#faq{padding:88px 0}
.faq-wrap{max-width:800px;margin:40px auto 0}
.faq-item{border:1px solid var(--bdr);border-radius:var(--r);margin-bottom:10px;overflow:hidden;transition:var(--ease)}
.faq-item:hover{border-color:var(--bdr2)}
.faq-q{width:100%;text-align:left;padding:18px 22px;font-size:15px;font-weight:600;color:var(--h);display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--card);cursor:pointer;transition:var(--ease)}
.faq-q:hover{background:var(--bg2)}
.faq-q.on{background:var(--bg2);color:var(--blue)}
.faq-arr{font-size:12px;color:var(--muted);transition:transform .3s;flex-shrink:0}
.faq-q.on .faq-arr{transform:rotate(180deg);color:var(--blue)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s}
.faq-a.on{max-height:300px;padding:0 22px 18px}
.faq-a p{font-size:14px;line-height:1.8;color:var(--p)}
/* BOTTOM CTA */
#bottom-cta{padding:96px 0;background:var(--bg)}
.bottom-cta-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.bcp-card{border-radius:var(--r-lg);border:1px solid var(--bdr);padding:32px;background:var(--card);box-shadow:var(--sh);text-align:center;transition:var(--ease)}
.bcp-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.bcp-ico{font-size:38px;margin-bottom:14px}
.bcp-title{font-family:var(--ff-head);font-size:18px;font-weight:800;color:var(--h);margin-bottom:8px}
.bcp-desc{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:20px}
/* FOOTER */

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE BREAKPOINTS
   3 tiers: 900px (early breaks) · 768px (tablet/mobile) · 640px (small mobile) · 480px (tiny)
════════════════════════════════════════════════════════════ */

/* ── TIER 1: 900px — Large layouts that break early ── */
@media (max-width:900px){
  /* 2-col grids with large gaps — stack first */
  .built-grid{grid-template-columns:1fr;gap:36px}
  .ea-grid{grid-template-columns:1fr;gap:32px}
  .uc-grid{grid-template-columns:1fr;gap:28px}
  /* Use case visual boxes show after text on mobile */
  .uc-visual{order:2}
  .uc-text{order:1}
  /* Reduce large section padding */
  #two-products,#os-platforms,#all-personas,#edu-os-deep,#faq,#pricing,#compare,#bottom-cta{padding:64px 0}
  .usecase-section,#built-ranchi,#network,#testimonials,#geo-cluster,#b2b-cta,#early-access,#proof-strip,#network{padding:56px 0}
}

/* ── TIER 2: 768px — Main tablet/mobile breakpoint ── */
@media (max-width:768px){
  /* ── HERO ── */
  #hero{padding-top:calc(var(--nav-h) + 32px + 40px);padding-bottom:48px}
  .hero-h1{font-size:clamp(26px,7.5vw,44px)}
  .hero-sub{font-size:15px;margin-bottom:24px}
  /* Stats bar: 3 across top row, 2 bottom */
  .hstat{flex:1 1 calc(33.33% - 2px);min-width:0;padding:12px 10px}
  .hstat:nth-child(4),.hstat:nth-child(5){flex:1 1 calc(50% - 1px);border-right:none}
  .hstat:nth-child(3){border-right:none}
  .hstat:nth-child(4){border-right:1px solid var(--bdr)}
  .hstat-n{font-size:18px}
  .hstat-l{font-size:10px}

  /* ── TWO PRODUCTS ── */
  .tp-grid{grid-template-columns:1fr}
  .tp-card{padding:28px 24px}

  /* ── OS PLATFORMS ── */
  .os-grid{grid-template-columns:1fr}
  .os-card{padding:24px}

  /* ── PERSONA GRID ── */
  .persona-grid{grid-template-columns:repeat(2,1fr);gap:14px}

  /* ── USE CASE SECTIONS ── */
  .uc-tools{grid-template-columns:1fr}
  .uc-tool:hover{transform:none} /* disable hover slide on touch */

  /* ── EDUCATION FEATURE GRID ── */
  .edu-feature-grid{grid-template-columns:repeat(2,1fr)}

  /* ── PROOF STRIP — 6→3 ── */
  .proof-grid{grid-template-columns:repeat(3,1fr)}
  .proof-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:16px 12px}
  .proof-item:nth-child(1),.proof-item:nth-child(2){border-right:1px solid rgba(255,255,255,.08)}
  .proof-item:nth-child(4),.proof-item:nth-child(5){border-right:1px solid rgba(255,255,255,.08)}
  .proof-item:last-child{border-bottom:none}
  .proof-n{font-size:22px}

  /* ── NETWORK ── */
  .network-grid{grid-template-columns:repeat(2,1fr)}
  /* network-bottom-grid is inline style — override */
  .network-bottom-grid{grid-template-columns:repeat(2,1fr)!important}

  /* ── TESTIMONIALS ── */
  .testi-grid{grid-template-columns:1fr}

  /* ── GEO CLUSTER ── */
  .geo-grid{grid-template-columns:repeat(2,1fr)}

  /* ── PRICING ── */
  .price-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}
  .price-card{padding:28px 24px}
  .price-card.popular{margin-top:20px}
  .pop-badge{font-size:10px;padding:3px 12px}

  /* ── B2B GRID ── */
  .b2b-grid{grid-template-columns:repeat(2,1fr)}

  /* ── EARLY ACCESS ── */
  .ea-form{padding:28px 24px}
  .built-features{grid-template-columns:1fr 1fr}

  /* ── BOTTOM CTA ── */
  .bottom-cta-paths{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}
  .bcp-card{padding:28px 24px}

  /* ── FOR EVERYONE GRID (inline style override) ── */
  .fe-grid{grid-template-columns:repeat(2,1fr)!important}

  /* ── BUSINESS OS CARD INNER (inline style override) ── */
  .os-card-business-inner{grid-template-columns:1fr!important;gap:16px!important}
  .os-card-business-inner .os-ctas{flex-direction:row!important}

  /* ── SECTION PADDING REDUCTION ── */
  #two-products,#os-platforms,#all-personas,#edu-os-deep,#faq,#pricing,#compare,#bottom-cta{padding:52px 0}
  .usecase-section,#built-ranchi,#network,#testimonials,#geo-cluster,#b2b-cta,#early-access{padding:48px 0}
  #proof-strip{padding:36px 0}

  /* ── DISABLE HOVER LIFTS ON TOUCH ── */
  .geo-card:hover,.persona-card:hover,.tp-card:hover,.os-card:hover,.price-card:hover,.bcp-card:hover{transform:none}
}

/* ── TIER 3: 640px — Small mobile ── */
@media (max-width:640px){
  /* ── HERO ── */
  #hero{padding-top:calc(var(--nav-h) + 20px + 28px);padding-bottom:36px}
  /* Stats: 2+2+1 layout */
  .hstat{flex:1 1 calc(50% - 1px);padding:12px 8px}
  .hstat:nth-child(3){flex:1 1 calc(50% - 1px);border-right:none}
  .hstat:nth-child(4){border-right:1px solid var(--bdr)}
  .hstat:nth-child(5){flex:1 1 100%;border-right:none;border-top:1px solid var(--bdr)}

  /* ── PROOF STRIP — 3→2 ── */
  .proof-grid{grid-template-columns:repeat(2,1fr)}
  .proof-item:nth-child(1),.proof-item:nth-child(3),.proof-item:nth-child(5){border-right:1px solid rgba(255,255,255,.08)}
  .proof-item:nth-child(2),.proof-item:nth-child(4),.proof-item:nth-child(6){border-right:none}
  .proof-item:nth-child(5),.proof-item:nth-child(6){border-bottom:none}

  /* ── PERSONA ── */
  .persona-grid{grid-template-columns:1fr}

  /* ── EDUCATION ── */
  .edu-feature-grid{grid-template-columns:1fr}

  /* ── B2B ── */
  .b2b-grid{grid-template-columns:1fr}

  /* ── NETWORK ── */
  .network-grid{grid-template-columns:1fr}

  /* ── GEO ── */
  .geo-grid{grid-template-columns:1fr}

  /* ── FOR EVERYONE — 1 col ── */
  .fe-grid{grid-template-columns:1fr!important}

  /* ── EA CHECKS — 1 col ── */
  .ea-os-checks{grid-template-columns:1fr}

  /* ── BUILT FEATURES — 1 col ── */
  .built-features{grid-template-columns:1fr}

  /* ── CARD PADDING REDUCTION ── */
  .tp-card,.os-card,.price-card,.bcp-card,.ea-form{padding:22px 18px}
  .faq-q{padding:16px 18px;font-size:14px}
  .faq-a.on{padding:0 18px 16px}

  /* ── SECTION PADDING REDUCTION ── */
  #two-products,#os-platforms,#all-personas,#edu-os-deep,#faq,#pricing,#compare,#bottom-cta{padding:44px 0}
  .usecase-section,#built-ranchi,#network,#testimonials,#geo-cluster,#b2b-cta,#early-access{padding:40px 0}
  #proof-strip{padding:28px 0}

  /* ── TYPOGRAPHY SCALE DOWN ── */
  .sec-title{font-size:clamp(20px,5.5vw,32px)}
  .sec-sub{font-size:14px}
  .hero-sub{font-size:14px}
  .pc-price{font-size:34px}

  /* ── COMPARE TABLE — reduce cell padding ── */
  .cr-cell{padding:12px 14px;font-size:12.5px}
  .ch-cell{padding:14px 16px;font-size:12.5px}
}

/* ── TIER 4: 480px — Very small / tight screens ── */
@media (max-width:480px){
  /* ── HERO STATS — full stack ── */
  .hero-stats{border-radius:12px}
  .hstat{flex:1 1 100%!important;border-right:none!important;border-bottom:1px solid var(--bdr)}
  .hstat:last-child{border-bottom:none}

  /* ── HERO BADGE wrap ── */
  .hero-badge{font-size:11px;padding:6px 12px}

  /* ── BUILT PROOF — stack ── */
  .built-proof{flex-direction:column;gap:10px}

  /* ── PRICE TOGGLE — wrap ── */
  .price-toggle{gap:10px}
  .save-badge{display:block;text-align:center;margin-top:4px}

  /* ── FAQ ANSWER max-height increase for longer answers ── */
  .faq-a.on{max-height:500px}

  /* ── CARD PADDING ── */
  .tp-card,.os-card,.price-card,.bcp-card,.ea-form{padding:20px 16px}

  /* ── SECTION PADDING ── */
  #two-products,#os-platforms,#all-personas,#edu-os-deep,#faq,#pricing,#compare,#bottom-cta{padding:36px 0}
  .usecase-section,#built-ranchi,#network,#testimonials,#geo-cluster,#b2b-cta,#early-access{padding:32px 0}
  #proof-strip{padding:24px 0}
}