@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.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:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.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:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.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{--color-page: oklch(96.5% .008 80);--color-card: oklch(99% .005 65);--color-text: oklch(22% .01 80);--color-text-muted: oklch(45% .012 80);--color-text-subtle: oklch(48% .01 80);--color-accent: oklch(58% .14 280);--color-accent-light: oklch(94% .03 280);--color-border: oklch(90% .008 80);--color-civi: oklch(95% .04 280);--color-civi-ring: oklch(58% .14 280 / .18);--color-hyper: oklch(64% .18 280);--color-hint: oklch(55% .008 80);--color-hint-arrow: oklch(58% .006 80);--color-important-border: oklch(78% .12 70);--color-urgent-border: oklch(78% .14 55);--color-carry-border: oklch(75% .1 70);--color-swipe-carry: oklch(55% .08 250);--color-swipe-pool: oklch(55% .06 160);--color-swipe-delete: oklch(55% .04 80);--color-event-bg: oklch(82% 0 0);--color-event-border: oklch(70% 0 0);--color-event-text: oklch(30% 0 0);--color-toast-bg: oklch(92% .04 230);--color-toast-text: oklch(50% .012 80);--shadow-card: 0 1px 2px oklch(25% .02 80 / .06), 0 3px 8px oklch(25% .02 80 / .09), 0 10px 24px oklch(25% .02 80 / .07);--radius-card: 14px;--radius-sm: 8px;--radius-lg: 16px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-page: oklch(7% .003 280);--color-card: oklch(12% .006 280);--color-text: oklch(96% .004 280);--color-text-muted: oklch(68% .006 280);--color-text-subtle: oklch(54% .005 280);--color-accent: oklch(76% .14 280);--color-accent-light: oklch(20% .06 280);--color-border: oklch(18% .005 280);--color-civi: oklch(18% .05 280);--color-civi-ring: oklch(76% .14 280 / .24);--color-hyper: oklch(82% .18 280);--shadow-card: 0 1px 2px oklch(0% 0 0 / .55), 0 6px 16px oklch(0% 0 0 / .45), 0 16px 40px oklch(0% 0 0 / .4);--color-important-border: oklch(70% .11 70);--color-urgent-border: oklch(70% .13 55);--color-carry-border: oklch(66% .09 70);--color-swipe-carry: oklch(65% .08 250);--color-swipe-pool: oklch(65% .06 160);--color-swipe-delete: oklch(60% .04 80);--color-event-bg: oklch(22% .005 280);--color-event-border: oklch(34% .006 280);--color-event-text: oklch(86% .005 280);--color-toast-bg: oklch(18% .04 230);--color-toast-text: oklch(85% .012 280)}}:root[data-theme=dark]{--color-page: oklch(7% .003 280);--color-card: oklch(12% .006 280);--color-text: oklch(96% .004 280);--color-text-muted: oklch(68% .006 280);--color-text-subtle: oklch(54% .005 280);--color-accent: oklch(76% .14 280);--color-accent-light: oklch(20% .06 280);--color-border: oklch(18% .005 280);--color-civi: oklch(18% .05 280);--color-civi-ring: oklch(76% .14 280 / .24);--color-hyper: oklch(82% .18 280);--shadow-card: 0 1px 2px oklch(0% 0 0 / .55), 0 6px 16px oklch(0% 0 0 / .45), 0 16px 40px oklch(0% 0 0 / .4);--color-important-border: oklch(70% .11 70);--color-urgent-border: oklch(70% .13 55);--color-carry-border: oklch(66% .09 70);--color-swipe-carry: oklch(65% .08 250);--color-swipe-pool: oklch(65% .06 160);--color-swipe-delete: oklch(60% .04 80);--color-event-bg: oklch(22% .005 280);--color-event-border: oklch(34% .006 280);--color-event-text: oklch(86% .005 280);--color-toast-bg: oklch(18% .04 230);--color-toast-text: oklch(85% .012 280)}:root[data-accent=teal]{--color-accent: oklch(62% .12 185);--color-accent-light: oklch(94% .03 185);--color-civi: oklch(95% .04 185);--color-civi-ring: oklch(62% .12 185 / .18);--color-hyper: oklch(68% .16 185)}@media(prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=teal]{--color-accent: oklch(72% .12 185);--color-accent-light: oklch(28% .04 185);--color-civi: oklch(26% .05 185);--color-civi-ring: oklch(72% .12 185 / .18);--color-hyper: oklch(78% .16 185)}}:root[data-theme=dark][data-accent=teal]{--color-accent: oklch(72% .12 185);--color-accent-light: oklch(28% .04 185);--color-civi: oklch(26% .05 185);--color-civi-ring: oklch(72% .12 185 / .18);--color-hyper: oklch(78% .16 185)}:root[data-accent=forest]{--color-accent: oklch(62% .12 150);--color-accent-light: oklch(94% .03 150);--color-civi: oklch(95% .04 150);--color-civi-ring: oklch(62% .12 150 / .18);--color-hyper: oklch(68% .16 150)}@media(prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=forest]{--color-accent: oklch(72% .12 150);--color-accent-light: oklch(28% .04 150);--color-civi: oklch(26% .05 150);--color-civi-ring: oklch(72% .12 150 / .18);--color-hyper: oklch(78% .16 150)}}:root[data-theme=dark][data-accent=forest]{--color-accent: oklch(72% .12 150);--color-accent-light: oklch(28% .04 150);--color-civi: oklch(26% .05 150);--color-civi-ring: oklch(72% .12 150 / .18);--color-hyper: oklch(78% .16 150)}:root[data-accent=amber]{--color-accent: oklch(62% .12 65);--color-accent-light: oklch(94% .03 65);--color-civi: oklch(95% .04 65);--color-civi-ring: oklch(62% .12 65 / .18);--color-hyper: oklch(68% .16 65)}@media(prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=amber]{--color-accent: oklch(72% .12 65);--color-accent-light: oklch(28% .04 65);--color-civi: oklch(26% .05 65);--color-civi-ring: oklch(72% .12 65 / .18);--color-hyper: oklch(78% .16 65)}}:root[data-theme=dark][data-accent=amber]{--color-accent: oklch(72% .12 65);--color-accent-light: oklch(28% .04 65);--color-civi: oklch(26% .05 65);--color-civi-ring: oklch(72% .12 65 / .18);--color-hyper: oklch(78% .16 65)}*,*:before,*:after{box-sizing:border-box}body{font-family:Lexend Variable,sans-serif;background-color:var(--color-page);color:var(--color-text);line-height:1.7;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lang-block[hidden],[data-lang][hidden]{display:none}header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;max-width:40rem;margin:0 auto}.logo{font-weight:600;font-size:1.125rem;color:var(--color-text)}.lang-toggle{display:flex;align-items:center;gap:.125rem}.lang-toggle button{border:none;background:transparent;cursor:pointer;padding:.25rem .5rem;color:var(--color-text-muted);font-family:inherit;font-size:.875rem}.lang-toggle button[aria-pressed=true]{color:var(--color-text);font-weight:600}.lang-toggle span{color:var(--color-border)}.hero{text-align:center;padding:4rem 1.5rem 3rem;max-width:36rem;margin:0 auto}.hero h1{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.3;font-weight:600;margin:0 0 1rem;color:var(--color-text)}.value-prop{color:var(--color-text-muted);font-size:1.125rem;margin:0 0 2rem}.cta-button{display:inline-block;background:var(--color-accent);color:#fff;padding:.875rem 2rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:500;font-size:1rem;font-family:inherit;transition:opacity .15s}.cta-button:hover{opacity:.9}.problem{max-width:36rem;margin:0 auto;padding:0 1.5rem 3rem;color:var(--color-text-muted);font-size:1.0625rem;line-height:1.8}.problem p{margin:0}.problem .problem-different{color:var(--color-text);font-weight:500;margin-top:.5rem}.features{display:grid;grid-template-columns:1fr;gap:1rem;max-width:40rem;margin:0 auto;padding:0 1.5rem 3rem}@media(min-width:640px){.features{grid-template-columns:1fr 1fr;gap:1.5rem}}.feature-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:1.5rem;box-shadow:var(--shadow-card)}.feature-card .icon{color:var(--color-accent);margin-bottom:.75rem;display:block}.feature-card .feature-title{font-weight:600;font-size:.9375rem;margin:0 0 .25rem;color:var(--color-text)}.feature-card .feature-desc{color:var(--color-text-muted);font-size:.875rem;margin:0;line-height:1.6}.personal-note{max-width:36rem;margin:0 auto;padding:0 1.5rem 2rem;text-align:center}.personal-note p{color:var(--color-text-muted);font-size:.875rem;font-style:italic;margin:0}.bottom-cta{text-align:center;padding:0 1.5rem 4rem}footer{text-align:center;padding:2rem 1.5rem;color:var(--color-text-muted);font-size:.75rem;border-top:1px solid var(--color-border)}footer span+span{margin-left:1rem}footer a{color:var(--color-accent);text-decoration:none;margin-left:1rem}footer a:hover{text-decoration:underline}footer a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}