@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #f7f7f4;--ink: #14151a;--ink-soft: #4c4f58;--cobalt: #2b3cf2;--cobalt-deep: #1f2ed9;--ice: #e9ebff;--amber: #ffb224;--line: #e2e2da;--card: #ffffff;--font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, monospace;--gutter: clamp(1.25rem, 4vw, 4rem);--section-gap: clamp(5rem, 12vw, 10rem);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:var(--cobalt);color:#fff}a{color:inherit}img,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:2px}section{scroll-margin-top:5.5rem}.wrap{max-width:76rem;margin:0 auto;padding-inline:var(--gutter)}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.eyebrow:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--amber);flex-shrink:0}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.05;letter-spacing:-.02em;max-width:20ch;margin-top:1.1rem}.section-sub{color:var(--ink-soft);max-width:52ch;margin-top:1.25rem;font-size:1.1rem}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.6rem;border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;border:2px solid transparent;transition:transform .25s var(--ease-out),background .25s,border-color .25s,color .25s}.btn-primary{background:var(--cobalt);color:#fff}.btn-primary:hover{background:var(--cobalt-deep);transform:translateY(-2px)}.btn-ghost{border-color:var(--ink);color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.btn .btn-arrow{transition:transform .25s var(--ease-out)}.btn:hover .btn-arrow{transform:translate(4px)}.nav{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}.nav.scrolled{background:#f7f7f4d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:4.5rem}.nav-logo{font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.02em;text-decoration:none}.nav-logo span{color:var(--cobalt)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{text-decoration:none;font-size:.95rem;font-weight:500;color:var(--ink-soft);transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav .btn{padding:.6rem 1.2rem;font-size:.9rem}@media(max-width:760px){.nav-links{display:none}}.hero{position:relative;padding-top:clamp(8rem,16vh,11rem);padding-bottom:clamp(3rem,6vw,5rem);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:center}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.9rem,6.6vw,5.6rem);line-height:1.02;letter-spacing:-.03em;margin-top:1.4rem}.hero-word{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}.hero-word>span{display:inline-block}.hero-accent{color:var(--cobalt)}.hero-sub{margin-top:1.75rem;font-size:1.15rem;color:var(--ink-soft);max-width:46ch}.hero-ctas{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.25rem}@media(max-width:980px){.hero-grid{grid-template-columns:1fr}}.hero-stage{position:relative;min-height:24rem}.demo-browser{position:relative;z-index:2;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px -24px #14151a47;overflow:hidden}.demo-chrome{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;border-bottom:1px solid var(--line)}.demo-dots{display:flex;gap:.35rem}.demo-dots i{width:.6rem;height:.6rem;border-radius:50%;background:var(--line)}.demo-dots i:first-child{background:#f2b8b5}.demo-dots i:nth-child(2){background:#f5d998}.demo-dots i:last-child{background:#b8dbc5}.demo-url{flex:1;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft);background:var(--paper);border-radius:6px;padding:.3rem .7rem}.demo-body{padding:1.1rem 1.2rem 1.4rem}.demo-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.demo-logo{width:1.4rem;height:1.4rem;border-radius:6px;background:var(--cobalt)}.demo-navlink{height:.45rem;width:2.4rem;border-radius:999px;background:var(--line)}.demo-navlink:last-child{margin-left:auto;background:var(--ice);width:3.2rem;height:1.2rem}.demo-hero{background:var(--ice);border-radius:10px;padding:1.4rem 1.2rem}.demo-headline{font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}.demo-line{height:.5rem;border-radius:999px;background:#2b3cf22e;margin-top:.6rem;transform-origin:left center}.demo-btn{display:inline-block;margin-top:1rem;background:var(--cobalt);color:#fff;font-size:.78rem;font-weight:600;padding:.45rem 1rem;border-radius:999px}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.1rem}.demo-card{border:1px solid var(--line);border-radius:8px;padding:.6rem}.demo-card i{display:block;height:2rem;border-radius:5px;background:var(--paper);margin-bottom:.5rem}.demo-card b{display:block;height:.4rem;width:70%;border-radius:999px;background:var(--line)}.demo-float{position:absolute;z-index:3;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px -20px #14151a4d;padding:.8rem 1rem;font-family:var(--font-mono);font-size:.75rem;color:var(--ink-soft)}.demo-float-score{top:-1.6rem;right:-.5rem;display:flex;align-items:center;gap:.6rem}.demo-float-score strong{font-family:var(--font-display);font-size:1.3rem;color:var(--cobalt)}.demo-float-live{bottom:-1.4rem;left:-1rem;display:flex;align-items:center;gap:.5rem}.demo-float-live i{width:.55rem;height:.55rem;border-radius:50%;background:#2fa465;animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #2fa46580}50%{box-shadow:0 0 0 7px #2fa46500}}@media(max-width:980px){.hero-stage{max-width:30rem}}.hero-strip{margin-top:clamp(3.5rem,7vw,6rem);border-block:1px solid var(--line);padding-block:.9rem;overflow:hidden}.strip-track{display:flex;gap:2.5rem;width:max-content;animation:marquee 28s linear infinite}.strip-item{display:flex;align-items:center;gap:2.5rem;font-family:var(--font-display);font-weight:600;font-size:1rem;letter-spacing:.02em;white-space:nowrap;color:var(--ink-soft)}.strip-item:after{content:"✳";color:var(--amber);font-size:.85rem}@keyframes marquee{to{transform:translate(calc(-50% - 1.25rem))}}.showcase{padding-top:var(--section-gap)}.showcase-head{margin-bottom:clamp(2.5rem,5vw,4rem)}.showcase-wall{transform:rotate(-2deg);width:112vw;margin-left:-6vw;display:flex;flex-direction:column;gap:1.6rem;padding-block:2rem}.wall-row{overflow:hidden}.wall-track{display:flex;gap:1.6rem;width:max-content;animation:marquee var(--dur, 60s) linear infinite}.wall-track.reverse{animation-direction:reverse}.showcase-wall:hover .wall-track{animation-play-state:paused}@keyframes wall{to{transform:translate(calc(-50% - .8rem))}}.wall-track{animation-name:wall}.site-card{width:clamp(19rem,28vw,26rem);flex-shrink:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 18px 44px -26px #14151a59;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.site-card:hover{transform:translateY(-8px) rotate(.5deg);box-shadow:0 30px 60px -26px #14151a73}.site-chrome{display:flex;align-items:center;gap:.7rem;padding:.55rem .85rem;border-bottom:1px solid var(--line);background:var(--card)}.site-chrome .demo-url{padding-block:.25rem}.site-body{background:var(--sc-bg);color:var(--sc-ink);padding:1rem 1.1rem 1.2rem;min-height:15.5rem;display:flex;flex-direction:column}.site-nav{display:flex;align-items:baseline;gap:.8rem;margin-bottom:1.4rem}.site-logo{font-family:var(--font-display);font-weight:800;font-size:.95rem;letter-spacing:-.01em}.site-navlinks{margin-left:auto;display:flex;gap:.4rem}.site-navlinks i{width:1.6rem;height:.35rem;border-radius:999px;background:var(--sc-ink);opacity:.25}.site-headline{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.05;letter-spacing:-.02em;max-width:12ch}.site-type{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;opacity:.65;margin-bottom:.6rem}.site-cta{display:inline-block;align-self:flex-start;margin-top:1rem;background:var(--sc-accent);color:var(--sc-accent-ink);font-size:.75rem;font-weight:700;padding:.4rem .95rem;border-radius:999px}.site-blocks{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.55rem;margin-top:auto;padding-top:1.3rem}.site-blocks i{height:2.6rem;border-radius:7px;background:var(--sc-ink);opacity:.12}.site-blocks i:first-child{background:var(--sc-accent);opacity:.85}.theme-peach{--sc-bg: #ffe8d6;--sc-ink: #5a2e14;--sc-accent: #e2572b;--sc-accent-ink: #fff4ec}.theme-slate{--sc-bg: #1d232b;--sc-ink: #f0ede6;--sc-accent: #d9a441;--sc-accent-ink: #1d232b}.theme-moss{--sc-bg: #eaf2e3;--sc-ink: #2c4a24;--sc-accent: #d96c9a;--sc-accent-ink: #fff}.theme-espresso{--sc-bg: #2e211b;--sc-ink: #f4e9dd;--sc-accent: #e0763c;--sc-accent-ink: #2e211b}.theme-coal{--sc-bg: #17181c;--sc-ink: #f2f2ef;--sc-accent: #ff5c39;--sc-accent-ink: #17181c}.theme-marine{--sc-bg: #e3eefc;--sc-ink: #123a63;--sc-accent: #1f6fd6;--sc-accent-ink: #fff}.theme-lilac{--sc-bg: #efe9f7;--sc-ink: #3c2a55;--sc-accent: #7a4fd0;--sc-accent-ink: #fff}.theme-tomato{--sc-bg: #fdf3e3;--sc-ink: #6b1a12;--sc-accent: #cf2f21;--sc-accent-ink: #fff6ee}.services{padding-top:var(--section-gap)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:clamp(2.5rem,5vw,3.5rem)}.service-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:2rem 1.8rem;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s}.service-card:hover{transform:translateY(-6px);border-color:var(--cobalt);box-shadow:0 24px 48px -28px #2b3cf259}.service-icon{width:3rem;height:3rem;border-radius:12px;background:var(--ice);color:var(--cobalt);display:grid;place-items:center;margin-bottom:1.4rem;transition:transform .35s var(--ease-out)}.service-card:hover .service-icon{transform:rotate(-8deg) scale(1.08)}.service-card h3{font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:-.01em;margin-bottom:.7rem}.service-card p{color:var(--ink-soft);font-size:.98rem}@media(max-width:900px){.services-grid{grid-template-columns:1fr}}.process{padding-top:var(--section-gap)}.process-list{margin-top:clamp(2.5rem,5vw,3.5rem);border-top:1px solid var(--line)}.process-step{display:grid;grid-template-columns:5rem minmax(0,18rem) 1fr;gap:clamp(1rem,3vw,2.5rem);align-items:baseline;padding-block:2rem;border-bottom:1px solid var(--line)}.process-num{font-family:var(--font-mono);font-size:.9rem;color:var(--cobalt)}.process-step h3{font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.01em}.process-step p{color:var(--ink-soft);max-width:52ch}@media(max-width:760px){.process-step{grid-template-columns:3rem 1fr}.process-step p{grid-column:2}}.about{padding-top:var(--section-gap)}.about-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(2.5rem,6vw,5rem);align-items:start;margin-top:clamp(2.5rem,5vw,3.5rem)}.about-body p{color:var(--ink-soft);font-size:1.1rem}.about-body p+p{margin-top:1.2rem}.partners{display:grid;gap:1.4rem}.partner-card{display:flex;gap:1.3rem;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.6rem;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.partner-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -28px #14151a59}.partner-avatar{flex-shrink:0;width:4.2rem;height:4.2rem;border-radius:14px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.3rem;background:var(--ink);color:var(--paper)}.partners>div:nth-child(2) .partner-avatar{background:var(--cobalt);color:#fff}.partner-card h3{font-family:var(--font-display);font-weight:700;font-size:1.25rem}.partner-role{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--cobalt);margin:.3rem 0 .6rem}.partner-card p{color:var(--ink-soft);font-size:.95rem}@media(max-width:900px){.about-grid{grid-template-columns:1fr}}.contact{padding-top:var(--section-gap);padding-bottom:clamp(4rem,8vw,6rem)}.contact-inner{background:var(--ink);color:var(--paper);border-radius:24px;padding:clamp(2.5rem,6vw,5rem);position:relative;overflow:hidden}.contact-inner .eyebrow{color:#f7f7f499}.contact-inner .section-title{color:var(--paper)}.contact-inner .section-sub{color:#f7f7f4b8}.contact-email{display:inline-block;margin-top:2.5rem;font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,4.6vw,3.4rem);letter-spacing:-.02em;color:var(--paper);text-decoration:none;background-image:linear-gradient(var(--cobalt),var(--cobalt));background-repeat:no-repeat;background-size:0% .12em;background-position:0 96%;transition:background-size .45s var(--ease-out);overflow-wrap:anywhere}.contact-email:hover{background-size:100% .12em}.contact-meta{display:flex;flex-wrap:wrap;gap:1rem 3rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(247,247,244,.16);font-size:.95rem;color:#f7f7f4b8}.contact-meta a{color:var(--paper);text-decoration:none;border-bottom:1px solid rgba(247,247,244,.3);transition:border-color .2s,color .2s}.contact-meta a:hover{border-bottom-color:var(--amber)}.contact-socials{display:flex;gap:1.4rem;margin-left:auto}@media(max-width:760px){.contact-socials{margin-left:0}}.footer{overflow:hidden;padding-bottom:1.5rem}.footer-wordmark{font-family:var(--font-display);font-weight:800;font-size:clamp(4rem,17.5vw,15rem);line-height:.95;letter-spacing:-.04em;text-align:center;color:var(--ink);-webkit-user-select:none;user-select:none}.footer-wordmark span{color:var(--cobalt)}.footer-note{text-align:center;font-size:.85rem;color:var(--ink-soft);margin-top:1.5rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.strip-track,.wall-track,.demo-float-live i{animation:none}.wall-row{overflow-x:auto}*,*:before,*:after{transition-duration:.01ms!important}}