@charset "UTF-8";@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url("./media/baloo-2-devanagari-wght-normal-QUQELOWJ.woff2") format("woff2-variations");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url("./media/baloo-2-vietnamese-wght-normal-UGNKLSPA.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:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url("./media/baloo-2-latin-ext-wght-normal-EQMKGCKC.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:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url("./media/baloo-2-latin-wght-normal-PWVVZKSA.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,[data-theme=light]{--bg: #faf8f5;--bg-alt: #f2ede7;--bg-card: #ffffff;--fg: #1a1208;--fg-muted: #6b5a48;--accent: #b79171;--accent-dark: #8a6a50;--border: #e5d9cc;--shadow: rgba(90, 55, 20, .1)}[data-theme=dark]{--bg: #12100e;--bg-alt: #1c1814;--bg-card: #211d18;--fg: #f0e8de;--fg-muted: #a8927c;--accent: #b79171;--accent-dark: #d4aa88;--border: #3a3028;--shadow: rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Baloo 2 Variable",system-ui,sans-serif;background-color:var(--bg);color:var(--fg);transition:background-color .4s ease,color .4s ease;line-height:1.6}a{text-decoration:underline}.site-wrapper{min-height:100vh;display:flex;flex-direction:column;transition:opacity .4s ease}.site-wrapper.hidden{opacity:0;pointer-events:none}.site-wrapper.visible{opacity:1}.hero{display:flex;flex-direction:column;padding:6rem 2rem 5rem;max-width:1100px;margin:0 auto;width:100%}@media(max-width:700px){.hero{padding:3.5rem 1.25rem 3rem;text-align:center}}.hero .eyebrow{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.75rem}.hero h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15;color:var(--fg);margin-bottom:1.25rem}.hero .sub{font-size:1.1rem;color:var(--fg-muted);max-width:480px;margin-bottom:2rem;line-height:1.7}.hero .cta-group{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.75rem;border-radius:999px;font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer;border:2px solid transparent;font-family:inherit;transition:all .2s ease}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 16px var(--shadow)}.btn.ghost{background:transparent;color:var(--fg);border-color:var(--border)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.section{padding:5rem 2rem;background:var(--bg);transition:background-color .4s ease}.section.alt{background:var(--bg-alt)}.section>.container{max-width:1100px;margin:0 auto;width:100%}.section>.container.center{text-align:center}.section>.container>.label{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.75rem}.section>.container>.title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:var(--fg);line-height:1.2;margin-bottom:2rem}.section>.container>.subtitle{font-size:1.05rem;color:var(--fg-muted);line-height:1.7;margin-bottom:3rem}.about .grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media(max-width:700px){.about .grid{grid-template-columns:1fr;gap:2rem}}.about .text{display:flex;flex-direction:column;gap:1rem;font-size:1.05rem;color:var(--fg-muted);line-height:1.8}.about .text .accent,.about .text a{color:var(--fg)}.about .text .accent .accent,.about .text .accent a{color:var(--accent)}.about .skills{display:flex;flex-wrap:wrap;gap:.6rem;align-content:flex-start}.skill-tag{background:var(--bg-card);border:1.5px solid var(--border);color:var(--fg);padding:.35rem .9rem;border-radius:999px;font-size:.88rem;font-weight:600;transition:border-color .2s,color .2s}.skill-tag:hover{border-color:var(--accent);color:var(--accent)}.product .card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:1.5rem;padding:2.5rem;box-shadow:0 4px 32px var(--shadow);max-width:760px;transition:background-color .4s ease,border-color .4s ease}.product .header{margin-bottom:1.25rem}.product .logo-area{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.product .name{font-size:2rem;font-weight:800;color:var(--fg)}.product .slogan{font-size:1.15rem;color:var(--accent);font-weight:700}.product .desc{font-size:1.02rem;color:var(--fg-muted);line-height:1.75;margin-bottom:1.75rem}.product .features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}@media(max-width:500px){.product .features{grid-template-columns:1fr}}.product .feature{display:flex;align-items:center;gap:.6rem;font-size:.95rem;font-weight:600;color:var(--fg);background:var(--bg-alt);border-radius:.75rem;padding:.6rem 1rem;border:1px solid var(--border)}.product .feature .icon{font-size:1.1rem}.contact .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:960px;margin:0 auto}@media(max-width:860px){.contact .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.contact .grid{grid-template-columns:1fr}}.contact .card{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--bg-card);border:1.5px solid var(--border);border-radius:1.25rem;padding:1.75rem 1.25rem;text-decoration:none;box-shadow:0 2px 12px var(--shadow);transition:border-color .2s,transform .2s,box-shadow .2s}.contact .card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 24px var(--shadow)}.contact .icon{width:2.5rem;height:2.5rem;color:var(--accent);display:flex;align-items:center;justify-content:center}.contact .label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted)}.contact .value{font-size:.95rem;font-weight:600;color:var(--fg);text-align:center;word-break:break-all}.accent{color:var(--accent)}.croccantino{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:200;width:min(640px,100vw - 2rem);background:var(--bg-card);border:1.5px solid var(--border);border-radius:1.25rem;box-shadow:0 8px 40px var(--shadow);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;animation:croccantino-in .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes croccantino-in{0%{opacity:0;transform:translate(-50%) translateY(1.5rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.croccantino .body{display:flex;flex-direction:column;gap:.5rem}.croccantino .title{font-size:1rem;font-weight:800;color:var(--fg);letter-spacing:.01em}.croccantino .text{font-size:.88rem;color:var(--fg-muted);line-height:1.6}.croccantino button{align-self:flex-end;background:var(--accent);color:#fff;border:none;border-radius:999px;padding:.55rem 1.4rem;font-size:.88rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s,transform .15s}.croccantino button:hover{background:var(--accent-dark);transform:translateY(-1px)}[data-theme=dark] .croccantino{background:var(--accent);border-color:var(--accent)}[data-theme=dark] .croccantino .title,[data-theme=dark] .croccantino .text{color:var(--bg-card)}[data-theme=dark] .croccantino button{background:var(--bg-card);color:var(--accent)}[data-theme=dark] .croccantino button:hover{background:var(--bg-alt)}.footer{margin-top:auto;padding:2rem;text-align:center;background:var(--bg);border-top:1px solid var(--border);font-size:.85rem;color:var(--fg-muted);transition:background-color .4s ease,border-color .4s ease}.footer .sub{margin-top:.25rem;opacity:.7}.footer button{background:none;border:none;color:var(--accent);font:inherit;font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0;transition:color .2s}.footer button:hover{color:var(--accent-dark)}