:root{--brand-navy:#0b2540;--brand-navy-2:#12355a;--uc-accent:#0a6e8a;--uc-accent-ink:#fff;--uc-surface:#fff;--uc-surface-2:#f1f5f8;--uc-text:#0f1d26;--uc-muted:#566874;--uc-border:#d6dfe5;--uc-visited:#d4edf4;--uc-current:#f59e0b;--uc-current-ink:#1c1302;--uc-ours:#7c3aed;--uc-ok:#15803d;--uc-bad:#c2410c;--uc-radius:14px;--uc-font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Sinhala", "Noto Sans Tamil", sans-serif;--page-bg:#f7fafc;--hero-ink:#fff;--hero-muted:#b8cde0;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--uc-accent:#38bdf8;--uc-accent-ink:#04141c;--uc-surface:#0f1a21;--uc-surface-2:#16242d;--uc-text:#e6eef2;--uc-muted:#94a7b3;--uc-border:#263842;--uc-visited:#0f3a4a;--uc-ours:#a78bfa;--uc-ok:#4ade80;--uc-bad:#fb923c;--page-bg:#0a1318;--brand-navy:#071a2c;--brand-navy-2:#0c2741;color-scheme:dark}}:root[data-theme=dark]{--uc-accent:#38bdf8;--uc-accent-ink:#04141c;--uc-surface:#0f1a21;--uc-surface-2:#16242d;--uc-text:#e6eef2;--uc-muted:#94a7b3;--uc-border:#263842;--uc-visited:#0f3a4a;--uc-ours:#a78bfa;--uc-ok:#4ade80;--uc-bad:#fb923c;--page-bg:#0a1318;--brand-navy:#071a2c;--brand-navy-2:#0c2741;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:5rem}body{background:var(--page-bg);color:var(--uc-text);font-family:var(--uc-font);-webkit-text-size-adjust:100%;margin:0;line-height:1.55}a{color:var(--uc-accent)}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--uc-current);outline-offset:2px}h1,h2,h3{letter-spacing:-.01em;line-height:1.2}.wrap{max-width:1200px;margin:0 auto;padding:0 16px}@media (width>=720px){.wrap{padding:0 28px}}.skip{background:var(--uc-current);color:#000;z-index:100;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{left:1rem}.site-header{background:var(--brand-navy);color:var(--hero-ink);z-index:20;border-bottom:1px solid #ffffff14;position:sticky;top:0}.site-header .wrap{align-items:center;gap:1rem;min-height:60px;display:flex}.brand{color:inherit;letter-spacing:.01em;align-items:center;gap:.6rem;font-weight:700;text-decoration:none;display:flex}.brand span{white-space:nowrap}.brand small{opacity:.7;font-weight:500;display:none}@media (width>=640px){.brand small{display:inline}}.site-nav{align-items:center;gap:.25rem;margin-left:auto;display:flex}.site-nav a{white-space:nowrap;color:var(--hero-muted);border-radius:8px;padding:.4rem .7rem;font-size:.95rem;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:#fff;background:#ffffff14}@media (width<=420px){.site-nav a{padding:.4rem .45rem;font-size:.88rem}usecase-player:not([present]){padding:.75rem}}.theme-btn{color:var(--hero-muted);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;place-items:center;width:36px;height:36px;font-size:1rem;display:grid}.hero{background:radial-gradient(900px 400px at 85% -10%, #38bdf840, transparent 60%), linear-gradient(160deg, var(--brand-navy) 0%, var(--brand-navy-2) 100%);color:var(--hero-ink);padding:3rem 0 5.5rem}.hero .eyebrow{color:#7dd3fc}.hero h1{max-width:20ch;margin:.4rem 0 .8rem;font-size:clamp(1.9rem,4.5vw,3rem)}.hero p.lead{color:var(--hero-muted);max-width:60ch;margin:0 0 1.5rem;font-size:1.12rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--uc-accent);margin:0;font-size:.78rem;font-weight:700}.btn{border:1px solid #0000;border-radius:10px;align-items:center;gap:.4rem;min-height:44px;padding:.65rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--uc-current);color:#1c1302}.btn.ghost{color:#fff;border-color:#ffffff4d}.btn.outline{border-color:var(--uc-accent);color:var(--uc-accent)}.btn-row{flex-wrap:wrap;gap:.6rem;display:flex}.hero-stats{color:var(--hero-muted);flex-wrap:wrap;gap:1.5rem 2.5rem;margin-top:2rem;font-size:.92rem;display:flex}.hero-stats b{color:#fff;font-size:1.6rem;display:block}section.block{padding:2.75rem 0}section.block>.wrap>h2,.section-h{margin:.3rem 0 .4rem;font-size:clamp(1.4rem,3vw,1.9rem)}.section-sub{color:var(--uc-muted);max-width:65ch;margin:0 0 1.5rem}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1rem;display:grid}.card{background:var(--uc-surface);border:1px solid var(--uc-border);border-radius:var(--uc-radius);flex-direction:column;gap:.5rem;padding:1.15rem 1.2rem;display:flex}.card h3{margin:0;font-size:1.1rem}.card p{margin:0}a.card{color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}a.card:hover{border-color:var(--uc-accent);transform:translateY(-2px)}.quote{font-size:1.05rem;font-weight:600}.quote:before{content:"“";color:var(--uc-accent)}.quote:after{content:"”";color:var(--uc-accent)}.muted{color:var(--uc-muted)}.pill{background:var(--uc-surface-2);border:1px solid var(--uc-border);color:var(--uc-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.12rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.pill.play{background:var(--uc-current);border-color:var(--uc-current);color:#1c1302}.pill.ours{background:var(--uc-ours);border-color:var(--uc-ours);color:#fff}.pills{flex-wrap:wrap;gap:.35rem;display:flex}.go{color:var(--uc-accent);margin-top:auto;font-weight:600}.cat-tabs{z-index:10;background:var(--page-bg);border-bottom:1px solid var(--uc-border);margin-bottom:1.5rem;position:sticky;top:60px}.cat-tabs .wrap{scrollbar-width:thin;gap:.25rem;padding-top:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.cat-tabs a{white-space:nowrap;color:var(--uc-muted);border-radius:999px;padding:.45rem .8rem;font-size:.92rem;font-weight:600;text-decoration:none}.cat-tabs a:hover,.cat-tabs a.active{background:var(--uc-accent);color:var(--uc-accent-ink)}.cat-tools{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:1.5rem;display:flex}.search{flex:280px;max-width:460px;position:relative}.search input{width:100%;font:inherit;border:1px solid var(--uc-border);background:var(--uc-surface);color:var(--uc-text);border-radius:10px;min-height:44px;padding:.65rem .9rem .65rem 2.4rem}.search svg{color:var(--uc-muted);position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.check{cursor:pointer;align-items:center;gap:.45rem;display:inline-flex}.check input{accent-color:var(--uc-accent);width:1.05rem;height:1.05rem}.cat{margin-bottom:2.25rem}.cat h3{align-items:baseline;gap:.6rem;margin:0 0 .9rem;font-size:1.2rem;display:flex}.cat h3 span{color:var(--uc-muted);font-size:.85rem;font-weight:500}.feat-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.feat-grid a{background:var(--uc-surface);border:1px solid var(--uc-border);height:100%;color:inherit;border-radius:12px;flex-direction:column;gap:.2rem;padding:.75rem .9rem;text-decoration:none;display:flex}.feat-grid a:hover{border-color:var(--uc-accent)}.feat-grid .fname{justify-content:space-between;align-items:center;gap:.5rem;font-weight:650;display:flex}.feat-grid .fsum{color:var(--uc-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;display:-webkit-box;overflow:hidden}.empty{text-align:center;color:var(--uc-muted);border:1px dashed var(--uc-border);border-radius:var(--uc-radius);padding:2rem}.uc-head{background:linear-gradient(160deg, var(--brand-navy) 0%, var(--brand-navy-2) 100%);color:var(--hero-ink);padding:2rem 0 2.25rem}.uc-head h1{margin:.35rem 0 .75rem;font-size:clamp(1.7rem,4vw,2.5rem)}.uc-head .situation{color:var(--hero-muted);border-left:3px solid var(--uc-current);max-width:70ch;margin:0 0 1rem;padding-left:.9rem;font-size:1.12rem}.uc-head .pill{color:#dbe8f3;background:#ffffff14;border-color:#ffffff2e}.crumbs{color:var(--hero-muted);font-size:.88rem}.crumbs a{color:#bae6fd}.player-wrap{margin-top:-1rem}.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1rem;display:grid}.list{margin:0;padding-left:1.2rem}.list li{margin-bottom:.45rem}.video{aspect-ratio:16/9;border-radius:var(--uc-radius);background:#000;position:relative;overflow:hidden}.video button{cursor:pointer;background:linear-gradient(160deg, var(--brand-navy), var(--brand-navy-2));color:#fff;width:100%;font:inherit;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.video button .play{background:var(--uc-current);color:#1c1302;border-radius:50%;place-items:center;width:64px;height:64px;font-size:1.6rem;display:grid}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.site-footer{border-top:1px solid var(--uc-border);color:var(--uc-muted);margin-top:2rem;padding:2rem 0 2.5rem;font-size:.9rem}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}body.present .site-header,body.present .site-footer,body.present .no-present{display:none!important}body.present .player-wrap{max-width:none;margin:0;padding:0}@media print{.site-header,.site-footer,.theme-btn,body.uc-print-quiz main>:not(#quiz){display:none!important}body.uc-print-quiz #quiz .section-sub{display:none}body{background:#fff}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toc{border-bottom:1px solid var(--uc-border);background:var(--uc-surface)}.toc .wrap{flex-wrap:wrap;align-items:center;gap:.35rem 1rem;padding-top:.8rem;padding-bottom:.8rem;font-size:.92rem;display:flex}.toc a{font-weight:600;text-decoration:none}.toc a:hover{text-decoration:underline}section.band{background:var(--uc-surface);border-top:1px solid var(--uc-border);border-bottom:1px solid var(--uc-border)}.fsec h3{margin:0 0 .35rem;font-size:1.05rem}.prose-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}@media (width>=900px){.prose-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}}.prose p{max-width:70ch;margin:0 0 1rem;font-size:1.05rem}.callout{background:var(--uc-surface-2);border-left:4px solid var(--uc-current);border-radius:0 var(--uc-radius) var(--uc-radius) 0;padding:1rem 1.15rem}.callout p{color:var(--uc-muted);margin:0}.steps-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:2rem;display:grid}@media (width>=960px){.steps-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr)}}.steps{counter-reset:st;margin:0;padding:0;list-style:none}.steps li{counter-increment:st;padding:0 0 1.4rem 3.2rem;position:relative}.steps li:before{content:counter(st);background:var(--uc-accent);width:2.2rem;height:2.2rem;color:var(--uc-accent-ink);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:-.1rem;left:0}.steps li:not(:last-child):after{content:"";background:var(--uc-border);width:2px;position:absolute;top:2.3rem;bottom:.2rem;left:1.1rem}.steps p{color:var(--uc-muted);margin:0 0 .45rem}.fchips{flex-wrap:wrap;gap:.35rem;display:flex}.fchips a{border:1px solid var(--uc-accent);background:var(--uc-surface);border-radius:999px;padding:.1rem .6rem;font-size:.8rem;text-decoration:none}.fchips a:hover{background:var(--uc-accent);color:var(--uc-accent-ink)}.routes{background:var(--uc-surface);border:1px solid var(--uc-border);border-radius:var(--uc-radius);margin:0;padding:1.25rem}.band .routes{background:var(--uc-surface-2)}.routes figcaption{margin-bottom:1rem;font-weight:700}.routes-flow{flex-direction:column;align-items:center;display:flex}.r-node{border:1.5px solid var(--uc-accent);background:var(--uc-visited);border-radius:999px;padding:.5rem 1.1rem;font-weight:600}.r-menu{background:var(--uc-current);border-color:var(--uc-current);color:#1c1302;border-radius:10px}.r-line{background:var(--uc-accent);width:2px;height:1.2rem}.r-dest{border-top:2px solid var(--uc-accent);grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:.5rem;margin:0;padding:.8rem 0 0;list-style:none;display:grid}.r-dest li{border:1px solid var(--uc-border);background:var(--uc-surface);border-radius:10px;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.9rem;display:flex}.r-arrow{color:var(--uc-accent);font-weight:700}.benefits{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem;display:grid}.band .card{background:var(--uc-surface-2)}.bnum{color:var(--uc-accent);font-size:1.6rem;font-weight:800;line-height:1}.sub-h{margin:2rem 0 .9rem;font-size:1.15rem}.examples{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.examples li{border-left:3px solid var(--uc-accent);background:var(--uc-surface);border-radius:0 10px 10px 0;flex-direction:column;gap:.2rem;padding:.8rem 1rem;display:flex}.band .examples li{background:var(--uc-surface-2)}.examples span{color:var(--uc-muted);font-size:.92rem}.highlights{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1rem;display:grid}.highlight{border-top:4px solid var(--uc-accent);gap:.6rem}.checks{margin:.2rem 0 .3rem;padding:0;list-style:none}.checks li{margin-bottom:.4rem;padding-left:1.6rem;position:relative}.checks li:before{content:"✓";color:var(--uc-ok);font-weight:800;position:absolute;top:0;left:0}.steps-aside{flex-direction:column;gap:1.25rem;display:flex}.walk-h{margin:0 0 .6rem;font-size:1.3rem}.walk-card{background:var(--uc-surface);border:1px solid var(--uc-border);border-top:4px solid var(--uc-current);border-radius:var(--uc-radius);flex-direction:column;align-items:flex-start;gap:.55rem;padding:1.1rem 1.2rem;display:flex}.band .walk-card{background:var(--uc-surface-2)}.walk-card+.walk-card{margin-top:1rem}.walk-card h4{margin:0;font-size:1.1rem}.walk-card h4 a{color:inherit;text-decoration:none}.walk-card h4 a:hover{color:var(--uc-accent)}.walk-card p{margin:0}.walk-used{font-size:.9rem}.walk-sub{text-transform:uppercase;letter-spacing:.05em;color:var(--uc-muted);font-size:.78rem;font-weight:700;margin-top:.3rem!important}.cases{counter-reset:tc;width:100%;margin:0;padding:0;list-style:none}.cases li{counter-increment:tc}.cases a{color:inherit;border-radius:8px;grid-template-columns:2.4rem 1fr;align-items:baseline;gap:.05rem .4rem;padding:.45rem .6rem;font-size:.92rem;text-decoration:none;display:grid}.cases a:before{content:"TC" counter(tc);color:var(--uc-accent);min-width:2.1rem;font-size:.72rem;font-weight:700}.cases li:nth-child(odd) a{background:var(--uc-surface-2)}.band .cases li:nth-child(odd) a{background:var(--uc-surface)}.cases a:hover{outline:1.5px solid var(--uc-accent)}.case-end{color:var(--uc-accent);grid-column:2;font-weight:650}.tiles{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:-3rem;display:grid;position:relative}.tile{border-radius:22px;padding:1.4rem 1.1rem 1.2rem;box-shadow:0 10px 30px -18px #0b254073}@media (width>=720px){.tile{padding:2rem 2rem 1.5rem}}.tile-problems{background:var(--uc-surface);border:1px solid var(--uc-border)}.tile-walk{background:radial-gradient(700px 300px at 100% 0%, #38bdf838, transparent 60%), linear-gradient(150deg, var(--brand-navy) 0%, var(--brand-navy-2) 100%);color:#fff}.tile-head{flex:320px;min-width:0}.tile-head h2{margin:.3rem 0 .35rem;font-size:clamp(1.4rem,3vw,1.9rem)}.tile-head .section-sub{margin:0}.tile-walk .eyebrow{color:#7dd3fc}.tile-walk .section-sub,.muted-on-dark{color:var(--hero-muted)}.car{--pv:3}.car.per-2{--pv:2}.car.per-1{--pv:1}@media (width<=1000px){.car.per-3{--pv:2}}@media (width<=640px){.car.per-3,.car.per-2{--pv:1.12}}.car-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.car-ctrl{align-items:center;gap:.5rem;margin-left:auto;display:flex}.car-btn{border:1px solid var(--uc-border);background:var(--uc-surface);width:44px;height:44px;color:var(--uc-text);cursor:pointer;border-radius:50%;place-items:center;font-size:.8rem;transition:background .15s,color .15s,border-color .15s;display:grid}.car-btn:hover{background:var(--uc-accent);border-color:var(--uc-accent);color:var(--uc-accent-ink)}.car-dark .car-btn{color:#fff;background:#ffffff14;border-color:#ffffff47}.car-dark .car-btn:hover{background:var(--uc-current);border-color:var(--uc-current);color:#1c1302}.car-pause{width:36px;height:36px}.car-count{font-variant-numeric:tabular-nums;text-align:center;min-width:3.2rem;color:var(--uc-muted);font-size:.92rem;font-weight:600}.car-dark .car-count{color:var(--hero-muted)}.car-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:1rem;margin:0;padding:4px 2px 6px;list-style:none;display:flex;overflow-x:auto}.car-track::-webkit-scrollbar{display:none}.car-track:focus-visible{outline-offset:4px;border-radius:12px}.car-track>li{flex:0 0 calc((100% - (var(--pv) - 1) * 1rem) / var(--pv));scroll-snap-align:start;min-width:0}.car-dots{justify-content:center;gap:.45rem;margin-top:1rem;display:flex}.car-dot{background:var(--uc-border);cursor:pointer;border:0;border-radius:99px;width:10px;height:10px;padding:0;transition:width .25s,background .25s}.car-dot[aria-current=true]{background:var(--uc-accent);width:28px}.car-dark .car-dot{background:#ffffff4d}.car-dark .car-dot[aria-current=true]{background:var(--uc-current)}.car-static .car-ctrl,.car-static .car-dots{display:none}.pcard{border:1px solid var(--uc-border);background:var(--uc-surface-2);border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden}.pcard img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.pcard-body{flex-direction:column;flex:1;gap:.6rem;padding:1rem 1.1rem 1.15rem;display:flex}.pcard .quote{margin:0}.pcard .go{margin-top:auto}.soon-line{color:var(--uc-muted);margin-top:auto;font-size:.92rem}.wcard{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:2rem;height:100%;display:grid}@media (width<=760px){.wcard{grid-template-columns:1fr;gap:1rem}}.wcard-img img{border-radius:16px;width:100%;height:auto;display:block;box-shadow:0 18px 40px -20px #0009}.wcard.is-soon .wcard-img img{filter:saturate(.7);opacity:.85}.wcard-body{flex-direction:column;align-items:flex-start;gap:.8rem;display:flex}.wcard-body h3{margin:0;font-size:clamp(1.3rem,2.6vw,1.75rem)}.wcard-body p{color:#dbe8f3;margin:0;font-size:1.05rem}.tile-walk .pill{color:#dbe8f3;background:#ffffff1a;border-color:#ffffff38}.tile-walk .pill.play{background:var(--uc-current);border-color:var(--uc-current);color:#1c1302}.tile-walk .pill.soon{color:#fde68a;border-color:#fde68a73}.wfeat{flex-wrap:wrap;gap:.35rem;display:flex}.wfeat a{color:#bae6fd;border:1px solid #bae6fd66;border-radius:999px;padding:.12rem .6rem;font-size:.82rem;text-decoration:none}.wfeat a:hover{background:#bae6fd26}#features{padding-top:3rem}