@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("./fonts/dm-sans-variable-40c3837c53c1.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("./fonts/manrope-variable-30b83738add8.woff2") format("woff2");
}
/* DM Sans design text must additionally use font-optical-sizing: none;
   font-variation-settings: "opsz" 14; and font-weight: 400 or 500.
   Manrope design text uses font-weight: 400 or 500. */

:root {
  --syaamil-dark:#071e2e; --syaamil-olive:#12344a; --syaamil-ink:#102c40;
  --syaamil-paper:#fafbfd; --syaamil-accent:#f68e33; --syaamil-lime:var(--syaamil-accent); --syaamil-pale:#eef4f8;
  --syaamil-muted:#5c6d7a; --syaamil-soft:#cbd8e2; --syaamil-line:#d8e2e8;
  --syaamil-white:#fff; --syaamil-forest:#005e90; --syaamil-blue:#0082c6;
  --syaamil-context-glass:rgba(255,255,255,.62);
  --syaamil-context-border:rgba(255,255,255,.28);
  --space-8:8px; --space-12:12px; --space-16:16px; --space-20:20px;
  --space-24:24px; --space-28:28px; --space-32:32px; --space-40:40px;
  --space-48:48px; --space-64:64px; --space-80:80px; --space-96:96px;
  --space-104:104px; --space-112:112px; --space-128:128px;
  font-family:"DM Sans",sans-serif; font-synthesis:none; color:var(--syaamil-ink);
  font-optical-sizing:none; font-variation-settings:"opsz" 14;
}
*,*::before,*::after {box-sizing:border-box;border:0 solid;}
html {scroll-behavior:smooth;}
body {margin:0;min-width:0;background:var(--syaamil-dark);}
h1,h2,h3,h4,p,figure {margin:0;font:inherit;}
button,input,select,textarea {font:inherit;letter-spacing:inherit;color:inherit;}
button {background:transparent;border:0;padding:0;text-align:inherit;cursor:pointer;}
a {color:inherit;text-decoration:none;}
img {display:block;vertical-align:middle;max-width:100%;}
[data-layout="desktop"] [data-name="Syaamil Website / Context Label"],
[data-node-id="114:786"],[data-node-id="114:787"],[data-node-id="114:788"],[data-node-id="114:789"] {border-width:0;box-shadow:inset 0 0 0 .7px var(--syaamil-context-border);padding-left:12.7px;padding-right:12.7px;}
[data-layout="desktop"] [data-node-id="85:516"] {width:152.6px;}
button:focus-visible,a:focus-visible,input:focus-visible {outline:2px solid var(--syaamil-ink);outline-offset:4px;}
input {border:0;border-radius:0;outline:none;background:transparent;padding:0;min-width:0;}
input::placeholder {color:var(--syaamil-muted);opacity:1;}
[data-layout] {width:100%;min-height:100svh;background:var(--syaamil-dark);}
[data-layout="desktop"] {display:none;}
[data-layout="mobile"] {display:block;}
@media(min-width:1100px){
  [data-layout="desktop"]{display:block;}
  [data-layout="mobile"]{display:none;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
dialog {border:0;padding:32px;background:var(--syaamil-paper);color:var(--syaamil-ink);width:min(600px,calc(100% - 32px));max-height:85dvh;}
dialog::backdrop {background:rgba(5,13,8,.7);backdrop-filter:blur(5px);}
dialog h2 {font-family:"Manrope",sans-serif;font-size:28px;line-height:36px;margin-bottom:16px;}
dialog p,dialog label {font-size:16px;line-height:26px;}
dialog button {border:1px solid var(--syaamil-line);border-radius:26px;padding:12px 24px;font-size:14px;line-height:20px;}
dialog .dialog-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
dialog pre {white-space:pre-wrap;word-break:break-word;line-height:24px;font:14px/24px "DM Sans",sans-serif;background:var(--syaamil-white);padding:20px;}
dialog .primary-action {background:var(--syaamil-lime);border-color:var(--syaamil-lime);}

/* Native CSS derived from the approved Figma layout. */
.f-0{background:var(--color\/dark,#071e2e);align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;height:100%}
.f-1{height:900px;overflow:clip;position:relative;flex-shrink:0;width:1440px}
.f-2{position:absolute;height:1047px;left:0;top:0;width:1745px}
.f-3{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;width:100%;height:100%}
.f-4{position:absolute;height:900px;left:0;top:0;width:1440px}
.f-5{position:absolute;align-content:stretch;display:flex;height:64px;align-items:center;left:96px;overflow:clip;top:36px;width:1248px}
.f-6{align-content:stretch;display:flex;gap:22px;height:64px;align-items:center;overflow:clip;position:relative;flex-shrink:0;width:460px}
.f-7{height:49.231px;position:relative;flex-shrink:0;width:164px}
.f-8{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.f-9{position:absolute;height:125.69%;left:0;max-width:none;top:0;width:100%}
.f-a{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:18px;position:relative;flex-shrink:0;font-size:9px;color:var(--color\/soft,#cbd8e2);letter-spacing:1.5px;width:230px}
.f-b{word-break:break-word;align-content:stretch;cursor:pointer;display:flex;font-family:"DM Sans",sans-serif;font-weight:400;gap:34px;height:64px;align-items:center;justify-content:center;line-height:0;overflow:clip;position:relative;flex-shrink:0;font-size:12px;color:var(--color\/white,white);text-align:left;width:556px}
.f-c{display:block;position:relative;flex-shrink:0;width:90px}
.f-d{line-height:20px}
.f-e{display:block;position:relative;flex-shrink:0;width:96px}
.f-f{display:block;position:relative;flex-shrink:0;width:108px}
.f-g{align-content:stretch;display:flex;height:64px;align-items:center;justify-content:flex-end;overflow:clip;position:relative;flex-shrink:0;width:232px}
.f-h{background:var(--color\/paper,#fafbfd);align-content:stretch;display:flex;height:50px;align-items:center;justify-content:center;overflow:clip;padding-left:22px;padding-right:22px;padding-top:12px;padding-bottom:12px;position:relative;border-radius:25px;flex-shrink:0;width:172px}
.f-i{word-break:break-word;display:block;cursor:pointer;font-family:"DM Sans",sans-serif;font-weight:500;line-height:0;position:relative;flex-shrink:0;font-size:12px;color:var(--color\/ink,#102c40);text-align:center;width:128px}
.f-j{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:28px;align-items:flex-start;left:96px;overflow:clip;top:314px;width:760px}
.f-k{word-break:break-word;font-family:"Manrope",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:84px;color:var(--color\/white,white);letter-spacing:-2.2px;width:760px}
.f-l{line-height:94px;margin-bottom:0}
.f-m{line-height:94px}
.f-n{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/line,#d8e2e8);width:600px}
.f-o{align-content:stretch;display:flex;gap:16px;height:56px;align-items:center;overflow:clip;position:relative;flex-shrink:0;width:760px}
.f-p{background:rgba(255,255,255,0.06);border-width:1px;border-color:rgba(255,255,255,0.24);border-style:solid;align-content:stretch;display:flex;height:56px;align-items:center;justify-content:center;overflow:clip;padding-left:22px;padding-right:22px;padding-top:12px;padding-bottom:12px;position:relative;border-radius:28px;flex-shrink:0;width:212px}
.f-q{word-break:break-word;display:block;cursor:pointer;font-family:"DM Sans",sans-serif;font-weight:500;line-height:0;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/white,white);text-align:center;width:168px}
.f-r{line-height:22px}
.f-s{background:var(--color\/accent,#f68e33);align-content:stretch;display:flex;height:56px;align-items:center;justify-content:center;overflow:clip;padding-left:22px;padding-right:22px;padding-top:12px;padding-bottom:12px;position:relative;border-radius:28px;flex-shrink:0;width:228px}
.f-t{word-break:break-word;display:block;cursor:pointer;font-family:"DM Sans",sans-serif;font-weight:500;line-height:0;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/ink,#102c40);text-align:center;width:184px}
.f-u{position:absolute;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,0.62);border-width:0.7px;border-color:rgba(255,255,255,0.28);border-style:solid;align-content:stretch;display:flex;gap:var(--space-8,8px);height:32px;align-items:center;left:1180px;overflow:clip;padding-left:var(--space-12,12px);padding-right:var(--space-12,12px);border-radius:16px;top:242px;width:192px}
.f-v{position:relative;flex-shrink:0;width:6px;height:6px}
.f-w{position:absolute;display:block;inset:0;max-width:none}
.f-x{word-break:break-word;flex:1 0 0;font-family:"DM Sans",sans-serif;font-weight:400;line-height:16px;min-width:1px;position:relative;font-size:10px;color:var(--color\/ink,#102c40)}
.f-y{position:absolute;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,0.62);border-width:0.7px;border-color:rgba(255,255,255,0.28);border-style:solid;align-content:stretch;display:flex;gap:var(--space-8,8px);height:32px;align-items:center;left:660px;overflow:clip;padding-left:var(--space-12,12px);padding-right:var(--space-12,12px);border-radius:16px;top:155px;width:192px}
.f-z{position:absolute;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,0.62);border-width:0.7px;border-color:rgba(255,255,255,0.28);border-style:solid;align-content:stretch;display:flex;gap:var(--space-8,8px);height:32px;align-items:center;left:1180px;overflow:clip;padding-left:var(--space-12,12px);padding-right:var(--space-12,12px);border-radius:16px;top:530px;width:192px}
.f-10{position:absolute;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,0.62);border-width:0.7px;border-color:rgba(255,255,255,0.28);border-style:solid;align-content:stretch;display:flex;gap:var(--space-8,8px);height:32px;align-items:center;left:880px;overflow:clip;padding-left:var(--space-12,12px);padding-right:var(--space-12,12px);border-radius:16px;top:770px;width:192px}
.f-11{background:var(--color\/dark,#071e2e);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-32,32px);align-items:flex-start;overflow:clip;padding-left:var(--space-64,64px);padding-right:var(--space-64,64px);padding-top:var(--space-96,96px);padding-bottom:var(--space-96,96px);position:relative;flex-shrink:0;width:1440px}
.f-12{align-content:stretch;display:flex;gap:var(--space-80,80px);align-items:center;justify-content:center;overflow:clip;position:relative;flex-shrink:0;width:1312px}
.f-13{word-break:break-word;align-content:stretch;display:flex;flex-direction:column;font-weight:400;gap:var(--space-28,28px);align-items:center;overflow:clip;position:relative;flex-shrink:0;text-align:center;width:944px}
.f-14{font-family:"Manrope",sans-serif;line-height:0;position:relative;flex-shrink:0;font-size:52px;color:var(--color\/accent,#f68e33);width:944px}
.f-15{line-height:62px;margin-bottom:0}
.f-16{line-height:62px}
.f-17{font-family:"DM Sans",sans-serif;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/soft,#cbd8e2);width:840px}
.f-18{background:var(--color\/white,white);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-28,28px);align-items:flex-start;overflow:clip;padding-left:var(--space-64,64px);padding-right:var(--space-64,64px);padding-top:var(--space-48,48px);padding-bottom:var(--space-48,48px);position:relative;flex-shrink:0;width:1440px}
.f-19{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/muted,#5c6d7a);letter-spacing:1.32px;width:1312px}
.f-1a{align-content:stretch;display:flex;gap:20px;align-items:center;overflow:clip;position:relative;flex-shrink:0;width:1312px}
.f-1b{background:var(--color\/white,white);align-content:stretch;display:flex;flex-direction:column;height:112px;align-items:center;justify-content:center;overflow:clip;padding-left:12px;padding-right:12px;padding-top:16px;padding-bottom:16px;position:relative;flex-shrink:0;width:170.286px}
.f-1c{height:72px;position:relative;flex-shrink:0;width:100%}
.f-1d{position:absolute;height:156.25%;left:11.55%;max-width:none;top:-28.13%;width:76.9%}
.f-1e{background:var(--color\/white,white);align-content:stretch;display:flex;flex-direction:column;height:112px;align-items:center;justify-content:center;padding-left:12px;padding-right:12px;padding-top:16px;padding-bottom:16px;position:relative;flex-shrink:0;width:170.286px}
.f-1f{position:absolute;inset:0;max-width:none;object-fit:contain;pointer-events:none;width:100%;height:100%}
.f-1g{background:var(--color\/paper,#fafbfd);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-64,64px);align-items:flex-start;overflow:clip;padding-left:var(--space-96,96px);padding-right:var(--space-96,96px);padding-top:var(--space-112,112px);padding-bottom:var(--space-112,112px);position:relative;flex-shrink:0;width:100%}
.f-1h{align-content:stretch;display:flex;gap:var(--space-96,96px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:1248px}
.f-1i{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-24,24px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:448px}
.f-1j{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/muted,#5c6d7a);letter-spacing:1.1px;width:448px}
.f-1k{word-break:break-word;font-family:"Manrope",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:52px;color:var(--color\/ink,#102c40);width:448px}
.f-1l{line-height:60px;margin-bottom:0}
.f-1m{line-height:60px}
.f-1n{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/muted,#5c6d7a);width:448px}
.f-1o{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-12,12px);align-items:flex-start;overflow:clip;padding-top:var(--space-24,24px);position:relative;flex-shrink:0;width:448px}
.f-1p{height:280px;position:relative;flex-shrink:0;width:448px}
.f-1q{word-break:break-word;display:block;cursor:pointer;font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;color:#5c6d7a;font-size:14px;width:448px}
.f-1r{align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:704px}
.f-1s{align-content:stretch;display:flex;gap:var(--space-32,32px);align-items:flex-start;position:relative;flex-shrink:0;width:704px}
.f-1t{align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;overflow:clip;padding-left:3px;position:relative;align-self:stretch;flex-shrink:0;width:88px}
.f-1u{background:var(--color\/line,#d8e2e8);flex:1 0 0;min-height:1px;position:relative;width:1px}
.f-1v{position:absolute;left:0;width:7px;height:7px;top:11px}
.f-1w{word-break:break-word;position:absolute;font-family:"DM Sans",sans-serif;font-weight:500;line-height:28px;left:20px;font-size:18px;color:var(--color\/ink,#102c40);top:0;width:68px}
.f-1x{word-break:break-word;align-content:stretch;display:flex;flex-direction:column;gap:var(--space-8,8px);align-items:flex-start;overflow:clip;padding-bottom:var(--space-32,32px);position:relative;flex-shrink:0;width:584px}
.f-1y{display:block;cursor:pointer;font-family:"Manrope",sans-serif;font-weight:500;line-height:32px;position:relative;flex-shrink:0;color:#102c40;font-size:24px;width:584px}
.f-1z{font-family:"DM Sans",sans-serif;font-weight:400;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/muted,#5c6d7a);width:584px}
.f-20{background:linear-gradient(to right,var(--gradient-from),var(--gradient-to));align-content:stretch;display:flex;flex-direction:column;--gradient-from:#071e2e;align-items:flex-start;overflow:clip;padding:var(--space-96,96px);position:relative;flex-shrink:0;--gradient-to:var(--syaamil-forest,#103022);width:100%}
.f-21{align-content:stretch;display:flex;gap:var(--space-64,64px);align-items:center;overflow:clip;position:relative;flex-shrink:0;width:1248px}
.f-22{word-break:break-word;align-content:stretch;display:flex;flex-direction:column;gap:var(--space-24,24px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:640px}
.f-23{font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/soft,#cbd8e2);letter-spacing:1.1px;width:640px}
.f-24{font-family:"Manrope",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:52px;color:var(--syaamil-white,white);width:640px}
.f-25{font-family:"DM Sans",sans-serif;font-weight:400;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/soft,#cbd8e2);width:640px}
.f-26{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-16,16px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:544px}
.f-27{height:339px;position:relative;flex-shrink:0;width:544px}
.f-28{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/soft,#cbd8e2);width:544px}
.f-29{background:var(--color\/paper,#fafbfd);align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;overflow:clip;padding:var(--space-64,64px);position:relative;flex-shrink:0;width:1440px}
.f-2a{align-content:stretch;display:flex;gap:var(--space-112,112px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:1312px}
.f-2b{background:var(--color\/pale,#eef4f8);align-content:stretch;display:flex;flex-direction:column;height:620px;align-items:center;justify-content:flex-end;overflow:clip;position:relative;flex-shrink:0;width:512px}
.f-2c{height:614px;position:relative;flex-shrink:0;width:492px}
.f-2d{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-28,28px);align-items:flex-start;overflow:clip;padding-top:56px;position:relative;flex-shrink:0;width:688px}
.f-2e{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/muted,#5c6d7a);letter-spacing:1.32px;width:688px}
.f-2f{word-break:break-word;font-family:"Manrope",sans-serif;font-weight:400;line-height:60px;position:relative;flex-shrink:0;font-size:48px;color:var(--color\/ink,#102c40);width:688px}
.f-2g{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/muted,#5c6d7a);width:688px}
.f-2h{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/muted,#5c6d7a);width:656px}
.f-2i{background:var(--color\/line,#d8e2e8);height:1px;position:relative;flex-shrink:0;width:656px}
.f-2j{word-break:break-word;font-family:"Manrope",sans-serif;font-weight:500;line-height:32px;position:relative;flex-shrink:0;font-size:23px;color:var(--color\/ink,#102c40);width:656px}
.f-2k{background:var(--color\/paper,#fafbfd);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-64,64px);align-items:flex-start;overflow:clip;padding-left:var(--space-64,64px);padding-right:var(--space-64,64px);padding-top:var(--space-112,112px);padding-bottom:var(--space-112,112px);position:relative;flex-shrink:0;width:1440px}
.f-2l{word-break:break-word;align-content:stretch;display:flex;flex-direction:column;gap:var(--space-24,24px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:1312px}
.f-2m{font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/muted,#5c6d7a);letter-spacing:1.32px;width:1312px}
.f-2n{font-family:"Manrope",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:56px;color:var(--color\/ink,#102c40);width:1120px}
.f-2o{line-height:64px;margin-bottom:0}
.f-2p{line-height:64px}
.f-2q{font-family:"DM Sans",sans-serif;font-weight:400;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/muted,#5c6d7a);width:860px}
.f-2r{align-content:stretch;display:flex;gap:56px;align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:1312px}
.f-2s{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-28,28px);align-items:flex-start;position:relative;flex-shrink:0;width:628px}
.f-2t{align-content:stretch;display:flex;flex-direction:column;height:352px;align-items:center;justify-content:center;overflow:clip;padding:var(--space-24,24px);position:relative;flex-shrink:0;width:100%}
.f-2u{height:304px;position:relative;flex-shrink:0;width:100%}
.f-2v{word-break:break-word;align-content:stretch;display:flex;flex-direction:column;gap:var(--space-12,12px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:100%}
.f-2w{font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/muted,#5c6d7a);letter-spacing:1.32px;width:100%}
.f-2x{font-family:"Manrope",sans-serif;font-weight:500;line-height:38px;position:relative;flex-shrink:0;font-size:30px;color:var(--color\/ink,#102c40);width:100%}
.f-2y{font-family:"DM Sans",sans-serif;font-weight:400;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/muted,#5c6d7a);width:100%}
.f-2z{font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/muted,#5c6d7a);width:100%}
.f-30{display:block;cursor:pointer;font-family:"DM Sans",sans-serif;font-weight:500;line-height:0;position:relative;flex-shrink:0;font-size:13px;color:var(--color\/ink,#102c40);text-align:left;width:100%}
.f-31{line-height:20px;white-space:pre-wrap}
.f-32{font-family:"Manrope",sans-serif;font-weight:500;line-height:0;position:relative;flex-shrink:0;font-size:30px;color:var(--color\/ink,#102c40);width:100%}
.f-33{line-height:38px;margin-bottom:0}
.f-34{line-height:38px}
.f-35{align-content:stretch;display:flex;flex-direction:column;gap:28px;align-items:flex-start;position:relative;flex-shrink:0;width:628px}
.f-36{background:var(--color\/pale,#eef4f8);align-content:stretch;display:flex;flex-direction:column;height:352px;align-items:center;justify-content:center;overflow:clip;padding:var(--space-24,24px);position:relative;flex-shrink:0;width:100%}
.f-37{word-break:break-word;background:var(--color\/dark,#071e2e);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-64,64px);align-items:flex-start;overflow:clip;padding-left:var(--space-64,64px);padding-right:var(--space-64,64px);padding-top:var(--space-104,104px);padding-bottom:var(--space-104,104px);position:relative;flex-shrink:0;width:1440px}
.f-38{font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/soft,#cbd8e2);letter-spacing:1.32px;width:1312px}
.f-39{font-family:"Manrope",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:56px;color:var(--color\/white,white);width:1120px}
.f-3a{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-24,24px);align-items:flex-start;position:relative;flex-shrink:0;width:400px}
.f-3b{font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/soft,#cbd8e2);letter-spacing:1.32px;width:100%}
.f-3c{font-family:"Manrope",sans-serif;font-weight:500;line-height:34px;position:relative;flex-shrink:0;font-size:25px;color:var(--color\/accent,#f68e33);width:100%}
.f-3d{font-family:"DM Sans",sans-serif;font-weight:400;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/soft,#cbd8e2);width:100%}
.f-3e{background:var(--color\/paper,#fafbfd);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-48,48px);align-items:flex-start;overflow:clip;padding-left:var(--space-64,64px);padding-right:var(--space-64,64px);padding-top:var(--space-112,112px);padding-bottom:var(--space-112,112px);position:relative;flex-shrink:0;width:1440px}
.f-3f{font-family:"DM Sans",sans-serif;font-weight:400;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/muted,#5c6d7a);width:1040px}
.f-3g{word-break:break-word;align-content:stretch;display:flex;gap:32px;align-items:flex-start;position:relative;flex-shrink:0;width:1312px}
.f-3h{background:var(--color\/pale,#eef4f8);align-content:stretch;display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:24px;position:relative;flex-shrink:0;width:640px}
.f-3i{font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/blue,#0082c6);width:592px}
.f-3j{font-family:"Manrope",sans-serif;font-weight:400;line-height:40px;position:relative;flex-shrink:0;font-size:32px;color:var(--color\/ink,#102c40);width:592px}
.f-3k{font-family:"DM Sans",sans-serif;font-weight:400;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/muted,#5c6d7a);width:592px}
.f-3l{background:var(--color\/pale,#eef4f8);align-content:stretch;display:flex;align-items:flex-start;overflow:clip;padding:var(--space-24,24px);position:relative;flex-shrink:0;width:1312px}
.f-3m{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/ink,#102c40);width:1264px}
.f-3n{word-break:break-word;align-content:stretch;display:flex;font-weight:400;gap:var(--space-32,32px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:1312px}
.f-3o{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-12,12px);align-items:flex-start;position:relative;flex-shrink:0;width:304px}
.f-3p{font-family:"Manrope",sans-serif;line-height:50px;position:relative;flex-shrink:0;font-size:42px;color:var(--color\/ink,#102c40);width:100%}
.f-3q{font-family:"DM Sans",sans-serif;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/ink,#102c40);width:100%}
.f-3r{font-family:"DM Sans",sans-serif;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/muted,#5c6d7a);width:100%}
.f-3s{background:var(--color\/line,#d8e2e8);height:1px;position:relative;flex-shrink:0;width:1312px}
.f-3t{word-break:break-word;align-content:stretch;display:flex;gap:22.4px;align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:1312px}
.f-3u{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-16,16px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:200px}
.f-3v{font-family:"Manrope",sans-serif;font-weight:500;line-height:29px;position:relative;flex-shrink:0;font-size:21px;color:var(--color\/ink,#102c40);width:100%}
.f-3w{word-break:break-word;background:var(--color\/pale,#eef4f8);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-64,64px);align-items:flex-start;overflow:clip;padding-left:var(--space-64,64px);padding-right:var(--space-64,64px);padding-top:var(--space-104,104px);padding-bottom:var(--space-104,104px);position:relative;flex-shrink:0;width:1440px}
.f-3x{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-24,24px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:1312px}
.f-3y{font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/muted,#5c6d7a);width:1312px}
.f-3z{align-content:stretch;display:flex;flex-direction:column;gap:40px;align-items:flex-start;overflow:clip;position:relative;flex-shrink:0}
.f-40{align-content:stretch;display:flex;gap:56px;align-items:flex-start;position:relative;flex-shrink:0;width:1312px}
.f-41{align-content:stretch;display:flex;flex-direction:column;gap:16px;align-items:flex-start;position:relative;flex-shrink:0;width:628px}
.f-42{font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/blue,#0082c6);width:628px}
.f-43{font-family:"Manrope",sans-serif;font-weight:500;line-height:38px;position:relative;flex-shrink:0;font-size:30px;color:var(--color\/ink,#102c40);width:628px}
.f-44{font-family:"DM Sans",sans-serif;font-weight:500;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/blue,#0082c6);width:628px}
.f-45{font-family:"DM Sans",sans-serif;font-weight:500;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/ink,#102c40);width:628px}
.f-46{font-family:"DM Sans",sans-serif;font-weight:400;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/muted,#5c6d7a);width:628px}
.f-47{background:var(--color\/dark,#071e2e);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-48,48px);align-items:flex-start;overflow:clip;padding-left:var(--space-64,64px);padding-right:var(--space-64,64px);padding-top:var(--space-112,112px);padding-bottom:var(--space-112,112px);position:relative;flex-shrink:0;width:1440px}
.f-48{font-family:"DM Sans",sans-serif;font-weight:400;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/soft,#cbd8e2);width:980px}
.f-49{font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/soft,#cbd8e2);width:1312px}
.f-4a{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-32,32px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:1312px}
.f-4b{background:var(--color\/olive,#12344a);height:1px;position:relative;flex-shrink:0;width:1312px}
.f-4c{word-break:break-word;align-content:stretch;display:flex;gap:56px;align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:1312px}
.f-4d{font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/soft,#cbd8e2);letter-spacing:1.32px;width:48px}
.f-4e{font-family:"Manrope",sans-serif;font-weight:500;line-height:38px;position:relative;flex-shrink:0;font-size:30px;color:var(--color\/accent,#f68e33);width:456px}
.f-4f{font-family:"DM Sans",sans-serif;font-weight:400;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/soft,#cbd8e2);width:696px}
.f-4g{background:var(--color\/white,white);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-40,40px);align-items:flex-start;overflow:clip;padding-left:var(--space-64,64px);padding-right:var(--space-64,64px);padding-top:var(--space-80,80px);padding-bottom:var(--space-80,80px);position:relative;flex-shrink:0;width:1440px}
.f-4h{word-break:break-word;align-content:stretch;display:flex;font-weight:400;gap:var(--space-80,80px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:1312px}
.f-4i{font-family:"Manrope",sans-serif;line-height:0;position:relative;flex-shrink:0;font-size:42px;color:var(--color\/ink,#102c40);width:592px}
.f-4j{line-height:52px;margin-bottom:0}
.f-4k{line-height:52px}
.f-4l{font-family:"DM Sans",sans-serif;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/muted,#5c6d7a);width:640px}
.f-4m{align-content:stretch;display:flex;gap:22.4px;align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:1312px}
.f-4n{background:var(--color\/white,white);align-content:stretch;display:flex;flex-direction:column;height:112px;align-items:center;justify-content:center;padding-left:var(--space-24,24px);padding-right:var(--space-24,24px);padding-top:var(--space-20,20px);padding-bottom:var(--space-20,20px);position:relative;flex-shrink:0;width:200px}
.f-4o{background:var(--color\/accent,#f68e33);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-64,64px);align-items:flex-start;overflow:clip;padding-left:var(--space-64,64px);padding-right:var(--space-64,64px);padding-top:var(--space-112,112px);padding-bottom:var(--space-112,112px);position:relative;flex-shrink:0;width:1440px}
.f-4p{align-content:stretch;display:flex;gap:var(--space-96,96px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:1312px}
.f-4q{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-32,32px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:624px}
.f-4r{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/ink,#102c40);letter-spacing:1.32px;width:624px}
.f-4s{word-break:break-word;font-family:"Manrope",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:56px;color:var(--color\/ink,#102c40);width:624px}
.f-4t{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:29px;position:relative;flex-shrink:0;font-size:18px;color:var(--color\/ink,#102c40);width:592px}
.f-4u{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/ink,#102c40);width:592px}
.f-4v{background:var(--color\/ink,#102c40);height:1px;position:relative;flex-shrink:0;width:592px}
.f-4w{word-break:break-word;font-family:"Manrope",sans-serif;font-weight:500;line-height:34px;position:relative;flex-shrink:0;font-size:24px;color:var(--color\/ink,#102c40);width:592px}
.f-4x{background:var(--color\/white,white);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-24,24px);align-items:flex-start;overflow:clip;padding:var(--space-32,32px);position:relative;flex-shrink:0;width:592px}
.f-4y{word-break:break-word;font-family:"Manrope",sans-serif;font-weight:500;line-height:34px;position:relative;flex-shrink:0;font-size:25px;color:var(--color\/ink,#102c40);width:528px}
.f-4z{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-12,12px);align-items:flex-start;position:relative;flex-shrink:0;width:528px}
.f-50{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/ink,#102c40);width:100%}
.f-51{background:var(--color\/paper,#fafbfd);align-content:stretch;display:flex;height:54px;align-items:center;overflow:clip;padding:var(--space-16,16px);position:relative;flex-shrink:0;width:100%}
.f-52{word-break:break-word;flex:1 0 0;font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;min-width:1px;position:relative;font-size:14px;color:var(--color\/muted,#5c6d7a)}
.f-53{background:var(--color\/dark,#071e2e);align-content:stretch;display:flex;height:52px;align-items:center;justify-content:space-between;padding-left:var(--space-24,24px);padding-right:var(--space-24,24px);position:relative;border-radius:26px;flex-shrink:0;width:248px}
.f-54{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:500;line-height:20px;position:relative;flex-shrink:0;font-size:13px;color:var(--color\/white,white);white-space:nowrap}
.f-55{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/muted,#5c6d7a);width:528px}
.f-56{background:var(--color\/dark,#071e2e);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-48,48px);align-items:flex-start;overflow:clip;padding:var(--space-64,64px);position:relative;flex-shrink:0;width:1440px}
.f-57{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-20,20px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:624px}
.f-58{height:55.23px;position:relative;flex-shrink:0;width:184px}
.f-59{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/soft,#cbd8e2);width:624px}
.f-5a{line-height:22px;margin-bottom:0}
.f-5b{word-break:break-word;align-content:stretch;cursor:pointer;display:flex;font-family:"DM Sans",sans-serif;font-weight:500;gap:var(--space-48,48px);align-items:flex-start;line-height:0;overflow:clip;position:relative;flex-shrink:0;font-size:13px;color:var(--color\/white,white);text-align:left;width:576px}
.f-5c{display:block;position:relative;flex-shrink:0;width:112px}
.f-5d{display:block;position:relative;flex-shrink:0;width:128px}
.f-5e{display:block;position:relative;flex-shrink:0;width:144px}
.f-5f{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/soft,#cbd8e2);letter-spacing:1.32px;width:1312px}
.f-5g{background:var(--color\/paper,#fafbfd);align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;height:100%}
.f-5h{background:var(--color\/dark,#071e2e);align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:390px}
.f-5i{align-content:stretch;display:flex;flex-direction:column;gap:24px;align-items:flex-start;overflow:clip;padding-bottom:40px;padding-top:108px;padding-left:24px;padding-right:24px;position:relative;flex-shrink:0;width:390px}
.f-5j{align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-5k{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/white,white);letter-spacing:1.32px;width:342px}
.f-5l{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-24,24px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-5m{word-break:break-word;font-family:"Manrope",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:38px;color:var(--color\/white,white);width:342px}
.f-5n{line-height:46px;margin-bottom:0}
.f-5o{line-height:46px}
.f-5p{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/soft,#cbd8e2);width:342px}
.f-5q{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-16,16px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-5r{border-width:1px;border-color:var(--color\/line,#d8e2e8);border-style:solid;align-content:stretch;display:flex;height:52px;align-items:center;justify-content:space-between;padding-left:var(--space-24,24px);padding-right:var(--space-24,24px);position:relative;border-radius:26px;flex-shrink:0;width:224px}
.f-5s{word-break:break-word;display:block;cursor:pointer;font-family:"DM Sans",sans-serif;font-weight:500;line-height:0;position:relative;flex-shrink:0;font-size:13px;color:var(--color\/white,white);text-align:left;white-space:nowrap}
.f-5t{background:var(--color\/accent,#f68e33);align-content:stretch;display:flex;height:52px;align-items:center;justify-content:space-between;padding-left:var(--space-24,24px);padding-right:var(--space-24,24px);position:relative;border-radius:26px;flex-shrink:0;width:224px}
.f-5u{word-break:break-word;display:block;cursor:pointer;font-family:"DM Sans",sans-serif;font-weight:500;line-height:0;position:relative;flex-shrink:0;font-size:13px;color:var(--color\/ink,#102c40);text-align:left;white-space:nowrap}
.f-5v{height:320px;overflow:clip;position:relative;flex-shrink:0;width:390px}
.f-5w{position:absolute;height:320px;left:0;top:0;width:390px}
.f-5x{position:absolute;align-content:stretch;display:flex;gap:var(--space-40,40px);align-items:center;justify-content:space-between;left:24px;overflow:clip;top:24px;width:342px}
.f-5y{height:39.62px;position:relative;flex-shrink:0;width:132px}
.f-5z{word-break:break-word;display:block;cursor:pointer;font-family:"DM Sans",sans-serif;font-weight:500;line-height:0;position:relative;flex-shrink:0;font-size:13px;color:var(--color\/white,white);text-align:right;width:142px}
.f-60{background:var(--color\/dark,#071e2e);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-40,40px);align-items:flex-start;overflow:clip;padding-left:var(--space-24,24px);padding-right:var(--space-24,24px);padding-top:var(--space-64,64px);padding-bottom:var(--space-64,64px);position:relative;flex-shrink:0;width:390px}
.f-61{align-content:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-62{word-break:break-word;align-content:stretch;display:flex;flex-direction:column;font-weight:400;gap:var(--space-28,28px);align-items:center;overflow:clip;position:relative;flex-shrink:0;text-align:center;width:342px}
.f-63{font-family:"Manrope",sans-serif;line-height:0;position:relative;flex-shrink:0;font-size:32px;color:var(--color\/accent,#f68e33);width:342px}
.f-64{line-height:40px;margin-bottom:0}
.f-65{line-height:40px}
.f-66{font-family:"DM Sans",sans-serif;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/soft,#cbd8e2);width:342px}
.f-67{background:var(--color\/white,white);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-40,40px);align-items:flex-start;overflow:clip;padding-left:var(--space-24,24px);padding-right:var(--space-24,24px);padding-top:var(--space-64,64px);padding-bottom:var(--space-64,64px);position:relative;flex-shrink:0;width:390px}
.f-68{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/muted,#5c6d7a);letter-spacing:1.32px;width:342px}
.f-69{align-content:center;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-6a{background:var(--color\/white,white);align-content:stretch;display:flex;flex-direction:column;height:88px;align-items:center;justify-content:center;overflow:clip;padding:8px;position:relative;flex-shrink:0;width:163px}
.f-6b{height:56px;position:relative;flex-shrink:0;width:100%}
.f-6c{position:absolute;height:156.25%;left:20.24%;max-width:none;top:-28.13%;width:59.52%}
.f-6d{background:var(--color\/paper,#fafbfd);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-48,48px);align-items:flex-start;overflow:clip;padding-left:var(--space-24,24px);padding-right:var(--space-24,24px);padding-top:var(--space-64,64px);padding-bottom:var(--space-64,64px);position:relative;flex-shrink:0;width:100%}
.f-6e{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-48,48px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-6f{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/muted,#5c6d7a);letter-spacing:1.1px;width:342px}
.f-6g{word-break:break-word;font-family:"Manrope",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:32px;color:var(--color\/ink,#102c40);width:342px}
.f-6h{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/muted,#5c6d7a);width:342px}
.f-6i{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-12,12px);align-items:flex-start;overflow:clip;padding-top:var(--space-24,24px);position:relative;flex-shrink:0;width:342px}
.f-6j{height:214px;position:relative;flex-shrink:0;width:342px}
.f-6k{word-break:break-word;display:block;font-family:"DM Sans",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:12px;color:var(--color\/muted,#5c6d7a);width:342px}
.f-6l{cursor:pointer;line-height:19px}
.f-6m{align-content:stretch;display:flex;gap:var(--space-16,16px);align-items:flex-start;position:relative;flex-shrink:0;width:342px}
.f-6n{align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;overflow:clip;padding-left:3px;position:relative;align-self:stretch;flex-shrink:0;width:64px}
.f-6o{word-break:break-word;position:absolute;font-family:"DM Sans",sans-serif;font-weight:500;line-height:28px;left:20px;font-size:12px;color:var(--color\/ink,#102c40);top:0;width:44px}
.f-6p{word-break:break-word;align-content:stretch;display:flex;flex-direction:column;gap:var(--space-8,8px);align-items:flex-start;overflow:clip;padding-bottom:var(--space-32,32px);position:relative;flex-shrink:0;width:262px}
.f-6q{display:block;cursor:pointer;font-family:"Manrope",sans-serif;font-weight:500;line-height:30px;position:relative;flex-shrink:0;color:#102c40;font-size:22px;width:262px}
.f-6r{font-family:"DM Sans",sans-serif;font-weight:400;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/muted,#5c6d7a);width:262px}
.f-6s{background:linear-gradient(to right,var(--gradient-from),var(--gradient-to));align-content:stretch;display:flex;flex-direction:column;--gradient-from:#071e2e;align-items:flex-start;overflow:clip;padding-left:var(--space-24,24px);padding-right:var(--space-24,24px);padding-top:var(--space-64,64px);padding-bottom:var(--space-64,64px);position:relative;flex-shrink:0;--gradient-to:var(--syaamil-forest,#103022);width:100%}
.f-6t{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-40,40px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-6u{word-break:break-word;align-content:stretch;display:flex;flex-direction:column;gap:var(--space-24,24px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-6v{font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/soft,#cbd8e2);letter-spacing:1.1px;width:342px}
.f-6w{font-family:"Manrope",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:32px;color:var(--syaamil-white,white);width:342px}
.f-6x{font-family:"DM Sans",sans-serif;font-weight:400;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/soft,#cbd8e2);width:342px}
.f-6y{height:213px;position:relative;flex-shrink:0;width:342px}
.f-6z{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:19px;position:relative;flex-shrink:0;font-size:12px;color:var(--color\/soft,#cbd8e2);width:342px}
.f-70{background:var(--color\/paper,#fafbfd);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-40,40px);align-items:flex-start;overflow:clip;padding-left:var(--space-24,24px);padding-right:var(--space-24,24px);padding-top:var(--space-64,64px);padding-bottom:var(--space-64,64px);position:relative;flex-shrink:0;width:390px}
.f-71{background:var(--color\/pale,#eef4f8);align-content:stretch;display:flex;flex-direction:column;height:426px;align-items:center;justify-content:flex-end;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-72{height:426px;position:relative;flex-shrink:0;width:342px}
.f-73{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-28,28px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-74{word-break:break-word;font-family:"Manrope",sans-serif;font-weight:400;line-height:40px;position:relative;flex-shrink:0;font-size:32px;color:var(--color\/ink,#102c40);width:342px}
.f-75{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/muted,#5c6d7a);width:342px}
.f-76{background:var(--color\/line,#d8e2e8);height:1px;position:relative;flex-shrink:0;width:342px}
.f-77{word-break:break-word;font-family:"Manrope",sans-serif;font-weight:500;line-height:31px;position:relative;flex-shrink:0;font-size:22px;color:var(--color\/ink,#102c40);width:342px}
.f-78{font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/muted,#5c6d7a);letter-spacing:1.32px;width:342px}
.f-79{font-family:"Manrope",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:32px;color:var(--color\/ink,#102c40);width:342px}
.f-7a{font-family:"DM Sans",sans-serif;font-weight:400;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/muted,#5c6d7a);width:342px}
.f-7b{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-28,28px);align-items:flex-start;position:relative;flex-shrink:0;width:342px}
.f-7c{align-content:stretch;display:flex;flex-direction:column;height:276px;align-items:center;justify-content:center;overflow:clip;padding:var(--space-24,24px);position:relative;flex-shrink:0;width:100%}
.f-7d{height:228px;position:relative;flex-shrink:0;width:100%}
.f-7e{font-family:"Manrope",sans-serif;font-weight:500;line-height:34px;position:relative;flex-shrink:0;font-size:25px;color:var(--color\/ink,#102c40);width:100%}
.f-7f{font-family:"DM Sans",sans-serif;font-weight:400;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/muted,#5c6d7a);width:100%}
.f-7g{font-family:"Manrope",sans-serif;font-weight:500;line-height:0;position:relative;flex-shrink:0;font-size:25px;color:var(--color\/ink,#102c40);width:100%}
.f-7h{line-height:34px;margin-bottom:0}
.f-7i{line-height:34px}
.f-7j{background:var(--color\/pale,#eef4f8);align-content:stretch;display:flex;flex-direction:column;height:276px;align-items:center;justify-content:center;overflow:clip;padding:var(--space-24,24px);position:relative;flex-shrink:0;width:100%}
.f-7k{word-break:break-word;background:var(--color\/dark,#071e2e);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-40,40px);align-items:flex-start;overflow:clip;padding-left:var(--space-24,24px);padding-right:var(--space-24,24px);padding-top:var(--space-64,64px);padding-bottom:var(--space-64,64px);position:relative;flex-shrink:0;width:390px}
.f-7l{font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/soft,#cbd8e2);letter-spacing:1.32px;width:342px}
.f-7m{font-family:"Manrope",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:32px;color:var(--color\/white,white);width:342px}
.f-7n{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-24,24px);align-items:flex-start;position:relative;flex-shrink:0;width:342px}
.f-7o{font-family:"DM Sans",sans-serif;font-weight:400;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/soft,#cbd8e2);width:100%}
.f-7p{word-break:break-word;align-content:stretch;display:flex;flex-direction:column;gap:20px;align-items:flex-start;position:relative;flex-shrink:0;width:342px}
.f-7q{background:var(--color\/pale,#eef4f8);align-content:stretch;display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:24px;position:relative;flex-shrink:0;width:342px}
.f-7r{font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/blue,#0082c6);width:294px}
.f-7s{font-family:"Manrope",sans-serif;font-weight:400;line-height:40px;position:relative;flex-shrink:0;font-size:32px;color:var(--color\/ink,#102c40);width:294px}
.f-7t{font-family:"DM Sans",sans-serif;font-weight:400;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/muted,#5c6d7a);width:294px}
.f-7u{background:var(--color\/pale,#eef4f8);align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;overflow:clip;padding:var(--space-24,24px);position:relative;flex-shrink:0;width:342px}
.f-7v{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/ink,#102c40);width:294px}
.f-7w{word-break:break-word;align-content:flex-start;display:flex;flex-wrap:wrap;font-weight:400;row-gap:32px;column-gap:var(--space-24,24px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-7x{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-12,12px);align-items:flex-start;position:relative;flex-shrink:0;width:159px}
.f-7y{font-family:"Manrope",sans-serif;line-height:36px;position:relative;flex-shrink:0;font-size:28px;color:var(--color\/ink,#102c40);width:100%}
.f-7z{word-break:break-word;align-content:flex-start;display:flex;flex-wrap:wrap;row-gap:32px;column-gap:var(--space-24,24px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-80{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-16,16px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:159px}
.f-81{word-break:break-word;background:var(--color\/pale,#eef4f8);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-40,40px);align-items:flex-start;overflow:clip;padding-left:var(--space-24,24px);padding-right:var(--space-24,24px);padding-top:var(--space-64,64px);padding-bottom:var(--space-64,64px);position:relative;flex-shrink:0;width:390px}
.f-82{font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/muted,#5c6d7a);width:342px}
.f-83{align-content:stretch;display:flex;flex-direction:column;gap:16px;align-items:flex-start;position:relative;flex-shrink:0;width:342px}
.f-84{font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/blue,#0082c6);width:342px}
.f-85{font-family:"Manrope",sans-serif;font-weight:500;line-height:34px;position:relative;flex-shrink:0;font-size:25px;color:var(--color\/ink,#102c40);width:342px}
.f-86{font-family:"DM Sans",sans-serif;font-weight:500;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/blue,#0082c6);width:342px}
.f-87{font-family:"DM Sans",sans-serif;font-weight:500;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/ink,#102c40);width:342px}
.f-88{font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/soft,#cbd8e2);width:342px}
.f-89{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-32,32px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-8a{background:var(--color\/olive,#12344a);height:1px;position:relative;flex-shrink:0;width:342px}
.f-8b{word-break:break-word;align-content:stretch;display:flex;flex-direction:column;gap:var(--space-40,40px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-8c{font-family:"Manrope",sans-serif;font-weight:500;line-height:34px;position:relative;flex-shrink:0;font-size:25px;color:var(--color\/accent,#f68e33);width:342px}
.f-8d{word-break:break-word;align-content:stretch;display:flex;flex-direction:column;font-weight:400;gap:var(--space-40,40px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-8e{font-family:"Manrope",sans-serif;line-height:0;position:relative;flex-shrink:0;font-size:32px;color:var(--color\/ink,#102c40);width:342px}
.f-8f{font-family:"DM Sans",sans-serif;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/muted,#5c6d7a);width:342px}
.f-8g{align-content:flex-start;display:flex;flex-wrap:wrap;gap:16px 15px;align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-8h{background:var(--color\/white,white);align-content:stretch;display:flex;flex-direction:column;height:80px;align-items:center;justify-content:center;padding:var(--space-12,12px);position:relative;flex-shrink:0;width:104px}
.f-8i{background:var(--color\/accent,#f68e33);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-40,40px);align-items:flex-start;overflow:clip;padding-left:var(--space-24,24px);padding-right:var(--space-24,24px);padding-top:var(--space-64,64px);padding-bottom:var(--space-64,64px);position:relative;flex-shrink:0;width:390px}
.f-8j{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/ink,#102c40);letter-spacing:1.32px;width:342px}
.f-8k{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:26px;position:relative;flex-shrink:0;font-size:16px;color:var(--color\/ink,#102c40);width:342px}
.f-8l{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/ink,#102c40);width:342px}
.f-8m{background:var(--color\/ink,#102c40);height:1px;position:relative;flex-shrink:0;width:342px}
.f-8n{background:var(--color\/white,white);align-content:stretch;display:flex;flex-direction:column;gap:var(--space-24,24px);align-items:flex-start;overflow:clip;padding:var(--space-24,24px);position:relative;flex-shrink:0;width:342px}
.f-8o{word-break:break-word;font-family:"Manrope",sans-serif;font-weight:500;line-height:34px;position:relative;flex-shrink:0;font-size:25px;color:var(--color\/ink,#102c40);width:294px}
.f-8p{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-12,12px);align-items:flex-start;position:relative;flex-shrink:0;width:294px}
.f-8q{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:22px;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/muted,#5c6d7a);width:294px}
.f-8r{align-content:stretch;display:flex;flex-direction:column;gap:var(--space-20,20px);align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:342px}
.f-8s{height:49.23px;position:relative;flex-shrink:0;width:164px}
.f-8t{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:14px;color:var(--color\/soft,#cbd8e2);width:342px}
.f-8u{word-break:break-word;align-content:stretch;cursor:pointer;display:flex;flex-direction:column;font-family:"DM Sans",sans-serif;font-weight:500;gap:var(--space-40,40px);align-items:flex-start;line-height:0;overflow:clip;position:relative;flex-shrink:0;font-size:13px;color:var(--color\/white,white);text-align:left;width:342px}
.f-8v{display:block;position:relative;flex-shrink:0;width:342px}
.f-8w{word-break:break-word;font-family:"DM Sans",sans-serif;font-weight:500;line-height:18px;position:relative;flex-shrink:0;font-size:11px;color:var(--color\/soft,#cbd8e2);letter-spacing:1.32px;width:342px}
/* Compact Story slider: one chapter, with the full archive available on demand. */
[data-layout] [data-story-slider] {padding-block:80px;}
[data-story-slider] [hidden] {display:none !important;}
[data-story-slider] .story-slider-shell {width:100%;min-width:0;}
[data-story-slider] .story-slider-header {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:64px;margin-bottom:32px;}
[data-story-slider] .story-slider-eyebrow {font:500 11px/18px "DM Sans",sans-serif;letter-spacing:1.1px;color:var(--syaamil-muted);margin-bottom:20px;}
[data-story-slider] .story-slider-heading {max-width:660px;font:400 clamp(32px,3.2vw,44px)/1.2 "Manrope",sans-serif;letter-spacing:-1.1px;color:var(--syaamil-ink);white-space:pre-line;}
[data-story-slider] .story-slider-introduction {font:400 16px/26px "DM Sans",sans-serif;color:var(--syaamil-muted);max-width:440px;}
[data-story-slider] .story-slider-navigation {display:flex;align-items:center;gap:32px;min-width:0;margin-bottom:28px;}
[data-story-slider] .story-slider-years {position:relative;display:flex;align-items:center;justify-content:space-between;flex:1;gap:12px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:4px 1px;}
[data-story-slider] .story-slider-years::-webkit-scrollbar {display:none;}
[data-story-slider] .story-year {position:relative;flex:1 0 62px;min-width:62px;padding:12px 12px 16px;border:0;border-bottom:1px solid var(--syaamil-line);background:transparent;color:var(--syaamil-muted);font:500 15px/22px "DM Sans",sans-serif;cursor:pointer;transition:color 160ms ease,border-color 160ms ease;}
[data-story-slider] .story-year::after {content:"";position:absolute;left:calc(50% - 4px);bottom:-1px;width:8px;height:8px;border-radius:50%;background:var(--syaamil-line);}
[data-story-slider] .story-year[aria-selected="true"] {color:var(--syaamil-ink);border-bottom-color:var(--syaamil-blue);font-weight:700;}
[data-story-slider] .story-year[aria-selected="true"]::after {background:var(--syaamil-blue);}
[data-story-slider] .story-year:hover {color:var(--syaamil-blue);font-weight:700;}
[data-story-slider] :is(button,a):focus-visible,[data-story-slider] .story-slide-panel:focus-visible {outline:2px solid var(--syaamil-blue);outline-offset:4px;}
[data-story-slider] .story-year:focus-visible {outline-offset:-4px;border-radius:2px;}
[data-story-slider] .story-slider-controls {display:flex;align-items:center;gap:14px;flex:0 0 auto;}
[data-story-slider] .story-slide-arrow {display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--syaamil-line);border-radius:50%;background:transparent;color:var(--syaamil-ink);font:400 23px/1 "DM Sans",sans-serif;cursor:pointer;transition:background 160ms ease,border-color 160ms ease,color 160ms ease;}
[data-story-slider] .story-slide-arrow:hover {background:var(--syaamil-ink);border-color:var(--syaamil-ink);color:#fff;}
[data-story-slider] .story-slider-counter {font:400 12px/18px "DM Sans",sans-serif;color:var(--syaamil-muted);white-space:nowrap;}
[data-story-slider] .story-slide-panel {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,72px);touch-action:pan-y pinch-zoom;}
[data-story-slider] .story-slide-visual {margin:0;min-width:0;}
[data-story-slider] .story-slide-photo-stage {width:100%;aspect-ratio:8/5;overflow:hidden;background:var(--syaamil-pale);opacity:1;transition:opacity 180ms ease;}
[data-story-slider] .story-slide-photo-stage.is-changing {opacity:0;}
[data-story-slider] .story-photo {display:block;width:100%;height:100%;object-position:center;}
[data-story-slider] .story-slide-caption {padding-top:12px;font:400 12px/19px "DM Sans",sans-serif;color:var(--syaamil-muted);overflow-wrap:anywhere;}
[data-story-slider] .story-slide-caption-link:hover {text-decoration:underline;text-underline-offset:3px;}
[data-story-slider] .story-photo-navigation {display:flex;align-items:center;gap:12px;margin-top:16px;}
[data-story-slider] .story-photo-thumbnails {display:flex;align-items:center;gap:10px;min-width:0;overflow-x:auto;padding:4px;scrollbar-width:thin;}
[data-story-slider] .story-photo-arrow {display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--syaamil-line);border-radius:50%;background:transparent;color:var(--syaamil-ink);font:400 20px/1 "DM Sans",sans-serif;cursor:pointer;transition:background 160ms ease,color 160ms ease,border-color 160ms ease;}
[data-story-slider] .story-photo-arrow:hover {background:var(--syaamil-ink);border-color:var(--syaamil-ink);color:#fff;}
[data-story-slider] .story-photo-thumbnail {flex:0 0 72px;width:72px;height:64px;padding:3px;border:2px solid transparent;border-radius:4px;background:var(--syaamil-pale);cursor:pointer;transition:border-color 160ms ease;}
[data-story-slider] .story-photo-thumbnail img {display:block;width:100%;height:100%;object-fit:contain !important;object-position:center;}
[data-story-slider] .story-photo-thumbnail:hover {border-color:var(--syaamil-line);}
[data-story-slider] .story-photo-thumbnail[aria-pressed="true"] {border-color:var(--syaamil-blue);}
[data-story-slider] .story-slide-narrative {min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-top:12px;}
[data-story-slider] .story-slide-phase {font:500 11px/18px "DM Sans",sans-serif;letter-spacing:1px;color:var(--syaamil-blue);}
[data-story-slider] .story-slide-title {font:500 clamp(25px,2.5vw,34px)/1.3 "Manrope",sans-serif;letter-spacing:-.7px;color:var(--syaamil-ink);max-width:540px;}
[data-story-slider] .story-slide-summary,[data-story-slider] .story-slide-paragraph {font:400 16px/27px "DM Sans",sans-serif;color:var(--syaamil-muted);}
[data-story-slider] .story-slide-full {display:flex;flex-direction:column;gap:16px;width:100%;}
[data-story-slider] .story-slide-actions {display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:6px;}
[data-story-slider] .story-read-more,[data-story-slider] .story-archive {font:500 14px/22px "DM Sans",sans-serif;color:var(--syaamil-ink);text-align:left;}
[data-story-slider] .story-read-more {padding:0 0 3px;border:0;border-bottom:1px solid var(--syaamil-line);background:transparent;cursor:pointer;}
[data-story-slider] :is(.story-read-more,.story-archive):hover {color:var(--syaamil-blue);text-decoration:underline;text-underline-offset:4px;}
[data-story-slider] .story-slider-announcement {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:1099px) {
  [data-story-slider] .story-slider-header {gap:32px;margin-bottom:28px;}
  [data-story-slider] .story-slider-heading {font-size:clamp(30px,4.5vw,42px);}
  [data-story-slider] .story-slider-navigation {gap:18px;margin-bottom:28px;}
  [data-story-slider] .story-slider-controls {gap:10px;}
}
@media(max-width:767px) {
  [data-layout] [data-story-slider] {padding-block:64px;}
  [data-story-slider] .story-slider-header {grid-template-columns:minmax(0,1fr);gap:20px;}
  [data-story-slider] .story-slider-eyebrow {margin-bottom:16px;}
  [data-story-slider] .story-slider-heading {font-size:32px;max-width:380px;}
  [data-story-slider] .story-slider-navigation {display:grid;grid-template-columns:minmax(0,1fr);gap:16px;}
  [data-story-slider] .story-slider-years {width:100%;}
  [data-story-slider] .story-year {flex-basis:62px;}
  [data-story-slider] .story-slider-controls {justify-content:flex-end;}
  [data-story-slider] .story-slide-panel {grid-template-columns:minmax(0,1fr);gap:28px;}
  [data-story-slider] .story-slide-narrative {padding-top:0;gap:16px;}
  [data-story-slider] .story-slide-title {font-size:26px;}
  [data-story-slider] .story-slide-caption {font-size:11px;line-height:18px;}
}
@media(prefers-reduced-motion:reduce) {
  [data-story-slider] :is(.story-slide-photo-stage,.story-slide-arrow,.story-year,.story-photo-arrow,.story-photo-thumbnail) {transition:none;}
}

/* Applied only after JavaScript enhances an original Figma logo row. */
[data-layout="desktop"] [data-logo-carousel] {
  --logo-card-width: 200px;
  --logo-card-height: 112px;
}
[data-layout="mobile"] [data-logo-carousel] {
  --logo-card-width: 104px;
  --logo-card-height: 80px;
}
[data-logo-carousel] {
  display: block;
  height: var(--logo-card-height);
  min-height: var(--logo-card-height);
  overflow: hidden;
  position: relative;
  isolation: isolate;
}
[data-logo-carousel]:focus-visible {
  outline: 2px solid var(--syaamil-lime, #d0f36a);
  outline-offset: 5px;
}
[data-logo-carousel] [data-logo-track] {
  display: flex;
  align-items: flex-start;
  gap: var(--logo-gap, 16px);
  width: max-content;
  max-width: none;
  height: var(--logo-card-height);
}
[data-logo-carousel] [data-logo-group] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: var(--logo-gap, 16px);
  width: max-content;
  height: var(--logo-card-height);
}
[data-logo-carousel] [data-logo-group] > * {
  flex: 0 0 var(--logo-card-width);
  width: var(--logo-card-width);
  height: var(--logo-card-height);
}
[data-logo-carousel] [data-logo-clone] { pointer-events: none; user-select: none; }
[data-logo-carousel][data-logo-running="true"] [data-logo-track] { will-change: transform; }
[data-logo-carousel][data-logo-engine="css"][data-logo-measured="true"] [data-logo-track] {
  animation: syaamil-logo-drift var(--logo-duration, 70000ms) linear infinite;
  animation-play-state: paused;
}
[data-logo-carousel][data-logo-engine="css"][data-logo-direction="reverse"] [data-logo-track] {
  animation-direction: reverse;
}
[data-logo-carousel][data-logo-engine="css"][data-logo-running="true"] [data-logo-track] {
  animation-play-state: running;
}
[data-logo-carousel]:hover [data-logo-track],
[data-logo-carousel]:focus-within [data-logo-track] { animation-play-state: paused; }
@keyframes syaamil-logo-drift {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(calc(-1 * var(--logo-distance)), 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  [data-logo-carousel] { height: auto; min-height: 0; }
  [data-logo-carousel] [data-logo-track] { display: block; height: auto; transform: none !important; animation: none !important; }
  [data-logo-carousel] [data-logo-group="original"] { flex-wrap: wrap; width: 100%; height: auto; }
  [data-logo-carousel] [data-logo-clone] { display: none; }
}

[data-collection-card] [data-collection-visual] {
  transition:background-color 400ms ease,box-shadow 400ms ease;
}
[data-collection-card] [data-collection-image] {
  transform:translateY(0) scale(1);transform-origin:50% 50%;
  transition:transform 600ms cubic-bezier(.2,.7,.2,1);
}
[data-collection-card] [data-collection-title] {transition:color 250ms ease;}
[data-collection-card] [data-collection-cta] {
  transition:transform 300ms ease,color 250ms ease;text-underline-offset:5px;
}
[data-collection-card]:is(:hover,:focus-within) [data-collection-visual] {
  background-color:#e1edf5;box-shadow:inset 0 0 0 1px rgba(16,44,64,.12),0 18px 34px -28px rgba(16,44,64,.24);
}
[data-collection-card]:is(:hover,:focus-within) [data-collection-image] {transform:translateY(-6px) scale(1.035);}
[data-collection-card]:is(:hover,:focus-within) [data-collection-title] {color:var(--syaamil-forest);}
[data-collection-card]:is(:hover,:focus-within) [data-collection-cta] {transform:translateX(6px);color:var(--syaamil-forest);text-decoration:underline;}
[data-counter] {font-variant-numeric:tabular-nums;}
/* The entire rounded surface is a link, including its original padding. */
[data-button-surface] {
  cursor:pointer;isolation:isolate;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:background-color 240ms ease,color 240ms ease,border-color 240ms ease,
    box-shadow 300ms ease,transform 300ms cubic-bezier(.2,.7,.2,1);
}
[data-button-surface="lime"] {color:#102c40;}
[data-button-surface="light"] {color:#102c40;}
[data-button-surface="outline"],[data-button-surface="dark"] {color:#fafbfd;}
[data-button-surface] [data-button-label],
[data-button-surface] [data-node-id="55:7"] {color:inherit;pointer-events:none;}
[data-button-text] {
  text-underline-offset:6px;text-decoration-thickness:1px;
  transition:color 200ms ease;text-decoration-color:transparent;
  -webkit-tap-highlight-color:transparent;
}
[data-name="Left-aligned hero message"],
[data-name="Left-aligned calls to action"],
[data-name="Header action"],
[data-name="Navigation / aligned to 96px margins"],
[data-name="Mobile hero message / left-aligned"],
[data-name="Mobile hero actions"],
[data-name="Mobile header"] {overflow:visible;}
@media(hover:hover) and (pointer:fine) {
  [data-button-surface]:not(:disabled):hover {
    transform:translateY(-2px);box-shadow:0 8px 20px -8px rgba(0,0,0,.32);
  }
  [data-button-surface="lime"]:not(:disabled):hover {
    background-color:#ffa14f;box-shadow:0 8px 24px -8px rgba(246,142,51,.42);
  }
  [data-button-surface="light"]:not(:disabled):hover,
  [data-button-surface="outline"]:not(:disabled):hover {
    background-color:var(--syaamil-lime);border-color:var(--syaamil-lime);color:#102c40;
    box-shadow:0 8px 24px -8px rgba(246,142,51,.26);
  }
  [data-button-surface="dark"]:not(:disabled):hover {background-color:#005e90;color:#fafbfd;}
  [data-button-surface="subtle"]:not(:disabled):hover {background-color:var(--syaamil-pale);color:var(--syaamil-ink);}
  [data-button-text]:hover {color:var(--syaamil-lime);text-decoration-line:underline;text-decoration-color:currentColor;}
}
[data-button-surface]:focus-visible {
  outline:2px solid var(--syaamil-lime);outline-offset:4px;
  box-shadow:0 0 0 4px rgba(16,44,64,.2);
}
[data-button-surface="lime"]:focus-visible {background-color:#ffa14f;}
[data-button-surface="outline"]:focus-visible,
[data-button-surface="light"]:focus-visible {background-color:var(--syaamil-lime);color:#102c40;border-color:var(--syaamil-lime);}
[data-button-surface="dark"]:focus-visible {background-color:#005e90;}
[data-button-surface="subtle"]:focus-visible {background-color:var(--syaamil-pale);}
[data-button-text]:focus-visible {color:var(--syaamil-lime);text-decoration:underline;text-underline-offset:6px;}
[data-button-surface]:not(:disabled):active {transform:translateY(0) scale(.98);box-shadow:none;}
[data-button-surface]:disabled {opacity:.5;cursor:not-allowed;}
.motion-enhanced [data-reveal] {
  opacity:0;transform:translateY(24px);
  transition:opacity 700ms cubic-bezier(.2,.7,.2,1),transform 700ms cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--reveal-delay,0ms);
}
.motion-enhanced [data-reveal].is-revealed {opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce) {
  [data-button-surface],[data-button-text] {transition:none;}
  [data-button-surface]:not(:disabled):is(:hover,:active) {transform:none;}
  [data-reveal],.motion-enhanced [data-reveal] {opacity:1;transform:none;transition:none;}
  [data-collection-card] [data-collection-image],
  [data-collection-card]:is(:hover,:focus-within) [data-collection-image],
  [data-collection-card] [data-collection-cta],
  [data-collection-card]:is(:hover,:focus-within) [data-collection-cta] {transform:none;transition:none;}
  [data-collection-card] [data-collection-visual],[data-collection-card] [data-collection-title] {transition:none;}
}

/* Full-width section backgrounds with fluid, bounded editorial content. */
[data-layout] > [data-node-id] {width:100%;}
[data-layout] > [data-node-id] > [data-name] {width:100%;}
[data-layout] [data-design-width] {max-width:100%;min-width:0;}

@media(min-width:1100px) {
  [data-layout="desktop"] {--hero-gutter:max(clamp(40px,6.6667vw,96px),calc((100% - 1248px)/2));}
  [data-layout="desktop"] > [data-node-id] > [data-design-inset] {
    --section-gutter:clamp(32px,4.44445vw,64px);
    --section-content:1312px;
    padding-inline:max(var(--section-gutter),calc((100% - var(--section-content))/2));
  }
  [data-layout="desktop"] > [data-node-id] > [data-design-inset="96"] {
    --section-gutter:clamp(40px,6.6667vw,96px);--section-content:1248px;
  }
  [data-layout="desktop"] > [data-node-id] > [data-design-inset] > [data-design-width] {width:100%;}
  [data-layout="desktop"] [data-name="Official Syaamil Quba photograph / right-shifted composition"] {
    width:calc(100% + 120px);max-width:none;
  }
  [data-layout="desktop"] [data-name="Soft olive fade / photo to headline"],
  [data-layout="desktop"] [data-name="Olive gradient / contrast for left-aligned copy"] {width:100%;}
  [data-layout="desktop"] [data-name="Navigation / aligned to 96px margins"] {
    left:var(--hero-gutter);width:calc(100% - 2 * var(--hero-gutter));max-width:1248px;
  }
  [data-layout="desktop"] [data-name="Left-aligned hero message"] {
    left:var(--hero-gutter);width:min(760px,calc(100% - 2 * var(--hero-gutter)));
  }
  [data-layout="desktop"] [data-name="Left-aligned hero message"] h1 {
    font-size:clamp(64px,5.83334vw,84px);width:100%;
  }
  [data-layout="desktop"] [data-name="Left-aligned hero message"] h1 > p {line-height:1.11905;}
  [data-layout="desktop"] [data-name="Syaamil Website / Context Label"] {max-width:192px;}
  [data-layout="desktop"] [data-hero-context="1"],
  [data-layout="desktop"] [data-hero-context="3"] {
    left:auto;right:max(40px,calc((100% - 1304px)/2));
  }
  [data-layout="desktop"] [data-hero-context="2"] {left:calc(50% - 60px);}
  [data-layout="desktop"] [data-hero-context="4"] {left:calc(50% + 160px);}

  [data-layout="desktop"] :is([data-name="Story — editorial and timeline"],
    [data-name="Vision text and mushaf photograph"], [data-name="Founder — portrait and story"],
    [data-name="Partnership enquiry — two columns"], [data-name="Footer content"],
    [data-name^="Collection row "], [data-name="Three product values"], [data-name="Three proposed missions"],
    [data-name="Illustrative operational specifications"], [data-name="Workflow steps"], [data-name^="Opportunity / "]) {
    display:grid;min-width:0;
  }
  [data-layout="desktop"] :is([data-name="Story — editorial and timeline"],
    [data-name="Vision text and mushaf photograph"], [data-name="Founder — portrait and story"],
    [data-name="Partnership enquiry — two columns"], [data-name="Footer content"],
    [data-name^="Collection row "], [data-name="Three product values"], [data-name="Three proposed missions"],
    [data-name="Illustrative operational specifications"], [data-name="Workflow steps"], [data-name^="Opportunity / "]) > * {width:100%;min-width:0;}
  [data-layout="desktop"] [data-name="Story — editorial and timeline"] {
    grid-template-columns:minmax(0,448fr) minmax(0,704fr);gap:clamp(40px,6.6667vw,96px);
  }
  [data-layout="desktop"] [data-name="Vision text and mushaf photograph"] {
    grid-template-columns:minmax(0,640fr) minmax(0,544fr);gap:clamp(32px,4.44445vw,64px);
  }
  [data-layout="desktop"] [data-name="Founder — portrait and story"] {
    grid-template-columns:minmax(0,512fr) minmax(0,688fr);gap:clamp(40px,7.77778vw,112px);
  }
  [data-layout="desktop"] [data-name="Partnership enquiry — two columns"] {
    grid-template-columns:minmax(0,624fr) minmax(0,592fr);gap:clamp(40px,6.6667vw,96px);
  }
  [data-layout="desktop"] [data-name="Footer content"] {
    grid-template-columns:minmax(0,624fr) minmax(0,576fr);gap:clamp(40px,7.77778vw,112px);
  }
  [data-layout="desktop"] [data-name^="Collection row "] {grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,3.88889vw,56px);}
  [data-layout="desktop"] :is([data-name="Three product values"],[data-name="Three proposed missions"]) {
    grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,3.88889vw,56px);
  }
  [data-layout="desktop"] [data-name="Illustrative operational specifications"] {
    grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.22223vw,32px);
  }
  [data-layout="desktop"] [data-name="Workflow steps"] {grid-template-columns:repeat(6,minmax(0,1fr));gap:22.4px;}
  [data-layout="desktop"] [data-name^="Opportunity / "] {
    grid-template-columns:48px minmax(0,456fr) minmax(0,696fr);gap:clamp(32px,3.88889vw,56px);
  }
  [data-layout="desktop"] [data-name="Syaamil Website / Compact Milestone"] {
    display:grid;grid-template-columns:88px minmax(0,1fr);gap:clamp(20px,2.22223vw,32px);
  }
  [data-layout="desktop"] [data-name="Concise story"],
  [data-layout="desktop"] [data-name="Concise story"] > * {width:100%;}
  [data-layout="desktop"] [data-name="Footer navigation"] {gap:clamp(20px,3.33334vw,48px);}
  [data-layout="desktop"] [data-name="Footer navigation"] > * {width:auto;}
  [data-layout="desktop"] [data-name="Partner network introduction"] {
    display:grid;grid-template-columns:minmax(0,592fr) minmax(0,640fr);gap:clamp(40px,5.55556vw,80px);
  }
  [data-layout="desktop"] [data-name="Partner network introduction"] > * {width:100%;}
  [data-layout="desktop"] [data-design-text-size="52"] {font-size:clamp(40px,3.61112vw,52px);}
  [data-layout="desktop"] [data-design-text-size="52"] > p {line-height:1.19231;}
  [data-layout="desktop"] [data-design-text-size="42"] {font-size:clamp(34px,2.91667vw,42px);}
}
@media(min-width:1100px) and (max-width:1439px) {
  [data-layout="desktop"] [data-name="Navigation / aligned to 96px margins"] {display:grid;grid-template-columns:1fr auto auto;gap:28px;}
  [data-layout="desktop"] [data-name="Syaamil identity"],
  [data-layout="desktop"] [data-name="Syaamil identity"] > p,
  [data-layout="desktop"] [data-name="Primary links"],
  [data-layout="desktop"] [data-name="Primary links"] > *,
  [data-layout="desktop"] [data-name="Header action"] {width:auto;}
  [data-layout="desktop"] [data-name="Primary links"] {gap:24px;}
  [data-layout="desktop"] [data-name="Syaamil identity"] {gap:18px;}
}

@media(max-width:1099px) {
  [data-layout="mobile"] {--mobile-gutter:max(clamp(24px,5vw,48px),calc((100% - 800px)/2));}
  [data-layout="mobile"] > [data-node-id] > [data-design-inset] {padding-inline:var(--mobile-gutter);}
  [data-layout="mobile"] :is([data-design-width="390"],[data-design-width="342"],[data-design-width="294"],[data-design-width="262"]) {width:100%;}
  [data-layout="mobile"] [data-name="01 / Mobile hero"] {
    display:flex;flex-direction:column;gap:30px;align-items:flex-start;
    min-height:844px;height:auto;padding:342px var(--mobile-gutter) 116px;
  }
  [data-layout="mobile"] :is([data-name="Mobile publishing context"],[data-name="Mobile hero message / left-aligned"]) {
    position:relative;left:auto;top:auto;width:100%;
  }
  [data-layout="mobile"] [data-name="Mobile header"] {
    left:var(--mobile-gutter);width:calc(100% - 2 * var(--mobile-gutter));gap:12px;
  }
  [data-layout="mobile"] [data-name="Mobile header"] > a {width:auto;white-space:nowrap;}
  [data-layout="mobile"] [data-name="Mobile hero message / left-aligned"] h1 {font-size:clamp(32px,9.74359vw,38px);}
  [data-layout="mobile"] [data-name="Mobile hero message / left-aligned"] h1 > p {line-height:1.21053;}
  [data-layout="mobile"] :is([data-name="Illustrative operational specifications"],[data-name="Workflow steps"]) {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;
  }
  [data-layout="mobile"] :is([data-name="Illustrative operational specifications"],[data-name="Workflow steps"]) > * {width:100%;}
  [data-layout="mobile"] [data-name="Syaamil Website / Compact Milestone / Mobile"] {
    display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;
  }
  [data-layout="mobile"] [data-name="Founder portrait"] {height:auto;aspect-ratio:342/426;max-width:480px;margin-inline:auto;}
  [data-layout="mobile"] [data-name="Riza Zacharias — original portrait"] {height:100%;}
  [data-layout="mobile"] [data-name="International learning visit — archive 2013"] {height:auto;aspect-ratio:342/214;}
  [data-layout="mobile"] [data-name="Authentic Syaamil Mushaf Tikrar photograph"] {height:auto;aspect-ratio:342/213;}
  [data-layout="mobile"] [data-name="Enquiry form — visual preview"] > [data-design-width] {width:100%;}
  [data-layout="mobile"] [data-name="Contact invitation"] [data-design-text-size="22"] {overflow-wrap:anywhere;}
}
@media(min-width:640px) and (max-width:1099px) {
  [data-layout="mobile"] [data-name="01 / Mobile hero"] {padding-top:clamp(342px,42vw,460px);}
  [data-layout="mobile"] :is([data-name="Syaamil Quba — original lifestyle photo"],[data-name="Olive gradient over photograph"]) {height:clamp(388px,49vw,510px);}
  [data-layout="mobile"] [data-name="Mobile hero message / left-aligned"] h1 {font-size:clamp(44px,6.25vw,64px);}
  [data-layout="mobile"] [data-name="Mobile hero message / left-aligned"] > p {max-width:600px;font-size:18px;line-height:29px;}
  [data-layout="mobile"] [data-name="Mobile hero actions"] {flex-direction:row;gap:16px;}
  [data-layout="mobile"] [data-name^="Collection row "] {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
  [data-layout="mobile"] [data-name="Illustrative operational specifications"] {grid-template-columns:repeat(4,minmax(0,1fr));}
  [data-layout="mobile"] [data-name="Workflow steps"] {grid-template-columns:repeat(3,minmax(0,1fr));}
  [data-layout="mobile"] [data-design-text-size="32"] {font-size:clamp(32px,4.16667vw,42px);}
  [data-layout="mobile"] [data-design-text-size="32"] > p {line-height:1.25;}
  [data-layout="mobile"] [data-name="Footer navigation"] {flex-direction:row;gap:40px;}
  [data-layout="mobile"] [data-name="Footer navigation"] > * {width:auto;}
}
@media(max-width:639px) {
  [data-layout="mobile"] [data-name="01 / Mobile hero"] {
    min-height:0;padding-top:108px;padding-bottom:0;gap:24px;
  }
  [data-layout="mobile"] [data-name="Mobile publishing context"] {order:1;}
  [data-layout="mobile"] [data-name="Mobile hero message / left-aligned"] {order:2;}
  [data-layout="mobile"] [data-name="Syaamil Quba — original lifestyle photo"] {
    order:3;position:relative;left:auto;top:auto;
    width:calc(100% + 2 * var(--mobile-gutter));max-width:none;
    height:clamp(280px,78vw,388px);margin:16px calc(-1 * var(--mobile-gutter)) 0;
  }
  [data-layout="mobile"] [data-name="Syaamil Quba — original lifestyle photo"]::after {
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg,#0a1405 0%,rgba(10,20,5,0) 24%,rgba(10,20,5,.04) 66%,#0a1405 100%);
  }
  [data-layout="mobile"] [data-name="Olive gradient over photograph"] {display:none;}
}

/* Fluid geometry for the corporate revision, preserving the Figma design widths. */
[data-layout] [data-name="Production planning note"] {overflow:visible;}
[data-layout] [data-name="Production planning note"] > p {width:100%;}
[data-layout] [data-name="Contact invitation"] a {overflow-wrap:anywhere;}
[data-layout] [data-name^="Milestone / "] {display:grid;min-width:0;width:100%;}
[data-layout] [data-name="Concise story"],
[data-layout] [data-name="Concise story"] > * {width:100%;min-width:0;}

/* Documentary photographs give each movement a clear, consistent visual anchor. */
[data-movement-card] {width:100%;min-width:0;}
[data-movement-card] > * {max-width:100%;}
.movement-figure {
  position:relative;width:100%;aspect-ratio:8/5;overflow:hidden;
  margin:0 0 12px;background:var(--syaamil-line);
}
.movement-photo {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;}
[data-movement-photo="rumah-syaamil-quran"] {object-position:50% 25%;}
[data-movement-photo="wisata-quran"] {object-position:50% 100%;}
[data-layout="desktop"] [data-name="Four vision-based movements"] {gap:64px;}
[data-layout="mobile"] [data-name="Four vision-based movements"] {gap:56px;}

@media(min-width:1100px) {
  [data-layout="desktop"] [data-name="Hero slideshow photographs"] {
    width:calc(100% + 305px);max-width:none;height:auto;aspect-ratio:1745/1047;
  }
  [data-layout="desktop"] :is([data-name="Navy vertical gradient / seamless photo fade"], [data-name="Navy horizontal gradient / headline contrast"]) {width:100%;}
  [data-layout="desktop"] :is([data-name="Two printing factories — confirmed locations"], [data-name^="Movement row "]) {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;
  }
  [data-layout="desktop"] :is([data-name="Two printing factories — confirmed locations"], [data-name^="Movement row "]) > * {width:100%;min-width:0;}
  [data-layout="desktop"] [data-name="Four vision-based movements"] {width:100%;}
  [data-layout="desktop"] [data-name^="Milestone / "] {grid-template-columns:88px minmax(0,1fr);gap:clamp(20px,2.22223vw,32px);}
  [data-layout="desktop"] [data-logo-carousel="featured"] {--logo-card-width:170.286px;}
  [data-layout="desktop"] [data-name="Featured partner logos"]:not([data-logo-carousel]) {
    display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px;
  }
  [data-layout="desktop"] [data-name="Featured partner logos"]:not([data-logo-carousel]) > * {width:100%;}
}

@media(max-width:1099px) {
  [data-layout="mobile"] [data-name="01 / Mobile hero"] {
    min-height:0;height:auto;padding:0;gap:0;
  }
  [data-layout="mobile"] [data-name^="Milestone / "] {grid-template-columns:64px minmax(0,1fr);gap:16px;}
  [data-layout="mobile"] [data-name="Phone hero / text first"] {
    width:100%;padding:108px var(--mobile-gutter) 40px;
  }
  [data-layout="mobile"] [data-name="Phone hero / community slideshow"] {
    width:100%;height:clamp(280px,82.0513vw,500px);
  }
  [data-layout="mobile"] [data-name="Phone hero / community slideshow"] > * {
    width:100%;height:100%;max-width:none;
  }
  [data-layout="mobile"] [data-name="Olive gradient over photograph"] {display:block;}
  [data-layout="mobile"] [data-name="Two printing factories — confirmed locations"],
  [data-layout="mobile"] [data-name="Four vision-based movements"] {width:100%;}
  [data-layout="mobile"] [data-name^="Printing factory / "] > * {width:100%;}
  [data-layout="mobile"] [data-name="Contact invitation"] a {font-size:clamp(17px,5.641vw,22px);}
  [data-layout="mobile"] [data-name="Product visual"] {width:100%;}
  [data-layout="mobile"] [data-name="Featured partner logos"]:not([data-logo-carousel]) {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
  }
  [data-layout="mobile"] [data-name="Featured partner logos"]:not([data-logo-carousel]) > * {width:100%;}
}

@media(min-width:640px) and (max-width:1099px) {
  [data-layout="mobile"] [data-name="Four vision-based movements"] {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px;
  }
  [data-layout="mobile"] [data-movement-card] {width:100%;min-width:0;}
  [data-layout="mobile"] [data-movement-card] > * {width:100%;}
  [data-layout="mobile"] [data-name="Phone hero / text first"] {padding-top:120px;}
  [data-layout="mobile"] [data-name="Two printing factories — confirmed locations"] {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
  }
  [data-layout="mobile"] [data-name="Two printing factories — confirmed locations"] > * {width:100%;min-width:0;}
  [data-layout="mobile"] [data-name="Featured partner logos"]:not([data-logo-carousel]) {grid-template-columns:repeat(4,minmax(0,1fr));}
}

/* One static featured photograph; no slideshow controls, timers or transitions. */
[data-hero-slideshow] {background:#000;isolation:isolate;}
[data-hero-slideshow] .hero-slide {position:absolute;inset:0;opacity:0;pointer-events:none;}
[data-hero-slideshow] .hero-slide[data-active="true"] {opacity:1;}
[data-hero-shade] {z-index:1;pointer-events:none;}
/* Contrast veils follow the responsive photo stage, including tablet heights. */
[data-layout] [data-hero-slideshow] > [data-hero-shade] {
  position:absolute;inset:0;width:100%;height:100%;
}
.hero-slide picture,.hero-slide img {display:block;width:100%;height:100%;}
.hero-slide img {object-fit:cover;object-position:var(--slide-position-desktop,50% 50%);max-width:none;}
@media(min-width:1100px) {
  [data-layout="desktop"] [data-name="Hero slideshow photographs"] {position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;overflow:hidden;}
  [data-layout="desktop"] .hero-slide img {
    transform:translateX(clamp(48px,6vw,112px));
    mask-image:linear-gradient(90deg,transparent 0%,#000 14%);
  }
  [data-layout="desktop"] [data-name="Navy vertical gradient / seamless photo fade"] {
    z-index:2;pointer-events:none;background-image:linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 42%,rgba(7,30,46,.28) 68%,#071e2e 100%) !important;
  }
  [data-layout="desktop"] [data-name="Navy horizontal gradient / headline contrast"] {
    pointer-events:none;background-image:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.78) 28%,rgba(0,0,0,.25) 58%,rgba(0,0,0,.04) 85%) !important;
  }
}
@media(max-width:1099px) {
  [data-layout="mobile"] [data-name="Phone hero / community slideshow"] {width:100%;height:clamp(300px,82.0513vw,500px);background:#000;}
  [data-layout="mobile"] [data-name="Hero slideshow photographs"] {position:absolute;inset:0;width:100%;height:100%;}
  [data-layout="mobile"] [data-name="Olive gradient over photograph"] {pointer-events:none;z-index:1;}
  .hero-slide img {object-position:var(--slide-position-mobile,50% 50%);}
}

[data-product-id] [data-open-catalogue] {cursor:pointer;}
[data-product-id] [data-name="Product visual"] {display:flex;text-align:inherit;}
[data-product-id] [data-open-catalogue]:focus-visible {outline:2px solid var(--syaamil-blue);outline-offset:5px;}
.product-catalogue-actions {display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;width:100%;padding-top:4px;}
.product-catalogue-link {font:600 14px/22px "DM Sans",sans-serif;color:var(--syaamil-ink);text-decoration:underline;text-underline-offset:5px;}
.product-catalogue-link:hover {color:var(--syaamil-blue);}
.product-enquiry-link {font-size:13px;line-height:22px;color:var(--syaamil-muted);}
.product-catalogue-hint {padding-top:6px;font:400 14px/23px "DM Sans",sans-serif;color:var(--syaamil-muted);}
[data-company-values] [data-name^="Value / "] > :nth-child(2) {font-weight:700;}
[data-company-values] strong {font-weight:700;color:#fff;}
[data-layout] [data-name="Founder portrait"] {height:420px;}
[data-layout] [data-name="Founder portrait"] > div {height:100%;}
[data-layout] [data-name="Founder narrative"] {padding-top:24px;gap:22px;}
.catalogue-dialog {
  width:min(1240px,calc(100vw - 48px));max-width:none;height:min(94dvh,1200px);max-height:94dvh;
  margin:auto;padding:0;border:1px solid #d8e2e8;border-radius:16px;
  background:#fafbfd;color:#102c40;overflow:hidden;
}
.catalogue-dialog[open] {display:flex;flex-direction:column;}
.catalogue-dialog::backdrop {background:rgba(3,15,24,.78);backdrop-filter:blur(7px);}
.catalogue-header {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px 20px;flex-shrink:0;}
.catalogue-eyebrow {font:500 10px/18px "DM Sans",sans-serif;letter-spacing:1.2px;color:#0082c6;margin:0 0 4px;}
.catalogue-dialog h2 {font:500 clamp(20px,2vw,28px)/1.3 "Manrope",sans-serif;margin:0;max-width:940px;}
.catalogue-dialog button {display:grid;place-items:center;padding:0;width:38px;height:38px;flex-shrink:0;border:1px solid #d8e2e8;border-radius:50%;background:#fff;font:500 18px/1 "DM Sans",sans-serif;}
.catalogue-dialog button:hover:not(:disabled) {background:#eef4f8;border-color:#0082c6;}
.catalogue-dialog button:disabled {opacity:.35;cursor:default;}
.catalogue-dialog button:focus-visible,.catalogue-dialog a:focus-visible,.catalogue-dialog select:focus-visible,.catalogue-dialog input:focus-visible {outline:2px solid #0082c6;outline-offset:3px;}
.catalogue-dialog .catalogue-close {font-size:26px;background:#071e2e;color:#fff;border-color:#071e2e;}
.catalogue-dialog .catalogue-close:hover {background:#12344a;border-color:#12344a;}
.catalogue-toolbar {display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 28px;border-block:1px solid #d8e2e8;flex-shrink:0;}
.catalogue-picker {display:flex;align-items:center;gap:10px;min-width:0;font-size:12px;}
.catalogue-picker select {max-width:260px;min-width:0;border:1px solid #d8e2e8;border-radius:8px;background:white;padding:9px 28px 9px 12px;font:400 13px/20px "DM Sans",sans-serif;color:#102c40;}
.catalogue-page-controls,.catalogue-zoom {display:flex;align-items:center;gap:10px;font:400 13px/22px "DM Sans",sans-serif;white-space:nowrap;}
.catalogue-page-controls label {display:flex;align-items:center;gap:6px;}
.catalogue-page-controls input {width:44px;min-width:0;height:34px;text-align:center;border:1px solid #d8e2e8;border-radius:6px;background:#fff;font:400 13px/22px "DM Sans",sans-serif;appearance:textfield;}
.catalogue-page-controls input::-webkit-inner-spin-button {appearance:none;}
.catalogue-zoom {margin-left:auto;}
.catalogue-zoom [data-catalogue-scale] {min-width:40px;text-align:center;}
.catalogue-download {font:500 12px/20px "DM Sans",sans-serif;color:#005e90;text-decoration:underline;text-underline-offset:4px;}
.catalogue-body {flex:1;min-height:0;overflow:auto;background:#e7edf2;position:relative;overscroll-behavior:contain;}
.catalogue-stage {display:flex;justify-content:safe center;align-items:flex-start;min-height:100%;width:max-content;min-width:100%;padding:28px 32px;touch-action:pan-y pinch-zoom;}
.catalogue-stage canvas {display:block;flex-shrink:0;background:white;box-shadow:0 8px 36px rgba(7,30,46,.12);}
.catalogue-stage canvas[hidden] {display:none;}
.catalogue-status {position:absolute;top:32px;left:20px;right:20px;text-align:center;font:400 15px/25px "DM Sans",sans-serif;color:#5c6d7a;}
.catalogue-footer {display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:14px 28px;border-top:1px solid #d8e2e8;font:400 12px/20px "DM Sans",sans-serif;flex-shrink:0;}
.catalogue-footer > span {color:#5c6d7a;}
.catalogue-footer a {font-weight:600;text-decoration:underline;text-underline-offset:4px;}
@media(max-width:767px) {
  .catalogue-dialog {width:calc(100vw - 16px);height:96dvh;max-height:96dvh;border-radius:12px;}
  .catalogue-header {padding:18px 16px 16px;gap:14px;}
  .catalogue-dialog h2 {font-size:20px;}
  .catalogue-eyebrow {font-size:9px;}
  .catalogue-toolbar {padding:10px 12px;gap:10px 12px;}
  .catalogue-picker {width:100%;}
  .catalogue-picker select {flex:1;max-width:none;}
  .catalogue-dialog button {width:34px;height:34px;}
  .catalogue-zoom {margin-left:auto;gap:6px;}
  .catalogue-zoom [data-catalogue-scale] {min-width:32px;font-size:11px;}
  .catalogue-download {margin-left:auto;}
  .catalogue-stage {padding:18px 12px;}
  .catalogue-footer {padding:12px 16px;gap:8px 18px;}
  .catalogue-footer > span {display:none;}
  [data-layout] [data-name="Founder portrait"] {height:340px;}
}
@media(max-width:359px) {.catalogue-zoom {display:none;}.catalogue-toolbar {gap:8px;}.catalogue-page-controls {gap:6px;}}

.lumee-gallery {width:100%;min-width:0;}
[data-product-id="lumee"] .lumee-gallery-stage {
  display:flex;align-items:center;justify-content:center;width:100%;height:400px;
  padding:0;overflow:hidden;background:#f5f0ee;border-radius:4px;
  touch-action:pan-y pinch-zoom;
}
.lumee-gallery-stage [data-lumee-photo] {
  display:block;width:100%;height:100%;object-fit:contain;opacity:1;
  transition:opacity 160ms ease;transform:none!important;
}
.lumee-gallery-stage [data-lumee-photo][data-changing="true"] {opacity:0;}
.lumee-gallery-thumbnails {display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px;}
[data-gallery-ready] .lumee-gallery-thumbnails {display:grid;}
.lumee-gallery-thumbnails button {
  display:block;min-width:0;height:70px;padding:3px;border:1px solid #d8e2e8;
  border-radius:6px;background:#fff;cursor:pointer;overflow:hidden;touch-action:manipulation;
  transition:border-color 160ms ease,box-shadow 160ms ease;
}
.lumee-gallery-thumbnails button:hover {border-color:#0082c6;}
.lumee-gallery-thumbnails button[aria-pressed="true"] {border-color:#0082c6;box-shadow:inset 0 0 0 1px #0082c6;}
.lumee-gallery-thumbnails button:focus-visible {outline:2px solid #0082c6;outline-offset:3px;}
.lumee-gallery-thumbnails img {display:block;width:100%;height:100%;object-fit:cover;border-radius:3px;}
.lumee-gallery-caption {display:flex;justify-content:space-between;gap:16px;margin:10px 0 0;font:400 12px/20px "DM Sans",sans-serif;color:var(--syaamil-muted);}
.lumee-gallery-caption [data-lumee-count] {font-variant-numeric:tabular-nums;white-space:nowrap;}
@media(max-width:1099px) {
  [data-product-id="lumee"] .lumee-gallery-stage {height:320px;}
  .lumee-gallery-thumbnails {gap:8px;}
  .lumee-gallery-thumbnails button {height:56px;}
}
@media(prefers-reduced-motion:reduce) {.lumee-gallery-stage [data-lumee-photo],.lumee-gallery-thumbnails button {transition:none;}}

/* One movement at a time, with documentary photographs and manual navigation. */
[data-layout] [data-movement-slider] {gap:36px;padding-block:80px;}
[data-movement-slider] [hidden] {display:none !important;}
[data-movement-slider] .movement-slider-header {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:64px;width:100%;min-width:0;}
[data-movement-slider] .movement-slider-eyebrow {margin-bottom:20px;font:500 11px/18px "DM Sans",sans-serif;letter-spacing:1.2px;color:var(--syaamil-muted);}
[data-movement-slider] .movement-slider-heading {font:400 clamp(32px,3.2vw,44px)/1.22 "Manrope",sans-serif;letter-spacing:-1.1px;color:var(--syaamil-ink);white-space:pre-line;}
[data-movement-slider] .movement-slider-summary {max-width:410px;font:400 16px/26px "DM Sans",sans-serif;color:var(--syaamil-muted);}
[data-movement-slider] .movement-slider-shell {width:100%;min-width:0;}
[data-movement-slider] .movement-slider-navigation {display:flex;align-items:center;gap:32px;width:100%;min-width:0;margin-bottom:28px;}
[data-movement-slider] .movement-slider-tabs {position:relative;display:flex;align-items:stretch;flex:1;gap:12px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:4px 1px;}
[data-movement-slider] .movement-slider-tabs::-webkit-scrollbar {display:none;}
[data-movement-slider] .movement-tab {display:flex;align-items:flex-start;flex:1 0 130px;gap:9px;min-width:0;border:0;border-bottom:1px solid var(--syaamil-line);background:transparent;padding:12px 8px 16px;text-align:left;color:var(--syaamil-muted);cursor:pointer;transition:color 160ms ease,border-color 160ms ease;}
[data-movement-slider] .movement-tab-number {font:500 11px/19px "DM Sans",sans-serif;}
[data-movement-slider] .movement-tab-name {font:500 12px/19px "DM Sans",sans-serif;}
[data-movement-slider] .movement-tab[aria-selected="true"] {color:var(--syaamil-ink);border-bottom-color:var(--syaamil-accent);box-shadow:0 1px 0 var(--syaamil-accent);}
[data-movement-slider] .movement-tab[aria-selected="true"] .movement-tab-number {color:#a34e0b;}
[data-movement-slider] .movement-tab[aria-selected="true"] .movement-tab-name {font-weight:700;}
[data-movement-slider] .movement-tab:hover {color:var(--syaamil-blue);border-bottom-color:var(--syaamil-blue);}
[data-movement-slider] .movement-slider-controls {display:flex;align-items:center;gap:12px;flex:0 0 auto;}
[data-movement-slider] .movement-slider-counter {font:400 12px/18px "DM Sans",sans-serif;color:var(--syaamil-muted);white-space:nowrap;margin-right:4px;}
[data-movement-slider] .movement-slide-arrow {display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--syaamil-line);border-radius:50%;background:transparent;color:var(--syaamil-ink);font:400 22px/1 "DM Sans",sans-serif;cursor:pointer;transition:background 160ms ease,border-color 160ms ease,color 160ms ease;}
[data-movement-slider] .movement-slide-arrow:hover {background:var(--syaamil-ink);border-color:var(--syaamil-ink);color:#fff;}
[data-movement-slider] :is(button,a,.movement-slide-panel):focus-visible {outline:2px solid var(--syaamil-blue);outline-offset:4px;}
[data-movement-slider] .movement-tab:focus-visible {outline-offset:-4px;}
[data-movement-slider] .movement-slider-stage {width:100%;min-width:0;touch-action:pan-y pinch-zoom;}
[data-movement-slider] .movement-slide-panel {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);width:100%;min-width:0;}
[data-movement-slider] .movement-slide-panel > * {min-width:0;width:100%;max-width:100%;}
[data-movement-slider] .movement-slide-figure {margin:0;width:100%;aspect-ratio:8/5;overflow:hidden;background:var(--syaamil-dark);}
[data-movement-slider] .movement-photo {width:100%;height:100%;object-fit:cover;object-position:50% 45%;}
[data-movement-slider] [data-movement-photo="rumah-syaamil-quran"] {object-position:50% 25%;}
[data-movement-slider] [data-movement-photo="wisata-quran"] {object-position:50% 100%;}
[data-movement-slider] .movement-slide-figure--archive {aspect-ratio:auto;overflow:visible;background:transparent;}
[data-movement-slider] .movement-archive-photo-stage {width:100%;aspect-ratio:8/5;overflow:hidden;background:var(--syaamil-pale);}
[data-movement-slider] [data-movement-photo="hafiz-indonesia"] {display:block;object-fit:contain;object-position:center;}
[data-movement-slider] .movement-archive-caption {display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:12px;font:400 12px/19px "DM Sans",sans-serif;color:var(--syaamil-muted);overflow-wrap:anywhere;}
[data-movement-slider] .movement-archive-source {color:var(--syaamil-ink);text-underline-offset:3px;}
[data-movement-slider] .movement-archive-source:hover {color:var(--syaamil-blue);text-decoration:underline;}
[data-movement-slider] .movement-slide-copy {display:flex;flex-direction:column;align-items:flex-start;gap:18px;}
[data-movement-slider] .movement-slide-number {font:500 11px/18px "DM Sans",sans-serif;letter-spacing:1px;color:var(--syaamil-blue);}
[data-movement-slider] .movement-slide-title {font:500 clamp(25px,2.5vw,34px)/1.28 "Manrope",sans-serif;letter-spacing:-.7px;color:var(--syaamil-ink);}
[data-movement-slider] .movement-slide-affiliation {font:500 14px/22px "DM Sans",sans-serif;color:var(--syaamil-blue);}
[data-movement-slider] .movement-slide-purpose {font:500 17px/27px "DM Sans",sans-serif;color:var(--syaamil-ink);}
[data-movement-slider] .movement-slide-description {font:400 16px/27px "DM Sans",sans-serif;color:var(--syaamil-muted);}
[data-movement-slider] .movement-hafiz-brand {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;width:100%;height:100%;padding:clamp(24px,3.6vw,52px);background:var(--syaamil-dark);color:var(--syaamil-paper);overflow:hidden;}
[data-movement-slider] .movement-hafiz-brand::after {content:"";position:absolute;width:290px;height:290px;right:-150px;top:-180px;border:1px solid #294253;border-radius:50%;box-shadow:0 0 0 45px var(--syaamil-dark),0 0 0 46px #294253;pointer-events:none;}
[data-movement-slider] .movement-hafiz-eyebrow {font:500 9px/16px "DM Sans",sans-serif;letter-spacing:1.8px;color:var(--syaamil-soft);}
[data-movement-slider] .movement-hafiz-title {font:400 clamp(34px,4.5vw,64px)/1.05 "Manrope",sans-serif;letter-spacing:-1.2px;white-space:pre-line;color:var(--syaamil-paper);}
[data-movement-slider] .movement-hafiz-rule {width:44px;height:2px;background:var(--syaamil-accent);}
[data-movement-slider] .movement-hafiz-support {font:500 12px/20px "DM Sans",sans-serif;color:var(--syaamil-accent);}
[data-movement-slider] .movement-slider-announcement {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:1099px) {
  [data-movement-slider] .movement-slider-header {gap:32px;}
  [data-movement-slider] .movement-slider-navigation {gap:20px;flex-wrap:wrap;}
  [data-movement-slider] .movement-slider-tabs {flex-basis:100%;}
  [data-movement-slider] .movement-slider-controls {margin-left:auto;}
}
@media(max-width:767px) {
  [data-layout] [data-movement-slider] {gap:28px;padding-block:64px;}
  [data-movement-slider] .movement-slider-header {grid-template-columns:minmax(0,1fr);gap:20px;}
  [data-movement-slider] .movement-slider-eyebrow {margin-bottom:16px;}
  [data-movement-slider] .movement-slider-heading {font-size:32px;}
  [data-movement-slider] .movement-slider-summary {font-size:14px;line-height:24px;}
  [data-movement-slider] .movement-slider-navigation {display:flex;gap:16px;margin-bottom:24px;}
  [data-movement-slider] .movement-tab {flex-basis:130px;}
  [data-movement-slider] .movement-slider-controls {gap:10px;}
  [data-movement-slider] .movement-slide-panel {grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;}
  [data-movement-slider] .movement-slide-copy {gap:16px;}
  [data-movement-slider] .movement-slide-title {font-size:26px;}
  [data-movement-slider] .movement-slide-purpose {font-size:16px;line-height:26px;}
  [data-movement-slider] .movement-hafiz-brand {padding:24px;gap:10px;}
  [data-movement-slider] .movement-hafiz-title {font-size:clamp(32px,10vw,48px);}
  [data-movement-slider] .movement-hafiz-eyebrow {font-size:8px;line-height:14px;}
  [data-movement-slider] .movement-hafiz-support {font-size:11px;line-height:18px;}
}
@media(max-width:359px) {
  [data-movement-slider] .movement-hafiz-brand {padding:20px;gap:8px;}
  [data-movement-slider] .movement-hafiz-title {font-size:28px;}
  [data-movement-slider] .movement-hafiz-support {font-size:10px;}
}
@media(prefers-reduced-motion:reduce) {
  [data-movement-slider] :is(.movement-tab,.movement-slide-arrow) {transition:none;}
}