@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2")
    format("woff2");
  unicode-range:
    U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1,
    U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF,
    U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4,
    U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24,
    U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47,
    U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59,
    U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A,
    U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89,
    U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/ibm-plex-sans-arabic-latin-400-normal.woff2")
    format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2")
    format("woff2");
  unicode-range:
    U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1,
    U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF,
    U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4,
    U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24,
    U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47,
    U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59,
    U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A,
    U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89,
    U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./fonts/ibm-plex-sans-arabic-latin-600-normal.woff2")
    format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/* DarsCodes independent landing concept — grounded in DESIGN.md */
:root{--bg:#f7f9fb;--canvas:#fff;--canvas-soft:#f0f4f8;--ink:#17283a;--muted:#647287;--line:#dfe5ed;--brand:#0f4c81;--brand2:#16649b;--wash:#e8f1fb;--hero:#071e34;--blue:#73baff;--cream:#fafcff;--shadow:0 16px 60px rgba(9,39,70,.065);color-scheme:light;font-family:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif}
:root[data-theme=dark]{--bg:#071321;--canvas:#101f30;--canvas-soft:#14283c;--ink:#eef5fc;--muted:#afbed0;--line:#26394b;--brand:#6aaff2;--brand2:#90c9ff;--wash:#152d46;--hero:#071b2f;--shadow:0 16px 60px rgba(0,0,0,.14);color-scheme:dark}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.7}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #57b5ff;outline-offset:4px}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.28}img{max-width:100%}.icon{width:20px;height:20px;flex:none}.container{max-width:1376px;margin-inline:auto;padding-inline:42px}.skip-link{position:absolute;top:-80px;inset-inline-start:12px;padding:12px 16px;background:white;color:#07233d;z-index:100}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:10}.header-inner{height:102px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.logo-icon{box-shadow:0 8px 20px rgba(13,74,127,.15);border-radius:12px}.logo-name{font:800 24px/1.06 ui-sans-serif,system-ui,"Segoe UI",sans-serif;letter-spacing:-.9px;color:var(--ink)}.logo-name>span{color:var(--brand2)}.logo-name small{display:block;margin-top:7px;letter-spacing:1.15px;font:700 9px/1.1 "IBM Plex Sans Arabic","Noto Sans Arabic",sans-serif;color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:32px;color:var(--muted);font-size:13px;font-weight:650}.desktop-nav a:hover{color:var(--brand)}.header-actions{display:flex;gap:11px;align-items:center}.language-toggle{padding:10px 12px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ink);background:var(--canvas)}.language-toggle .icon{width:16px;height:16px}.theme-toggle{width:40px;height:40px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;background:var(--canvas);color:var(--ink)}.theme-toggle .icon{width:17px;height:17px}.mode-light{display:none}:root[data-theme=light] .mode-dark{display:none}:root[data-theme=light] .mode-light{display:block}.header-contact{padding:11px 16px;border-radius:7px;background:#0f4c81;color:#fff;font-size:12px;font-weight:750;display:flex;align-items:center;gap:8px}.header-contact .icon{width:15px;height:15px}.header-contact:hover{background:#0b3b6a}
.hero-wrap{margin-top:10px}.hero-grid{background:var(--hero);position:relative;isolation:isolate;border-radius:28px 28px 0 0;min-height:630px;display:grid;grid-template-columns:47% 53%;align-items:center;gap:0;overflow:hidden;box-shadow:0 30px 75px rgba(7,30,52,.14)}.hero-grid:before{position:absolute;content:"";inset:0;background:radial-gradient(ellipse at 75% 55%,rgba(33,119,186,.31),transparent 49%),radial-gradient(ellipse at 10% 10%,rgba(6,69,114,.7),transparent 56%),linear-gradient(135deg,rgba(7,28,46,.3),rgba(4,14,27,.15));z-index:-2}.hero-grid:after{content:"";position:absolute;inset:0;opacity:.18;z-index:-1;background-image:linear-gradient(to right,rgba(158,198,233,.11) 1px,transparent 1px),linear-gradient(to bottom,rgba(158,198,233,.08) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent 18%,black 100%)}.hero-copy{padding:64px 70px;position:relative;z-index:2;max-width:710px}.status-chip{color:#bfddf5;background:rgba(112,190,255,.105);border:1px solid rgba(142,208,255,.18);padding:7px 14px;display:inline-flex;gap:9px;align-items:center;border-radius:99px;font-size:12px;font-weight:650}.status-dot{height:7px;width:7px;border-radius:50%;background:#74d7b9;box-shadow:0 0 0 4px rgba(116,215,185,.10)}.eyebrow{margin-top:30px;font-size:13px;letter-spacing:.2px;color:#92c5ef;font-weight:700}.hero-copy h1{margin-top:12px;font-size:clamp(37px,3.6vw,60px);font-weight:800;line-height:1.42;letter-spacing:-1.8px;color:#c3d7eb;white-space:nowrap}.hero-copy h1 .headline-white{color:#fff}.hero-copy h1 em{font-style:normal;color:#73baff}.hero-lead{font-size:15.5px;line-height:2;color:#b7c9d9;margin-top:18px;max-width:570px}.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:30px}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:11px 20px;font-size:13px;font-weight:730;border-radius:7px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn .icon{width:17px;height:17px}.btn-primary{background:#75baff;color:#092842;box-shadow:0 10px 23px rgba(39,131,205,.20)}.btn-primary:hover{background:#a4d3ff}.btn-quiet{color:#e8f3ff;border:1px solid rgba(231,245,255,.21);background:rgba(255,255,255,.045)}.btn-quiet:hover{background:rgba(255,255,255,.1)}.btn .arrow-icon{width:14px;height:14px}.hero-chips{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px;padding-top:22px;border-top:1px solid rgba(180,218,247,.13);color:#8eb3d3;font-size:11.5px}.hero-chips span{display:flex;align-items:center;gap:6px}.hero-chips .icon{width:15px;height:15px;color:#83d6bd}
.hero-art{position:relative;min-height:530px;padding:44px 54px 54px 18px;display:flex;align-items:center;justify-content:center;perspective:1250px}.hero-art:before{position:absolute;content:"";width:500px;height:440px;inset-inline-start:6%;top:8%;background:radial-gradient(circle,rgba(76,164,240,.22),transparent 70%);filter:blur(22px);z-index:-1}.art-orbit{position:absolute;border:1px solid rgba(133,203,248,.12);border-radius:50%;pointer-events:none}.orbit-one{height:560px;width:560px;transform:rotate(-27deg) scaleY(.58);top:-48px;left:0}.orbit-two{height:770px;width:770px;transform:rotate(24deg) scaleY(.63);top:-173px;left:-102px}.product-window{position:relative;width:min(100%,635px);background:#f8fbff;border:1px solid rgba(210,234,251,.5);box-shadow:0 30px 65px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.4) inset;border-radius:16px;overflow:hidden;transform:rotateY(-5deg) rotateX(2deg) rotate(-1deg);color:#142738;z-index:2}.window-bar{height:45px;background:#f9fcff;display:flex;align-items:center;justify-content:space-between;padding-inline:16px;border-bottom:1px solid #e1eaf1;gap:10px}.window-dots{display:flex;gap:5px}.window-dots i{height:8px;width:8px;background:#c2cddb;border-radius:50%}.window-dots i:first-child{background:#f19087}.window-dots i:nth-child(2){background:#f4c76c}.window-dots i:nth-child(3){background:#73c7a8}.window-crumb{font:600 10px/1.2 ui-sans-serif,system-ui,sans-serif;color:#65748a;white-space:nowrap}.window-crumb span{color:#b9c4ce;margin:0 5px}.window-ico .icon{width:15px;height:15px;color:#8299ae}.mock-content{display:grid;grid-template-columns:142px 1fr;min-height:355px}.mock-sidebar{background:#f0f5fa;border-inline-end:1px solid #dfe8f0;padding:18px 12px;position:relative}.mock-sidebar-title{font-size:12px;font-weight:800;line-height:1.5;color:#123452;margin-bottom:20px}.mock-sidebar-title small{display:block;font-size:9px;font-weight:500;margin-top:3px;color:#8797a8}.mock-step{display:flex;gap:8px;align-items:center;color:#8495a7;font-size:10px;padding:9px 7px;margin-bottom:4px;border-radius:6px}.mock-step>span{border:1px solid #dce6ef;background:#fff;width:25px;height:25px;display:grid;place-items:center;border-radius:6px;flex:none}.mock-step .icon{height:13px;width:13px}.mock-step p{display:flex;flex-direction:column;font:600 8px/1.3 ui-sans-serif,system-ui,sans-serif}.mock-step p b{font:700 10px/1.5 "IBM Plex Sans Arabic","Noto Sans Arabic",sans-serif;color:#526579}.mock-step.finished>span{color:#16836a}.mock-step.current{background:#e2ecf7;color:#0f4c81}.mock-step.current>span{background:#0f4c81;border-color:#0f4c81;color:#fff}.mock-step.current b{color:#0f4c81}.mock-bottom{position:absolute;bottom:17px;inset-inline:14px;display:flex;gap:5px;align-items:flex-start;border-top:1px solid #e0e7ee;padding-top:12px;color:#8798aa;font-size:8.5px;line-height:1.7}.mock-bottom .icon{width:12px;height:12px}.mock-lesson{padding:22px 23px 19px;min-width:0;display:flex;flex-direction:column;gap:13px}.mock-heading{display:flex;justify-content:space-between;gap:12px}.mock-label{font:700 9px/1.4 ui-sans-serif,system-ui,sans-serif;color:#3975a6;letter-spacing:.5px}.mock-heading h3{font-size:17px;line-height:1.4;margin:5px 0;color:#20384e;font-weight:750}.mock-heading p{font-size:9.5px;color:#8796a4}.mock-status{align-self:flex-start;padding:4px 7px;border:1px solid #dce7f1;border-radius:4px;color:#5d7792;font:700 9px ui-monospace,monospace;white-space:nowrap}.editor{background:#111e2e;color:#d8eafa;border:1px solid #2c435a;border-radius:10px;overflow:hidden;box-shadow:0 8px 20px rgba(4,17,37,.1)}.editor-top{height:32px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;font-size:9px;color:#cbdceb;background:#17293d;border-bottom:1px solid #2a3c51}.editor-top>span:first-child{display:flex;align-items:center;gap:6px}.editor-top .icon{width:13px;height:13px;color:#71baf5}.editor-file{direction:ltr;font:10px ui-monospace,Consolas,monospace;color:#9fbbd4}.editor-code{padding:12px 12px 11px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.editor-code>div{display:flex;gap:16px;align-items:baseline;white-space:nowrap}.editor-code span{min-width:13px;text-align:right;color:#627c97;font:10px/1.65 Consolas,ui-monospace,monospace}.editor-code code{font:10.5px/1.65 Consolas,ui-monospace,monospace}.editor-code b{font-weight:500}.s-comment{color:#80a6a5}.s-number{color:#f1c57e}.s-keyword{color:#81c6fb}.editor-output{min-height:29px;background:#15283c;border-top:1px solid #304358;padding:6px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px;font:10px Consolas,monospace}.output-label{font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",sans-serif;color:#85a3b9}.output-result{display:flex;align-items:center;gap:8px;color:#d5ffe7;font-weight:700}.green-dot{height:6px;width:6px;border-radius:50%;background:#70d4a8}.mock-question{display:flex;align-items:center;gap:8px;background:#f0f6fc;border:1px solid #dae7f1;border-radius:8px;padding:10px 11px;margin-top:auto}.question-icon{border-radius:6px;color:#0f4c81;display:grid;place-items:center;background:#e0edf7;height:27px;width:27px;flex:none}.question-icon .icon{width:14px;height:14px}.mock-question strong{font-size:10px;display:block;line-height:1.3}.mock-question p{font-size:9px;line-height:1.5;color:#70859c;margin-top:3px}.question-button{margin-inline-start:auto;display:flex;align-items:center;gap:6px;background:#e0f5ed;padding:5px 7px;border:1px solid #bfe7d5;border-radius:5px;color:#207957;font:700 11px ui-monospace,monospace}.question-button .icon{width:12px;height:12px}.window-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e2eaf2;padding:9px 15px;color:#7992a7;font-size:8.5px}.window-foot span:first-child{display:flex;gap:5px;align-items:center}.window-foot .icon{width:12px;height:12px}.window-foot span:last-child{font:9px ui-monospace,monospace;white-space:nowrap}.art-mini-card{position:absolute;top:7%;inset-inline-end:2%;background:#f9fdff;border:1px solid #d5eaf7;border-radius:12px;display:flex;align-items:center;gap:10px;padding:10px 13px;z-index:4;box-shadow:0 15px 34px rgba(1,10,24,.25);transform:rotate(5deg)}.mini-symbol{background:#e2f1fd;color:#0f4c81;width:32px;height:32px;display:grid;place-items:center;border-radius:8px}.mini-symbol .icon{width:17px;height:17px}.art-mini-card strong{display:block;color:#193b59;font-size:11px}.art-mini-card small{font-size:9px;color:#839aaf}.mini-check{display:grid;place-items:center;border-radius:50%;width:21px;height:21px;background:#dff5e9;color:#21835e}.mini-check .icon{height:12px;width:12px}.art-caption{position:absolute;bottom:18px;inset-inline-start:17%;font:600 10px/1.5 "IBM Plex Sans Arabic","Noto Sans Arabic",sans-serif;color:#9fbed8;display:flex;gap:10px;align-items:center}.caption-line{display:block;width:30px;height:1px;background:#75baff}.hero-bottom-line{height:45px;padding-inline:70px;background:#08243d;display:flex;justify-content:space-between;align-items:center;color:#88a9c9;font:600 10px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:1.2px;border-radius:0 0 12px 12px}.hero-bottom-line span:last-child{font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",sans-serif;letter-spacing:0}
.vision-section{padding-block:112px 113px}.section-top{margin-bottom:35px}.kicker{text-transform:none;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.3px;color:var(--brand2)}.kicker-line{height:2px;width:32px;background:var(--brand2);display:block}.section-top-grid{display:grid;grid-template-columns:1.05fr .75fr;align-items:end;gap:95px;margin-top:17px}.section-top h2{font-size:clamp(33px,3.2vw,49px);line-height:1.44;letter-spacing:-1.2px;font-weight:800}.section-top h2 span,.belief-inner h2 span{color:var(--brand2)}.section-top-grid>p{max-width:445px;font-size:15px;line-height:2;color:var(--muted);padding-bottom:8px}.journey-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:19px}.journey-card{min-height:328px;border:1px solid var(--line);border-radius:16px;background:var(--canvas);padding:27px 28px;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s}.journey-card:hover{transform:translateY(-4px)}.journey-primary{background:#113c63;border-color:#154973;color:white;box-shadow:0 20px 45px rgba(9,52,84,.15)}.journey-number{font:700 11px ui-monospace,monospace;color:var(--muted);letter-spacing:1px}.journey-primary .journey-number{color:#99bfdd}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--wash);color:var(--brand2);margin:25px 0 20px}.feature-icon .icon{width:24px;height:24px}.journey-primary .feature-icon{background:#285b84;color:#a7dbff}.journey-card h3{font-size:22px;font-weight:800;margin-bottom:12px;letter-spacing:-.5px}.journey-card>p{font-size:13px;line-height:2;color:var(--muted);max-width:340px}.journey-primary>p{color:#c3daef}.card-art{position:absolute;bottom:25px;inset-inline-end:27px;opacity:.32}.card-art-lines{width:90px;display:flex;flex-direction:column;gap:7px}.card-art-lines span{height:3px;border-radius:4px;background:#95d6ff}.card-art-lines span:nth-child(2){width:73%}.card-art-lines span:nth-child(3){width:54%}.card-art-code{font:11px/1.7 ui-monospace,monospace;display:flex;flex-direction:column;direction:ltr;color:var(--brand2);opacity:.48}.card-art-code b{font-weight:500;color:#8caad1}.card-art-score{display:flex;align-items:center;gap:6px}.card-art-score>span{width:20px;height:20px;display:grid;place-items:center;background:#50a784;color:white;border-radius:100%}.card-art-score>span .icon{width:12px;height:12px}.card-art-score i{width:14px;height:6px;background:var(--brand2);border-radius:4px;display:block}.card-art-score i:last-child{width:8px}
.belief-section{background:#0d304f;position:relative;overflow:hidden}.belief-section:before{content:"";position:absolute;width:580px;height:580px;inset-inline-end:-190px;top:-310px;background:radial-gradient(circle,rgba(64,155,235,.18),transparent 70%);border:1px solid rgba(255,255,255,.07);border-radius:50%}.belief-inner{padding-block:80px;position:relative}.kicker-light{color:#9bcaf1}.kicker-light .kicker-line{background:#9bcaf1}.belief-inner h2{font-size:clamp(31px,3vw,44px);line-height:1.6;max-width:930px;color:#fff;margin-top:14px;font-weight:800;letter-spacing:-1px}.belief-inner h2 span{color:#80c7ff}.belief-inner>p:last-of-type{max-width:800px;color:#b7d0e4;font-size:16px;margin-top:20px;line-height:2}.belief-monogram{position:absolute;inset-inline-end:12%;top:27%;opacity:.045;color:white}.belief-monogram .icon{width:210px;height:210px;stroke-width:.5}
.areas-section{padding-block:112px 110px}.areas-heading{max-width:820px}.areas-heading h2{font-size:clamp(31px,3vw,46px);margin-top:17px;font-weight:800;line-height:1.5}.areas-heading>p:last-child{color:var(--muted);max-width:720px;margin-top:15px;font-size:15px;line-height:2}.areas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:42px}.areas-grid article{padding:0 0 18px}.area-illustration{height:156px;border-radius:14px;background:var(--canvas-soft);border:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center;color:var(--brand2);overflow:hidden}.area-illustration:before{content:"";width:230px;height:230px;border:1px solid currentColor;opacity:.13;border-radius:42px;transform:rotate(32deg);position:absolute}.area-illustration:after{content:"";width:150px;height:150px;border:1px solid currentColor;opacity:.13;border-radius:32px;transform:rotate(-20deg);position:absolute}.area-illustration .icon{height:50px;width:50px;stroke-width:1.2;z-index:1}.area-illustration span{position:absolute;inset-inline-start:21px;top:17px;font:700 11px ui-monospace,monospace;opacity:.45}.area-ai{background:color-mix(in srgb,var(--wash),var(--canvas) 34%)}.area-interactive{background:color-mix(in srgb,var(--canvas-soft),var(--wash) 56%)}.areas-grid h3{font-weight:800;font-size:20px;margin:22px 0 9px}.areas-grid article>p{font-size:13px;line-height:2;max-width:380px;color:var(--muted)}
.contact-section{padding-bottom:40px}.contact-card{min-height:265px;background:#0e4779;border-radius:19px;padding:54px 63px;position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:40px;align-items:center}.contact-card:before{content:"";position:absolute;height:340px;width:340px;border:1px solid rgba(255,255,255,.2);border-radius:50%;inset-inline-end:-130px;top:-140px}.contact-card:after{content:"";position:absolute;width:650px;height:400px;top:-190px;inset-inline-end:-120px;background:radial-gradient(ellipse,rgba(96,182,254,.22),transparent 75%)}.contact-text,.contact-action{position:relative;z-index:1}.contact-text{max-width:690px}.contact-label{font-size:11px;letter-spacing:1px;color:#aed2f4;font-weight:700}.contact-text h2{color:#fff;font-size:clamp(28px,2.7vw,39px);line-height:1.5;font-weight:800;margin-top:8px}.contact-text>p:last-child{font-size:14px;color:#bdd8ef;line-height:2;margin-top:12px}.contact-action{display:flex;flex-direction:column;gap:12px;align-items:center;min-width:218px}.contact-action .btn{width:100%;white-space:nowrap}.contact-action>span{font:12px ui-sans-serif,system-ui,sans-serif;color:#c3e1f7;direction:ltr}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:28px 46px}.footer-brand .logo-icon{height:36px;width:36px}.footer-brand .logo-name{font-size:19px}.footer-brand .logo-name small{font-size:8px}.footer-right{text-align:end;color:var(--muted)}.footer-right p{font-size:12px}.footer-right small{font-size:11px}.error-page{min-height:100vh;display:grid;place-items:center;text-align:center}.error-page>div{display:flex;flex-direction:column;align-items:center;gap:16px}.error-page p{font:600 14px ui-monospace,monospace;color:var(--brand2)}.error-page h1{font-size:32px}.error-page .btn{margin-top:16px;background:#0f4c81;color:#fff}
html[dir=ltr] .hero-copy h1{font-size:clamp(34px,3.2vw,56px);letter-spacing:-1.8px;line-height:1.29}html[dir=ltr] .hero-lead{line-height:1.85}html[dir=ltr] .hero-art{padding:44px 25px 54px 42px}html[dir=ltr] .hero-copy{padding:65px 48px 65px 70px}html[dir=ltr] .section-top h2,html[dir=ltr] .belief-inner h2{line-height:1.35}html[dir=ltr] .areas-heading h2{line-height:1.3}
@media(max-width:1220px){.container{padding-inline:28px}.desktop-nav{gap:17px}.hero-copy{padding:50px 35px}.hero-copy h1{font-size:clamp(34px,3.65vw,51px)}.hero-art{padding:40px 22px 52px 12px}.product-window{transform:rotate(-1deg)}html[dir=ltr] .hero-copy{padding:55px 35px}.mock-content{grid-template-columns:122px 1fr}.mock-sidebar{padding-inline:8px}.mock-lesson{padding-inline:12px}.editor-code code{font-size:9px}.section-top-grid{gap:38px}}
@media(max-width:980px){.desktop-nav{display:none}.container{padding-inline:24px}.hero-grid{grid-template-columns:1fr;min-height:unset}.hero-copy{padding:66px 65px 28px;max-width:100%}.hero-copy h1{font-size:clamp(42px,6vw,64px)}.hero-lead{max-width:670px}.hero-art{min-height:480px;padding:25px 50px 58px}.product-window{max-width:610px}.hero-bottom-line{padding-inline:48px}.section-top-grid{grid-template-columns:1fr;gap:15px}.journey-grid{grid-template-columns:repeat(2,1fr)}.journey-grid article:first-child{grid-column:span 2;min-height:270px}.areas-grid{gap:15px}.contact-card{padding:40px}.contact-text h2{font-size:32px}html[dir=ltr] .hero-copy{padding:60px 65px 22px}}
@media(max-width:680px){.container{padding-inline:16px}.header-inner{height:77px;gap:8px}.brand{gap:9px}.logo-icon{width:39px;height:39px}.logo-name{font-size:19px}.logo-name small{font-size:7px}.header-actions{gap:6px}.language-toggle{padding:8px;gap:5px;font-size:11px}.language-toggle .icon{width:14px;height:14px}.theme-toggle{width:35px;height:35px}.header-contact{display:none}.hero-wrap{margin-top:0}.hero-grid{border-radius:19px 19px 0 0}.hero-copy,html[dir=ltr] .hero-copy{padding:45px 24px 16px}.status-chip{font-size:10px}.eyebrow{font-size:12px;margin-top:27px}.hero-copy h1{font-size:clamp(32px,8.6vw,48px);letter-spacing:-1.1px;line-height:1.43;white-space:normal}.hero-copy h1 br{display:block}.hero-lead{font-size:13.5px;line-height:1.95;margin-top:14px}.hero-buttons{gap:10px;margin-top:23px}.btn{padding:11px 15px;min-height:43px;font-size:12px}.hero-chips{gap:10px 15px;margin-top:24px;padding-top:17px;font-size:9.8px}.hero-art,html[dir=ltr] .hero-art{padding:21px 18px 43px;min-height:auto}.product-window{transform:none;width:100%;border-radius:11px}.art-mini-card{display:none}.orbit-one,.orbit-two{display:none}.art-caption{bottom:11px;font-size:9px;inset-inline-start:13%}.mock-content{grid-template-columns:96px 1fr;min-height:278px}.mock-sidebar{padding:13px 5px}.mock-sidebar-title{font-size:9px;margin-bottom:14px}.mock-sidebar-title small{font-size:8px}.mock-step{gap:4px;font-size:9px;padding:8px 4px}.mock-step>span{height:21px;width:21px}.mock-step p{font-size:7px}.mock-step p b{font-size:8px}.mock-bottom{display:none}.mock-lesson{padding:15px 8px;gap:8px}.mock-heading h3{font-size:11px;margin:4px 0}.mock-heading p{font-size:8px;line-height:1.6}.mock-label{font-size:7px}.mock-status{font-size:7px}.editor-top{height:28px;padding-inline:7px;font-size:8px}.editor-file{font-size:8px}.editor-code{padding:10px 5px;gap:5px}.editor-code>div{gap:7px}.editor-code span{font-size:7px;min-width:10px}.editor-code code{font-size:7.4px}.editor-output{padding-inline:8px}.mock-question{padding:8px 6px;gap:5px}.question-icon{height:20px;width:20px}.question-icon .icon{width:11px;height:11px}.mock-question strong{font-size:9px}.mock-question p{font-size:7px}.question-button{font-size:9px;padding:3px}.window-foot{padding:8px;font-size:7px}.window-foot span:last-child{font-size:7px}.window-bar{height:34px;padding-inline:9px}.window-crumb{font-size:8px}.hero-bottom-line{height:auto;min-height:43px;padding:10px 22px;gap:12px;flex-wrap:wrap;font-size:8px}.vision-section{padding-block:76px}.section-top-grid{margin-top:16px}.section-top h2{font-size:32px;letter-spacing:-.6px}.section-top-grid>p{font-size:13.5px;line-height:1.9}.journey-grid{grid-template-columns:1fr;gap:12px}.journey-grid article:first-child{grid-column:auto;min-height:285px}.journey-card{min-height:280px;padding:23px}.journey-card h3{font-size:20px}.belief-inner{padding-block:67px}.belief-inner h2{font-size:31px}.belief-inner>p:last-of-type{font-size:14px}.belief-monogram{display:none}.areas-section{padding-block:77px}.areas-heading h2{font-size:30px}.areas-heading>p:last-child{font-size:13px}.areas-grid{grid-template-columns:1fr;gap:26px;margin-top:29px}.area-illustration{height:150px}.areas-grid h3{font-size:19px;margin-top:14px}.contact-card{padding:35px 23px;display:flex;flex-direction:column;align-items:stretch;gap:26px}.contact-text h2{font-size:29px}.contact-text>p:last-child{font-size:13px}.contact-action{align-items:stretch;min-width:auto}.site-footer{padding-block:26px 38px;align-items:flex-start}.footer-right p{font-size:10px}.footer-right small{font-size:9px}html[dir=ltr] .hero-copy h1{font-size:clamp(32px,8.1vw,45px);line-height:1.25}html[dir=ltr] .hero-lead{line-height:1.75}}
@media(max-width:365px){.logo-name{font-size:17px}.logo-name small{font-size:6px}.hero-copy h1{font-size:30px}.hero-chips{font-size:9px}.mock-content{grid-template-columns:85px 1fr}.editor-code code{font-size:6.4px}.mock-question p{font-size:6.5px}.question-button{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Integration: keyboard/touch access without changing the approved palettes. */
.theme-toggle[hidden] { display: none; }
.theme-toggle { min-width: 44px; min-height: 44px; }
.language-toggle, .brand, .header-contact, .desktop-nav a { min-height: 44px; }
.desktop-nav a { display: inline-flex; align-items: center; }
main:focus { outline: none; }

/* Keep meaningful conceptual labels readable while preserving the approved design. */
.art-mini-card small { color: #657687; }
.mock-sidebar-title small { color: #64707d; }
.mock-step:not(.current) p { color: #64717e; }
.mock-bottom { color: #64717e; }
.mock-heading p { color: #69747f; }
.mock-status { color: #5c7590; }
.editor-code span { color: #7088a0; }
.mock-question p { color: #5f7185; }
.window-foot { color: #617586; }