:root{color-scheme:light dark;--paper:#f6f5ef;--surface:#fffefa;--ink:#172f29;--muted:#52645d;--line:#d8ddd4;--green:#145b4e;--green-ink:#fff;--soft:#e8eee7;--amber:#d6a34e;font-family:system-ui,"Noto Sans Bengali","Nirmala UI",sans-serif;background:var(--paper);color:var(--ink)} @media(prefers-color-scheme:dark){:root{--paper:#14251f;--surface:#1c3029;--ink:#f3f4e9;--muted:#b5c4bb;--line:#40554b;--green:#8cc7ae;--green-ink:#10221b;--soft:#263c33;--amber:#edc46d}} *{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,"Noto Sans Bengali","Nirmala UI",sans-serif} a{color:var(--green);text-underline-offset:.2em} a:hover{text-decoration-thickness:2px} button{font:inherit} .idea-skip{position:absolute;left:16px;top:-80px;z-index:2;background:var(--surface);padding:12px 16px;border:2px solid var(--green);border-radius:8px} .idea-skip:focus{top:12px} .idea-header{min-height:76px;padding:12px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);background:var(--surface)} .idea-brand{color:var(--ink);font-size:21px;font-weight:750;letter-spacing:-.04em;text-decoration:none} .idea-brand span{color:var(--amber)} .idea-header nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 22px} .idea-header nav a,.idea-language{min-height:48px;display:inline-flex;align-items:center} .idea-header nav a{font-size:14px;font-weight:650} .idea-language,.idea-reset{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:8px 14px;min-height:48px;cursor:pointer} .idea-main{max-width:1180px;margin:0 auto;padding:42px 24px 64px} .idea-eyebrow,.idea-kicker,.idea-label{margin:0;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.12em;line-height:1.5} .idea-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);align-items:center;gap:clamp(24px,5vw,72px);padding:30px 0 46px} .idea-kicker{color:var(--green);margin-bottom:12px} .idea-hero h1{margin:0;font:500 clamp(42px,7vw,82px)/1.03 Georgia,"Noto Serif Bengali","Nirmala UI",serif;letter-spacing:-.055em} .idea-bengali{display:block;margin-top:9px;font:600 .52em/1.35 system-ui,"Noto Sans Bengali","Nirmala UI",sans-serif;letter-spacing:0} .idea-tagline{display:grid;gap:4px;margin:18px 0;font:500 clamp(20px,2.4vw,28px)/1.35 Georgia,"Noto Serif Bengali","Nirmala UI",serif} .idea-tagline span[lang=bn]{font:500 .82em/1.55 system-ui,"Noto Sans Bengali","Nirmala UI",sans-serif} .idea-description{max-width:68ch;color:var(--muted);margin:10px 0} .idea-cta{display:inline-flex;align-items:center;gap:10px;min-height:52px;margin-top:16px;padding:12px 20px;border-radius:8px;background:var(--green);color:var(--green-ink);font-weight:700;text-decoration:none} .idea-cta:hover{filter:brightness(1.08)} .idea-boundary,.idea-outcome{border:1px solid var(--line);border-top:4px solid var(--amber);border-radius:12px;background:var(--surface);padding:24px} .idea-boundary h2{margin:12px 0 8px;font:500 27px/1.2 Georgia,"Noto Serif Bengali","Nirmala UI",serif} .idea-boundary p{margin:8px 0;color:var(--muted)} .idea-source{font-size:13px!important} .idea-section{border-top:1px solid var(--line);padding:28px 0} .idea-section h2{margin:0 0 18px;font:500 clamp(26px,4vw,38px)/1.2 Georgia,"Noto Serif Bengali","Nirmala UI",serif;letter-spacing:-.025em} .idea-section h2 span{font:500 .68em/1.5 system-ui,"Noto Sans Bengali","Nirmala UI",sans-serif;letter-spacing:0} .idea-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .idea-columns>div{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:18px 22px} .idea-columns h3{margin:0 0 8px;font-size:13px;letter-spacing:.06em;color:var(--muted)} .idea-columns p{margin:0} .idea-columns ul{margin:0;padding-left:22px} .idea-columns li{margin:8px 0} .idea-limits .idea-columns>div{background:var(--soft)} .idea-metadata{border-top:1px solid var(--line);padding-top:18px;font-size:14px} .idea-demo{padding-top:32px} .idea-demo .idea-hero{padding-top:24px} .idea-intro{color:var(--muted);max-width:70ch} .idea-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0} .idea-scenario{height:100%;width:100%;min-height:120px;display:grid;align-content:start;gap:9px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer} .idea-scenario span{font-weight:700} .idea-scenario small{font:400 14px/1.5 system-ui,"Noto Sans Bengali","Nirmala UI",sans-serif;color:var(--muted)} .idea-scenario[aria-pressed=true]{border:2px solid var(--green);background:var(--soft)} .idea-outcome{margin:20px 0 14px} .idea-outcome h3{font:500 25px/1.25 Georgia,"Noto Serif Bengali","Nirmala UI",serif;margin:8px 0} .idea-outcome p:last-child{margin:0} .idea-reset{font-weight:650} .idea-footer{border-top:1px solid var(--line);padding:22px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;color:var(--muted);font-size:13px;background:var(--surface)} .idea-footer a{font-weight:700} .idea-noscript{padding:16px;border:1px solid var(--line);background:var(--surface);border-radius:8px} :focus-visible{outline:3px solid var(--amber);outline-offset:3px} @media(max-width:760px){.idea-header{align-items:flex-start;padding:12px 18px}.idea-header nav{gap:4px 12px}.idea-main{padding:30px 18px 48px}.idea-hero{grid-template-columns:1fr;gap:24px;padding:24px 0 32px}.idea-boundary{max-width:none}.idea-columns{grid-template-columns:1fr}.idea-scenarios{grid-template-columns:1fr}.idea-scenario{min-height:88px}.idea-footer{padding:20px 18px}} @media(forced-colors:active){.idea-boundary,.idea-columns>div,.idea-scenario,.idea-outcome,.idea-cta,.idea-language,.idea-reset{border:1px solid CanvasText}.idea-scenario[aria-pressed=true]{outline:2px solid Highlight}}