@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;600;700&display=swap');
:root{--ink:#1d2421;--paper:#f3efe7;--lime:#c9df55;--coral:#ef735e;--muted:#737872;--line:#d8d5ca;--serif:"Noto Serif SC",serif;--sans:Manrope,"PingFang SC",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:92px;display:flex;align-items:center;padding:0 clamp(22px,6vw,96px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font:700 21px var(--serif)}.brand img{width:38px;height:38px;border-radius:11px}.site-header nav{display:flex;gap:32px;margin-left:auto;font-size:11px}.site-header nav a:hover,.site-header nav a.active{color:#bf4e3c}.back-home{margin-left:42px;border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:11px}.page-hero{padding:100px clamp(22px,13vw,210px) 86px;background:var(--ink);color:var(--paper)}.page-hero .kicker{color:var(--lime);margin:0}.page-hero h1{margin:22px 0 19px;font:600 clamp(48px,7vw,90px)/1.08 var(--serif)}.page-hero p:last-child{max-width:650px;margin:0;color:#aeb8ae;font:14px/1.9 var(--serif)}.kicker{font:500 10px var(--mono);letter-spacing:1.4px;color:#69716a}.document{width:min(920px,calc(100% - 44px));margin:auto;padding:82px 0 125px}.document .meta{display:flex;gap:28px;padding-bottom:28px;border-bottom:1px solid var(--line);color:#7d847c;font:10px var(--mono)}.document section{padding:38px 0;border-bottom:1px solid var(--line)}.document h2{margin:0 0 16px;font:600 25px var(--serif)}.document h2 span{display:inline-block;width:40px;color:var(--coral);font:11px var(--mono)}.document p,.document li{color:#68716a;font:14px/2 var(--serif)}.document ul{padding-left:23px}.document a{color:#bf4e3c;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.sdk-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.sdk-card{padding:22px;background:#e1e7d6;border-left:3px solid var(--lime)}.sdk-card h3{margin:0 0 12px;font:600 17px var(--serif)}.sdk-card p{margin:5px 0;font-size:12px;line-height:1.75}.sdk-card strong{color:var(--ink)}.company-block{margin-top:44px;padding:36px;background:var(--coral)}.company-block h2{margin:0 0 14px;font:600 25px var(--serif)}.company-block p{margin:0;color:#75463e;font:13px/1.9 var(--serif)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:50px}.contact-card{min-height:215px;padding:25px;background:var(--ink);color:var(--paper)}.contact-card span{color:var(--lime);font:10px var(--mono)}.contact-card h2{margin:28px 0 8px;font:600 21px var(--serif)}.contact-card p{margin:0;color:#aeb8ae;font:12px/1.8 var(--serif)}.contact-card a{display:inline-block;margin-top:18px;border-bottom:1px solid #7d847c;padding-bottom:4px;font:12px var(--mono);overflow-wrap:anywhere}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:39px clamp(22px,6vw,96px);border-top:1px solid var(--line);font-size:10px;color:#737872}.footer-links{display:flex;gap:23px;flex-wrap:wrap}.footer-links a:hover{color:#bf4e3c}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:760px){.site-header{height:73px;padding:0 20px}.site-header nav{display:none}.back-home{margin-left:auto}.page-hero{padding:75px 24px 60px}.document{padding:60px 0 85px}.document .meta{flex-direction:column;gap:8px}.sdk-grid,.contact-grid{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column;padding:32px 22px}.footer-links{gap:16px;line-height:1.8}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Nazli brand polish */
:root{--coral:#FF4D4F;--lime:#EB2F96;--ink:#17191c;--paper:#fbfaf8;--line:#ddd9d4;--muted:#6e7176}
body{background:var(--paper);color:var(--ink)}
.site-header{background:rgba(251,250,248,.96);backdrop-filter:blur(12px);border-bottom-color:#e4e0db}
.brand img{box-shadow:0 8px 18px rgba(235,47,150,.18)}
.page-hero{background:var(--ink);border-bottom:5px solid var(--coral)}
.page-hero .kicker{color:var(--lime)}
.document h2 span{color:var(--coral)}
.document section{border-bottom-color:var(--line)}
.sdk-card{background:#f2e9ed;border-left-color:var(--coral)}
.company-block{background:var(--coral)}
.contact-card{border-top:4px solid var(--coral);box-shadow:10px 10px 0 rgba(235,47,150,.12)}
.contact-card span{color:var(--lime)}
.footer-links a:hover{color:var(--lime)}

/* Keep the brand color in the details so the content remains easy to read. */
.page-hero{border-top:3px solid var(--coral)}
.company-block{background:var(--paper);border-top:3px solid var(--coral);box-shadow:10px 10px 0 rgba(235,47,150,.12)}
.company-block h2{color:var(--ink)}
.company-block p{color:#68716a}
.contact-card{box-shadow:none}