/* GENERATED by tools/build.py from src/pages/ed/features.html (its style block and its style="..."
   attributes) - do not edit this file. Edit the source page, then run the build. */
  /* ===================== FEATURES: page-specific CSS ===================== */
  /* (The shared base: palette, nav, buttons, trust strip, base/CTA/footer and
     responsive rules live in assets/css/styles.css. Below: the bento vignettes,
     the eight-domain layout and the security band.) */

  /* Visually hidden text for screen readers */
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

  /* Short explainer under the hero buttons */
  .hero-note{font-size:.9rem;color:#bcdcf3;margin-top:16px;max-width:620px}

  /* Link inside the CTA band copy */
  .cta-text p a{color:#fff;text-decoration:underline;text-underline-offset:3px}
  .cta-text p a:hover{color:var(--orange)}

  /* Footer column labels (a paragraph, not a heading) */
  .foot-col .foot-h{font-family:var(--font-head);color:#fff;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font-weight:700}

  /* ---- vignette eyebrows (shared shape across all vignettes) ---- */
  .tile-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:13px}
  .tile-eyebrow .tag{
    width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;
    background:linear-gradient(150deg,#e9f2fb,#d7e9f8);color:var(--blue-700);
  }
  .tile-eyebrow .tag svg{width:18px;height:18px}
  .tile-eyebrow .tt{font-family:var(--font-head);font-weight:700;font-size:1.02rem;color:var(--blue-900);line-height:1.15;display:block}
  .tile-eyebrow .ts{font-size:.74rem;color:var(--slate);margin-top:2px;display:block}

  /* dark vignette surface */
  .vmock{
    position:relative;overflow:hidden;border-radius:var(--radius);
    background:linear-gradient(160deg,#0d3b66,#1b6ca8);color:#fff;
    padding:22px;box-shadow:var(--shadow);
  }
  .vmock::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(244,162,89,.16);top:-90px;right:-70px;filter:blur(4px);pointer-events:none}
  .vmock::before{content:"";position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:30px 30px;
    -webkit-mask-image:radial-gradient(70% 70% at 75% 15%,#000,transparent 80%);mask-image:radial-gradient(70% 70% at 75% 15%,#000,transparent 80%)}
  .vmock .tile-eyebrow .tag{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22)}
  .vmock .tile-eyebrow .tt{color:#fff;position:relative;z-index:1}
  .vmock .tile-eyebrow .ts{color:#a9cbe6;position:relative;z-index:1}

  /* light vignette surface */
  .vlight{
    position:relative;overflow:hidden;border-radius:var(--radius);
    background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);
    padding:22px;
  }

  /* ---- Accounting dashboard ---- */
  .acct{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:16px;align-items:stretch}
  .acct .kgrid{display:flex;flex-direction:column;gap:9px;justify-content:center}
  .acct .kc{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:9px 12px}
  .acct .kc .kl{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:#a9cbe6;font-weight:600}
  .acct .kc .kv{font-family:var(--font-head);font-weight:800;font-size:1.18rem;color:#fff;margin-top:1px}
  .acct .kc .kv em{font-style:normal;font-size:.6rem;color:#7ff0b0;font-weight:700;margin-left:6px}
  .acct .ch{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:13px 14px 11px;display:flex;flex-direction:column}
  .acct .ch .chh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
  .acct .ch .chh b{font-size:.7rem;font-weight:700;color:#eaf3fb;font-family:var(--font-head)}
  .acct .ch .chh i{font-size:.6rem;font-style:normal;color:#a9cbe6}
  .acct .bars2{display:flex;align-items:flex-end;gap:7px;flex:1;min-height:74px}
  .acct .bars2 .b{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#7cc0ef,#2f8fd0)}
  .acct .bars2 .b.hl{background:linear-gradient(180deg,#f8b977,var(--orange))}
  .acct .xax{display:flex;justify-content:space-between;margin-top:6px;font-size:.5rem;color:#8fb6d6;letter-spacing:.02em}

  /* ---- Attendance heat grid ---- */
  .heat{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}
  .heat .hrow{display:flex;align-items:center;gap:5px;margin-bottom:5px}
  .heat .hrow .hl{width:30px;font-size:.58rem;font-weight:700;color:var(--slate);flex:0 0 auto}
  .heat .cell{width:15px;height:15px;border-radius:4px;flex:0 0 auto;background:#e3edf7}
  .heat .cell.l2{background:#9fd6b1}
  .heat .cell.l3{background:#5fc185}
  .heat .cell.l4{background:#2fae63}
  .heat .cell.ab{background:#f6cdb0}
  .heat .legend{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.58rem;color:var(--slate)}
  .heat .legend .sw{width:11px;height:11px;border-radius:3px}

  /* ---- Online-class video grid ---- */
  .vgrid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:7px;min-height:150px}
  .vtile{position:relative;border-radius:9px;overflow:hidden;background:linear-gradient(150deg,#13456f,#1f6196);display:flex;align-items:flex-end;justify-content:flex-start;padding:5px;min-height:64px}
  .vtile .ava{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;font-size:.66rem;color:#fff}
  .vtile .nm{position:relative;z-index:1;font-size:.5rem;font-weight:700;color:#fff;background:rgba(0,0,0,.32);border-radius:4px;padding:1px 5px}
  .vtile.live{outline:2px solid var(--orange);outline-offset:-2px}
  .vtile .dotlive{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#ff5b5b;box-shadow:0 0 0 3px rgba(255,91,91,.25)}
  .vtile .mic{position:absolute;top:5px;left:5px;width:13px;height:13px;border-radius:4px;background:rgba(0,0,0,.32);display:flex;align-items:center;justify-content:center}
  .vtile .mic svg{width:8px;height:8px;color:#fff}

  /* ---- Certificate w/ seal ---- */
  .cert{position:relative;z-index:1;background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;box-shadow:inset 0 0 0 3px #f3f7fc, inset 0 0 0 4px var(--border)}
  .cert .ct-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
  .cert .ct-title{font-family:var(--font-head);font-weight:800;font-size:.78rem;color:var(--blue-900);letter-spacing:.02em;text-transform:uppercase}
  .cert .ct-sub{font-size:.56rem;color:var(--slate);margin-top:1px;letter-spacing:.08em;text-transform:uppercase}
  .cert .ct-no{font-size:.55rem;color:var(--slate);font-weight:600;text-align:right;white-space:nowrap}
  .cert .ct-no b{display:block;color:var(--blue-700);font-family:var(--font-head)}
  .cert .ct-lines{margin-top:11px;display:flex;flex-direction:column;gap:6px}
  .cert .ct-lines .ln{height:5px;border-radius:3px;background:#e8eef6}
  .cert .ct-lines .ln.w1{width:88%}.cert .ct-lines .ln.w2{width:72%}.cert .ct-lines .ln.w3{width:80%}
  .cert .ct-foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:16px;padding-top:12px}
  .cert .ct-sign .sg{font-family:"Plus Jakarta Sans";font-style:italic;font-weight:700;font-size:.8rem;color:#34506b;transform:rotate(-3deg)}
  .cert .ct-sign .sl{font-size:.52rem;color:var(--slate);border-top:1px solid var(--border);padding-top:3px;margin-top:2px}
  .seal{width:52px;height:52px;flex:0 0 auto}

  /* ---- Report card rows ---- */
  .rcard{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:9px}
  .rrow{display:grid;grid-template-columns:1fr 64px 40px;align-items:center;gap:8px;font-size:.72rem}
  .rrow .sub{font-weight:700;color:var(--ink)}
  .rrow .track{height:7px;border-radius:5px;background:#e8eef6;overflow:hidden}
  .rrow .fill{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--blue-500),var(--blue-700))}
  .rrow .fill.o{background:linear-gradient(90deg,#f8b977,var(--orange))}
  .rrow .gr{font-family:var(--font-head);font-weight:800;font-size:.8rem;color:var(--blue-900);text-align:right}
  .rcard .rtot{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--border);padding-top:10px;margin-top:2px}
  .rcard .rtot span{font-size:.7rem;color:var(--slate);font-weight:600}
  .rcard .rtot b{font-family:var(--font-head);font-size:.92rem;color:var(--blue-900)}
  .rcard .rtot b em{font-style:normal;color:#1f9d57;font-size:.68rem;margin-left:5px}
  .gradechip{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:.66rem;font-weight:700;color:var(--blue-700);background:#e6f1fb;border:1px solid #cfe0f0;border-radius:20px;padding:5px 12px}

  /* ---- KYC / APAAR badge rows ---- */
  .kyc{position:relative;z-index:1;display:flex;flex-direction:column;gap:9px}
  .kyc .row{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:9px 12px}
  .kyc .row .ic{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(255,255,255,.16);color:#fff}
  .kyc .row .ic svg{width:15px;height:15px}
  .kyc .row .tx{font-size:.72rem;font-weight:700;color:#fff;font-family:var(--font-head)}
  .kyc .row .tx em{display:block;font-style:normal;font-weight:500;font-size:.58rem;color:#bcdcf3;margin-top:0}
  .kyc .row .ok{margin-left:auto;font-size:.58rem;font-weight:700;color:#7ff0b0;display:flex;align-items:center;gap:3px}
  .kyc .row .ok svg{width:12px;height:12px}
  .kyc .row .ok.warn{color:#3a2208;background:var(--orange);border-radius:20px;padding:3px 9px}

  /* ---- Approved roster list ---- */
  .roster{position:relative;z-index:1;margin-top:14px;display:flex;flex-direction:column;gap:7px}
  .roster .rr{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 11px}
  .roster .rr .ava{width:26px;height:26px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;font-size:.62rem;color:#fff}
  .roster .rr .who{line-height:1.25}
  .roster .rr .nm{font-size:.72rem;font-weight:700;color:#fff;font-family:var(--font-head)}
  .roster .rr .cl{font-size:.58rem;color:#a9cbe6}
  .roster .rr .st{margin-left:auto;font-size:.56rem;font-weight:700;border-radius:20px;padding:3px 9px;white-space:nowrap}
  .roster .rr .st.active{color:#7ff0b0;background:rgba(47,174,99,.22)}
  .roster .rr .st.grad{color:#bfe0f7;background:rgba(47,143,208,.22)}
  .roster .rr .st.tc{color:#f8c98a;background:rgba(244,162,89,.22)}

  /* ---- Phone (portal) vignette ---- */
  .phone{
    position:relative;z-index:1;margin:0 auto;width:198px;
    background:#0b3357;border-radius:26px;padding:9px;
    box-shadow:0 24px 48px -22px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06) inset;
  }
  .phone .notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:54px;height:6px;border-radius:6px;background:rgba(255,255,255,.25);z-index:3}
  .phone .screen{background:#f6f9fd;border-radius:19px;overflow:hidden;padding-top:22px}
  .phone .p-head{background:linear-gradient(140deg,#0d3b66,#1b6ca8);color:#fff;padding:11px 14px 14px}
  .phone .p-head .pt-lbl{font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#bcdcf3;font-weight:600}
  .phone .p-head .pt-name{font-family:var(--font-head);font-weight:700;font-size:.86rem;margin-top:1px}
  .phone .p-due{margin:-9px 12px 0;background:#fff;border-radius:13px;padding:11px 13px;box-shadow:0 10px 22px -12px rgba(13,59,102,.4)}
  .phone .p-due .lbl{font-size:.58rem;text-transform:uppercase;letter-spacing:.05em;color:var(--slate);font-weight:600}
  .phone .p-due .amt{font-family:var(--font-head);font-weight:800;font-size:1.28rem;color:var(--blue-900);margin-top:2px}
  .phone .p-due .due{font-size:.62rem;color:#c2762a;font-weight:600;margin-top:1px}
  .phone .p-pay{margin:9px 12px 0;background:var(--orange);color:#3a2208;font-family:var(--font-head);font-weight:700;font-size:.74rem;text-align:center;border-radius:10px;padding:9px 0}
  .phone .p-rows{padding:11px 12px 14px}
  .phone .p-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #e7eef7}
  .phone .p-row:last-child{border-bottom:0}
  .phone .p-row .pic{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:#e4f7ec;color:#1f9d57}
  .phone .p-row .pic.b{background:#e6f1fb;color:var(--blue-700)}
  .phone .p-row .pic svg{width:13px;height:13px}
  .phone .p-row .rt{display:block;font-size:.62rem;font-weight:700;color:var(--ink);line-height:1.1}
  .phone .p-row .rs{display:block;font-size:.55rem;color:var(--slate)}
  .phone .p-row .rv{margin-left:auto;font-size:.62rem;font-weight:700;color:var(--blue-900);font-family:var(--font-head)}
  .soon-badge{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:.72rem;font-weight:700;color:#fff;background:rgba(0,0,0,.22);border:1px solid rgba(244,162,89,.4);border-radius:20px;padding:5px 12px;position:relative;z-index:1}
  .soon-badge svg{width:13px;height:13px}

  /* ---- Subject-teacher chip ---- */
  .stchip{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:.66rem;font-weight:700;color:var(--blue-700);background:#e6f1fb;border:1px solid #cfe0f0;border-radius:20px;padding:5px 12px;position:relative;z-index:1}
  .stchip .av{width:20px;height:20px;border-radius:50%;background:linear-gradient(150deg,#2f8fd0,#1b6ca8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700}

  /* ---- Mini timetable grid ---- */
  .ttgrid{position:relative;z-index:1;display:grid;grid-template-columns:30px repeat(5,1fr);gap:5px;font-size:.5rem}
  .ttgrid .h{font-weight:700;color:#a9cbe6;text-align:center;font-size:.52rem;padding:2px 0}
  .ttgrid .rh{font-weight:700;color:#a9cbe6;display:flex;align-items:center;font-size:.52rem}
  .ttgrid .c{border-radius:5px;padding:5px 4px;text-align:center;font-weight:700;color:#fff;min-height:24px;display:flex;align-items:center;justify-content:center;line-height:1.1}
  .ttgrid .c.s1{background:linear-gradient(150deg,#2f8fd0,#1b6ca8)}
  .ttgrid .c.s2{background:linear-gradient(150deg,#5fc185,#2fae63)}
  .ttgrid .c.s3{background:linear-gradient(150deg,#f4a259,#ed8f3e);color:#3a2208}
  .ttgrid .c.s4{background:linear-gradient(150deg,#9b8cf0,#6d5ae0)}

  /* ---- RBAC toggle mock ---- */
  .rbac{position:relative;z-index:1;display:flex;flex-direction:column;gap:9px}
  .rbac .rr{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:11px;padding:9px 12px}
  .rbac .rr .lab{font-size:.74rem;font-weight:700;color:var(--ink);font-family:var(--font-head)}
  .rbac .rr .role{font-size:.58rem;color:var(--slate);margin-top:1px}
  .rbac .rr .tg{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:.6rem;font-weight:700;border-radius:20px;padding:4px 10px}
  .rbac .rr .tg.allow{color:#1f9d57;background:#e4f7ec}
  .rbac .rr .tg.deny{color:#b4452f;background:#fbe4dd}
  .rbac .rr .tg .pill{width:22px;height:12px;border-radius:20px;position:relative}
  .rbac .rr .tg.allow .pill{background:#2fae63}
  .rbac .rr .tg.deny .pill{background:#d98b76}
  .rbac .rr .tg .pill::after{content:"";position:absolute;top:1px;width:10px;height:10px;border-radius:50%;background:#fff}
  .rbac .rr .tg.allow .pill::after{right:1px}
  .rbac .rr .tg.deny .pill::after{left:1px}

  /* ---- Browser website chip ---- */
  .webchip{position:relative;z-index:1;margin-top:14px;border-radius:11px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06)}
  .webchip .wt{display:flex;align-items:center;gap:7px;padding:7px 11px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.1)}
  .webchip .wt i{width:8px;height:8px;border-radius:50%}
  .webchip .wt i:nth-child(1){background:#ff6058}.webchip .wt i:nth-child(2){background:#ffbd2e}.webchip .wt i:nth-child(3){background:#28c840}
  .webchip .wt .u{margin-left:8px;font-size:.56rem;color:#bcdcf3;display:flex;align-items:center;gap:5px}
  .webchip .wt .u svg{width:10px;height:10px;color:#7ff0b0}
  .webchip .wb{padding:11px;display:flex;gap:8px;align-items:center}
  .webchip .wb .logo{width:30px;height:30px;border-radius:8px;background:linear-gradient(150deg,#f4a259,#ed8f3e);flex:0 0 auto}
  .webchip .wb .lines{flex:1;display:flex;flex-direction:column;gap:5px}
  .webchip .wb .lines span{height:5px;border-radius:3px;background:rgba(255,255,255,.16)}
  .webchip .wb .lines span:nth-child(1){width:70%;background:rgba(255,255,255,.28)}
  .webchip .wb .lines span:nth-child(2){width:90%}

  /* ---- timetable inside dark video tile section: keep contrast on dark ---- */
  .vmock .ttgrid .c{background:rgba(255,255,255,.1)}

  /* ===================== EIGHT-DOMAIN LAYOUT ===================== */
  .domains{position:relative;overflow:hidden}
  .domains::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:radial-gradient(rgba(27,108,168,.05) 1.4px,transparent 1.4px);
    background-size:30px 30px;
    -webkit-mask-image:radial-gradient(90% 60% at 50% 0%,#000,transparent 80%);mask-image:radial-gradient(90% 60% at 50% 0%,#000,transparent 80%);
  }
  .domains .wrap{position:relative;z-index:1}
  .domain{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;margin-bottom:84px}
  .domain:last-child{margin-bottom:0}
  .domain.flip .d-copy{order:2}
  .domain.flip .d-visual{order:1}
  .d-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(150deg,#e9f2fb,#d7e9f8);color:var(--blue-700);font-family:var(--font-head);font-weight:800;font-size:.82rem;margin-bottom:14px}
  .domain h2{font-size:1.9rem;margin:0}
  .domain .intro{font-size:1.06rem;color:var(--slate);margin-top:14px;line-height:1.6;max-width:540px}
  .caplist{list-style:none;margin:22px 0 0;display:flex;flex-direction:column;gap:11px}
  .caplist li{display:flex;gap:11px;align-items:flex-start;font-size:.97rem;color:var(--ink);line-height:1.5}
  .caplist li .ck{flex:0 0 auto;width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#e4f7ec,#d2efdd);color:#1f9d57;margin-top:1px}
  .caplist li .ck svg{width:13px;height:13px}
  .proofline{display:flex;gap:10px;align-items:flex-start;margin-top:22px;background:#fff;border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:12px;padding:13px 16px;font-size:.92rem;color:var(--ink);box-shadow:var(--shadow-sm)}
  .proofline svg{flex:0 0 auto;width:18px;height:18px;color:var(--orange);margin-top:2px}
  .proofline b{color:var(--blue-900);font-family:var(--font-head)}
  /* Deep-link targets (#fees, #certificates ...) clear the sticky header */
  .domain,.secband{scroll-margin-top:96px}

  /* ===================== SECURITY BAND ===================== */
  .secband{
    position:relative;overflow:hidden;color:#fff;
    background:
      radial-gradient(820px 420px at 84% -10%, rgba(47,143,208,.3), transparent 60%),
      radial-gradient(700px 460px at 8% 120%, rgba(244,162,89,.12), transparent 60%),
      linear-gradient(155deg,#0a2c4c,#0c3a64 70%);
  }
  .secband::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:42px 42px;
    -webkit-mask-image:radial-gradient(70% 80% at 50% 0%,#000,transparent 78%);mask-image:radial-gradient(70% 80% at 50% 0%,#000,transparent 78%);
  }
  .secband .wrap{position:relative;z-index:1}
  .secband .sec-head h2{color:#fff}
  .secband .sec-head .eyebrow{color:#bfe0f7}
  .secband .sec-head .eyebrow .dot{box-shadow:0 0 0 4px rgba(244,162,89,.28)}
  .secband .sec-head p{color:#cfe2f3}
  .secgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
  .secitem{display:flex;gap:13px;align-items:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px}
  .secitem .ic{flex:0 0 auto;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:var(--orange)}
  .secitem .ic svg{width:21px;height:21px}
  .secitem h3{color:#fff;font-size:1rem;margin:0 0 4px}
  .secitem p{font-size:.86rem;color:#cfe2f3;line-height:1.5}

  /* ===================== RESPONSIVE (page-specific) ===================== */
  @media (max-width:1024px){
    .domain{gap:40px}
    .secgrid{grid-template-columns:repeat(2,1fr)}
  }
  @media (max-width:760px){
    .domain{grid-template-columns:1fr;gap:28px;margin-bottom:60px}
    .domain.flip .d-copy{order:1}
    .domain.flip .d-visual{order:2}
    .domain h2{font-size:1.6rem}
  }
  @media (max-width:560px){
    .secgrid{grid-template-columns:1fr}
    .acct{grid-template-columns:1fr}
  }
.s-101860af{font-size:1.2rem !important}
.s-1514e994{height:83% !important}
.s-18f067f6{background:#2fae63 !important}
.s-1c75fcc1{width:84% !important}
.s-23699087{height:92% !important}
.s-2ea7fe0f{height:60% !important}
.s-35f82652{height:61% !important}
.s-38729897{width:36px !important}
.s-3d2662cf{height:74% !important}
.s-50374b1b{background:linear-gradient(150deg,#f08c8c,#e05a5a) !important}
.s-5397d2b7{background:#e3edf7 !important}
.s-55df5a83{width:78% !important}
.s-6c79d0eb{width:91% !important}
.s-7205568b{background:linear-gradient(150deg,#9b8cf0,#6d5ae0) !important}
.s-791b859d{height:44% !important}
.s-7acd2c76{background:linear-gradient(150deg,#f4a259,#ed8f3e) !important}
.s-a006daa9{background:linear-gradient(150deg,#2f8fd0,#1b6ca8) !important}
.s-b2f47f84{height:52% !important}
.s-cd5fa508{height:71% !important}
.s-d2a7f643{background:linear-gradient(150deg,#5fc185,#2fae63) !important}
.s-d6f2af6e{margin-top:14px !important}
.s-e7319693{height:66% !important}
.s-fa45bdd5{background:#f6cdb0 !important}