@font-face{font-family:Noto Sans Sinhala;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-sinhala-sinhala-500-normal-jksuUY-V.woff2)format("woff2"),url(/assets/noto-sans-sinhala-sinhala-500-normal-D2ebDhBt.woff)format("woff")}.hero{--u:min(calc(100vw / 1280), calc(100svh / 640));--frame-w:calc(1280 * var(--u));--frame-x:calc(50% - 640 * var(--u));--cu:var(--u);--hb:var(--u);--tb:var(--u);--nu:var(--u);--layout:desktop;--strip-top:calc(84 * var(--u));--strip-w:var(--frame-w);--strip-bot:calc(10 * var(--u));--band:#0a1128;--nav:#a9b6cb;--cta-bg:#fefcfb;--cta-ink:#0a1128;--accent:#1282a2;background:var(--band);isolation:isolate;color:#fefcfb;text-rendering:geometricprecision;width:100%;height:100svh;min-height:520px;font-family:Hanken Grotesk Variable,Hanken Grotesk,system-ui,sans-serif;position:relative;overflow:hidden}.hero a{color:inherit;text-decoration:none}.hero ul{margin:0;padding:0;list-style:none}.hero :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.hero .scene{z-index:0;pointer-events:none;background:#0a1128;position:absolute;inset:0;overflow:hidden}.hero .building{object-fit:cover;object-position:62% 35%;transform-origin:70% 30%;width:100%;max-width:none;height:100%;animation:26s ease-in-out infinite alternate ul-kenburns;position:absolute;inset:0}.hero .scene:after{content:"";background:linear-gradient(#0a11281a 38%,#0a11288c 68%,#0a1128eb 100%),linear-gradient(90deg,#0a1128b3 0%,#0a112826 55%,#0000 100%);position:absolute;inset:0}@keyframes ul-kenburns{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.14)translate(-2%,1.5%)}}.hero .product{z-index:3;left:calc(var(--frame-x) + 690 * var(--u));bottom:calc(26 * var(--u));height:calc(410 * var(--u));pointer-events:none;-webkit-user-select:none;user-select:none;filter:brightness(.9)contrast(1.03)drop-shadow(0 5pt 5pt #0000008c);width:auto;max-width:none;position:absolute}.hero .floor{z-index:3;left:calc(var(--frame-x) + 700 * var(--u));bottom:calc(14 * var(--u));width:calc(380 * var(--u));height:calc(28 * var(--u));pointer-events:none;background:radial-gradient(closest-side,#0009,#00000040 60%,#0000);border-radius:50%;position:absolute}.hero .lift{height:var(--band-h,calc(350 * var(--u)));z-index:1;pointer-events:none;mix-blend-mode:screen;background:#1282a247;position:absolute;top:0;left:0;right:0}.hero .band{z-index:2;grid-template-columns:1fr var(--strip-w) 1fr;grid-template-rows:var(--strip-top) calc(var(--strip-w) / 5) var(--strip-bot);display:grid;position:absolute;top:0;left:0;right:0}.hero .band>span{background:var(--band)}.hero .band .band-top,.hero .band .band-bot{grid-column:1/-1}.hero .band h1{background:var(--band);-webkit-mask:var(--wordmark) center / 100% 100% no-repeat;-webkit-mask:var(--wordmark) center / 100% 100% no-repeat;mask:var(--wordmark) center / 100% 100% no-repeat;grid-area:2/2;margin:0;font-size:0;line-height:0;position:relative}.hero .lids{z-index:3;pointer-events:none;grid-area:2/2;position:relative}.hero .lid{background:var(--band);opacity:0;transform-origin:50% 0;position:absolute;top:0;bottom:0}.hero .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero .nav{top:0;left:var(--frame-x);width:var(--frame-w);height:calc(84 * var(--u));z-index:4;position:absolute}.hero .nav .col{top:calc(10.5 * var(--u));font-weight:250;font-size:calc(14.286 * var(--nu));line-height:calc(18 * var(--nu));white-space:nowrap;color:var(--nav);text-transform:uppercase;position:absolute}.hero .nav .col a{letter-spacing:-.075em;transition:opacity .15s,color .15s;display:inline-block}.hero .nav .col a:hover{color:#fefcfb}.hero .tagline{left:calc(509 * var(--u));top:calc(11.357 * var(--u));font-weight:250;font-size:calc(14.286 * var(--nu));line-height:calc(14.286 * var(--nu));letter-spacing:-.09em;word-spacing:calc(3.44 * var(--nu));white-space:nowrap;color:var(--nav);text-transform:uppercase;margin:0;position:absolute}.hero .cta{left:calc(1067.5 * var(--u));top:calc(9.5 * var(--u));width:calc(199.5 * var(--cu));height:calc(28.5 * var(--cu));background:var(--cta-bg);color:var(--cta-ink);border-radius:calc(2 * var(--cu));white-space:nowrap;transition:filter .15s,background-color .15s;position:absolute}.hero .cta:hover{background:#dff1f6}.hero .cta svg{left:calc(10 * var(--cu));top:calc(10 * var(--cu));width:calc(10 * var(--cu));height:calc(10 * var(--cu));position:absolute}.hero .cta span{left:calc(25.5 * var(--cu));top:calc(8.357 * var(--cu));font-weight:280;font-size:calc(14.286 * var(--cu));line-height:calc(14.286 * var(--cu));letter-spacing:-.07em;word-spacing:calc(3.2 * var(--cu));position:absolute}.hero .menu-btn{display:none}.hero .nav-links{display:contents}.hero .copy{left:var(--frame-x);width:var(--frame-w);height:calc(100 * var(--u));z-index:3;position:absolute;bottom:0}.hero .headline{left:calc(40 * var(--u));top:calc(21.715 * var(--u));font-weight:290;font-size:calc(28.571 * var(--hb));line-height:calc(28.571 * var(--hb));letter-spacing:-.031em;word-spacing:calc(5.62 * var(--hb));white-space:nowrap;text-transform:uppercase;margin:0;position:absolute}.hero .meta{left:calc(40 * var(--u));top:calc(66 * var(--u));align-items:center;gap:calc(10 * var(--tb));white-space:nowrap;display:flex;position:absolute}.hero .meta .dot{width:calc(9 * var(--tb));height:calc(9 * var(--tb));background:var(--accent);box-shadow:0 0 0 calc(3 * var(--tb)) #1282a24d;border-radius:50%}.hero .meta .word{font-weight:500;font-size:calc(12.286 * var(--tb));letter-spacing:-.012em;line-height:1}.hero .meta .mono{font-family:JetBrains Mono Variable,ui-monospace,Menlo,monospace;font-weight:400;font-size:calc(11.37 * var(--tb));letter-spacing:-.024em;color:#dfe7f1;text-transform:uppercase;line-height:1}.hero .meta a.mono:hover{color:#fefcfb;text-underline-offset:3px;text-decoration:underline}.hero .callouts{z-index:4;pointer-events:none;position:absolute;inset:0}.hero .callout{right:calc(100% - var(--frame-x) - var(--x) * var(--u));bottom:calc(var(--y) * var(--u) - .5px);align-items:center;gap:calc(10 * var(--u));font-family:JetBrains Mono Variable,ui-monospace,Menlo,monospace;font-size:calc(11 * var(--u));letter-spacing:-.02em;text-transform:uppercase;color:#cdd7e4;white-space:nowrap;display:flex;position:absolute;transform:translateY(50%)}.hero .callout i{width:calc(var(--len) * var(--u));background:#fefcfb73;height:1px;display:block;position:relative}.hero .callout i:after{content:"";width:calc(6 * var(--u));height:calc(6 * var(--u));box-shadow:0 0 0 calc(3 * var(--u)) #fefcfb40;background:#fefcfb;border-radius:50%;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.is-entering .hero .lid{opacity:1}.is-entering .hero :is(.nav .col,.menu-btn,.tagline,.cta,.headline,.meta,.callout,.product){opacity:0}@media (width<=1074.98px),(height<=537.98px){.hero{--layout:tablet;--pad:clamp(20px, 3.2vw, 32px);--nu:1px;--cu:1px;--hb:1px;--tb:1px;--head-h:72px;--strip-top:var(--head-h);--strip-w:min(100vw, calc((100svh - var(--head-h)) * .3 * 5));--strip-bot:10px}.hero .nav{width:100%;height:var(--head-h);padding:0 var(--pad);box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px;display:grid;left:0}.hero .menu-btn{min-height:44px;color:var(--nav);letter-spacing:-.087em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-self:start;align-items:center;gap:10px;padding:0 8px 0 0;font-family:inherit;font-size:14.286px;font-weight:250;line-height:1;display:inline-flex}.hero .menu-btn i{width:18px;height:7px;display:block;position:relative}.hero .menu-btn i:before,.hero .menu-btn i:after{content:"";background:currentColor;height:1px;transition:transform .22s;position:absolute;left:0;right:0}.hero .menu-btn i:before{top:0}.hero .menu-btn i:after{bottom:0}.hero .nav.is-open .menu-btn i:before{transform:translateY(3px)rotate(45deg)}.hero .nav.is-open .menu-btn i:after{transform:translateY(-3px)rotate(-45deg)}.hero .tagline{justify-self:center;position:static}.hero .cta{flex:none;justify-self:end;position:relative;top:auto;left:auto}.hero .cta:after{content:"";position:absolute;inset:-8px -6px}.hero .nav-links{top:var(--head-h);z-index:5;padding:0 var(--pad) 24px;background:var(--band);visibility:hidden;clip-path:inset(0 0 100%);grid-template-columns:repeat(3,max-content);column-gap:clamp(40px,7vw,88px);transition:clip-path .26s cubic-bezier(.2,.7,.2,1),visibility 0s linear .26s;display:grid;position:absolute;left:0;right:0}.hero .nav.is-open .nav-links{visibility:visible;clip-path:inset(0);transition:clip-path .26s cubic-bezier(.2,.7,.2,1)}.hero .nav .col{position:static}.hero .nav .col a{padding:12px 0}.hero .copy{width:100%;height:auto;left:0;bottom:calc(18px + env(safe-area-inset-bottom));padding:0 var(--pad);box-sizing:border-box;flex-direction:column;align-items:center;gap:15.7px;display:flex}.hero .headline,.hero .meta{position:relative;top:auto;left:auto}.hero .product{height:min(calc(100svh - var(--band-h,300px) - 210px), 68vw, 540px);bottom:150px;left:50%;transform:translate(-50%)}.hero .floor{width:min(60vw,460px);height:26px;bottom:138px;left:50%;transform:translate(-50%)}.hero .callouts{display:none}}@media (width<=559.98px){.hero{--layout:mobile;--pad:clamp(14px, 4.2vw, 22px);--head-h:64px;--tag-row:30px;--cu:min(1px, calc((100vw - 2 * var(--pad) - 88px) / 199.5));--hb:min(1.1px, calc((100vw - 2 * var(--pad)) / 300));--tb:min(1px, calc((100vw - 2 * var(--pad)) / 322));--strip-top:calc(var(--head-h) + var(--tag-row));--strip-w:calc(100vw - 2 * var(--pad));--strip-bot:10px}.hero .nav{grid-template-columns:1fr auto;grid-template-rows:var(--head-h) var(--tag-row);column-gap:12px;height:auto}.hero .menu-btn{grid-area:1/1}.hero .cta{grid-area:1/2}.hero .tagline{grid-area:2/1/auto/-1;place-self:start center;margin-top:2px}.hero .nav-links{top:calc(var(--head-h) + var(--tag-row));grid-template-columns:repeat(2,max-content);column-gap:clamp(24px,10vw,60px);padding-bottom:20px}.hero .copy{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 6px);gap:16px}.hero .headline{white-space:normal;text-align:center;text-wrap:balance;max-width:calc(318 * var(--hb));line-height:1.08}.hero .meta{white-space:normal;flex-wrap:wrap;justify-content:center;row-gap:8px}.hero .product{height:min(calc(100svh - var(--band-h,220px) - 230px), 84vw);bottom:170px}.hero .floor{width:74vw;height:22px;bottom:160px}}@media (hover:none){.hero .nav .col a:hover{color:var(--nav)}}@media (prefers-reduced-motion:reduce){.hero .building{animation:none}.hero .nav-links,.hero .nav.is-open .nav-links,.hero .menu-btn i:before,.hero .menu-btn i:after{transition:none}}