@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--ink:#1a0a00;--rust:#c44a10;--rust-dark:#9b3a0c;--orange:#e06a1e;--orange-mid:#f2924d;--tint:#fddcb8;--paper:#fffbf6;--paper-warm:#fff3e6;--paper-card:#fff;--paper-alt:#fdf6ee;--line:#2a13051a;--line-strong:#2a130533;--dark-bg:#140800;--dark-alt:#1e0e00;--text-body:#3d1f08;--text-muted:#7a5030;--text-subtle:#b07050;--header-h:72px;--radius-card:20px;--radius-pill:999px;--shadow-card:0 2px 20px #1a0a0012;--shadow-hover:0 16px 48px #1a0a0026;--shadow-btn:0 8px 28px #c44a1059}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.vitharn-grid{background-image:linear-gradient(90deg,#c44a100d 1px,#0000 1px),linear-gradient(#c44a100d 1px,#0000 1px);background-position:top;background-size:32px 32px}.vitharn-grid:before{content:"";background:radial-gradient(ellipse 80% 70% at center, transparent 30%, var(--paper) 85%);pointer-events:none;z-index:1;position:absolute;inset:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c44a1040;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--rust)}*{scrollbar-width:thin;scrollbar-color:#c44a1040 transparent}header{z-index:1000;width:100%;height:var(--header-h);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#fffbf6d9;justify-content:space-between;align-items:center;padding:0 40px;transition:box-shadow .3s,background .3s;display:flex;position:fixed;top:0}header.scrolled{background:#fffbf6f7;box-shadow:0 4px 24px #1a0a0014}.logo-container{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-container img{object-fit:contain;background:#fff;border-radius:10px;flex-shrink:0;width:38px;height:38px;padding:4px;box-shadow:0 2px 10px #1a0a001a}.logo-text{color:var(--ink);white-space:nowrap;letter-spacing:-.5px;font-size:17px;font-weight:800}.logo-text span{color:var(--rust)}nav{align-items:center;gap:4px;display:flex}nav a{color:var(--text-body);letter-spacing:-.01em;border-radius:8px;padding:7px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}nav a:not(.btn-nav-login):not(.btn-nav-dashboard):hover{color:var(--rust);background:#c44a1012}.btn-nav-login{margin-left:6px;box-shadow:0 4px 14px #c44a104d;background:var(--rust)!important;color:#fff!important;border-radius:var(--radius-pill)!important;padding:9px 22px!important;font-size:14px!important;font-weight:700!important;transition:transform .2s,box-shadow .2s!important}.btn-nav-login:hover{background:var(--rust-dark)!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #c44a1073!important}.btn-nav-dashboard{margin-left:6px;box-shadow:0 4px 14px #1a0a0040;background:var(--ink)!important;color:#fff!important;border-radius:var(--radius-pill)!important;padding:9px 22px!important;font-size:14px!important;font-weight:700!important;transition:transform .2s,box-shadow .2s!important}.btn-nav-dashboard:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px #1a0a0066!important}.hamburger{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;margin-left:auto;padding:9px;transition:background .2s;display:none}.hamburger:hover{background:#c44a1014}.hamburger span{background:var(--ink);transform-origin:50%;border-radius:2px;width:22px;height:2.5px;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:translateY(7.5px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.mobile-nav{top:var(--header-h);background:var(--paper);z-index:999;border-top:1px solid var(--line);flex-direction:column;gap:0;padding:8px 20px 28px;animation:.22s cubic-bezier(.16,1,.3,1) slideDown;display:none;position:fixed;left:0;right:0;box-shadow:0 20px 48px #1a0a001f}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav.open{display:flex}.mobile-nav a{color:var(--ink);border-bottom:1px solid var(--line);padding:15px 6px;font-size:16px;font-weight:600;text-decoration:none;transition:color .2s,padding-left .2s}.mobile-nav a:not(.btn-nav-login):not(.btn-nav-dashboard):hover{color:var(--rust);padding-left:10px}.mobile-nav .btn-nav-login{text-align:center;margin-top:16px;display:block;border-bottom:none!important;border-radius:14px!important;padding:14px 22px!important}.mobile-nav .btn-nav-dashboard{text-align:center;margin-top:8px;display:block;border-bottom:none!important;border-radius:14px!important;padding:14px 22px!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:100svh;padding:calc(var(--header-h) + 60px) 24px 80px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:2;flex-direction:column;align-items:center;max-width:820px;display:flex;position:relative}.hero-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:36px;animation:.7s cubic-bezier(.16,1,.3,1) forwards fadeUp;display:flex}.pill{letter-spacing:.18em;text-transform:uppercase;color:var(--rust);background:var(--paper-card);border:1px solid var(--line-strong);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:5px 14px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 1px 6px #c44a1014}.hero-title{color:var(--ink);letter-spacing:-.035em;opacity:0;margin-bottom:24px;font-size:clamp(2.8rem,9vw,5.5rem);font-weight:900;line-height:1.05;animation:.8s cubic-bezier(.16,1,.3,1) .1s forwards fadeUp}.hero-title em{color:var(--rust);font-style:normal}.hero-title .muted{color:#1a0a004d}.hero-subtitle{color:var(--text-body);opacity:0;max-width:580px;margin-bottom:14px;font-size:clamp(15px,3.5vw,19px);font-weight:400;line-height:1.65;animation:.8s cubic-bezier(.16,1,.3,1) .2s forwards fadeUp}.hero-note{color:var(--text-muted);opacity:0;max-width:560px;margin:0 0 36px;font-size:12.5px;line-height:1.65;animation:.8s cubic-bezier(.16,1,.3,1) .25s forwards fadeUp}.hero-note-link{color:var(--rust);font-weight:500;text-decoration:none}.hero-note-link:hover{text-decoration:underline}.btn-group{opacity:0;flex-wrap:wrap;justify-content:center;gap:14px;animation:.8s cubic-bezier(.16,1,.3,1) .3s forwards fadeUp;display:flex}.btn-download{background:var(--rust);color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-btn);white-space:nowrap;letter-spacing:-.01em;align-items:center;gap:10px;padding:15px 34px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,background .2s;display:inline-flex}.btn-download:hover{background:var(--rust-dark);transform:translateY(-3px);box-shadow:0 16px 40px #c44a1080}.btn-webapp{color:var(--rust);border-radius:var(--radius-pill);border:2px solid var(--rust);white-space:nowrap;letter-spacing:-.01em;background:0 0;align-items:center;gap:10px;padding:13px 30px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,background .2s,color .2s;display:inline-flex}.btn-webapp:hover{background:var(--rust);color:#fff;transform:translateY(-3px);box-shadow:0 16px 40px #c44a1073}.btn-webapp--light{color:#fffbf6e6!important;border-color:#fffbf659!important}.btn-webapp--light:hover{color:#fff!important;background:#fffbf61f!important;border-color:#fffbf6b3!important}.stats-strip{-webkit-backdrop-filter:blur(12px);border:1px solid var(--line-strong);opacity:0;background:#fffbf6cc;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:0;width:100%;max-width:600px;margin-top:56px;animation:.8s cubic-bezier(.16,1,.3,1) .4s forwards fadeUp;display:grid;overflow:hidden;box-shadow:0 8px 32px #1a0a000f}.stat-item{text-align:center;padding:24px 16px;position:relative}.stat-item:not(:last-child):after{content:"";background:var(--line-strong);width:1px;height:60%;position:absolute;top:20%;right:0}.stat-num{color:var(--rust);letter-spacing:-.04em;margin-bottom:5px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:900;line-height:1}.stat-lbl{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:10px;font-weight:700}.section-title{text-align:center;color:var(--ink);letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(26px,4.5vw,38px);font-weight:900;line-height:1.1}.section-subtitle{color:var(--text-muted);text-align:center;max-width:480px;margin-bottom:52px;margin-left:auto;margin-right:auto;font-size:16px}.features{max-width:1200px;margin:0 auto;padding:90px 24px}.features-grid{background:var(--line);border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;display:grid;overflow:hidden}.features-grid--4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{background:var(--paper-card);flex-direction:column;padding:36px 28px;transition:background .2s;display:flex;position:relative}.feature-card:hover{background:var(--paper-alt)}.feature-card:after{content:"→";color:var(--line-strong);letter-spacing:-.02em;font-size:13px;font-weight:700;transition:color .2s,transform .2s;position:absolute;bottom:22px;right:24px}.feature-card:hover:after{color:var(--rust);transform:translate(3px)}.feature-icon-box{background:#c44a1017;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:inline-flex}.feature-icon-svg{width:22px;height:22px;stroke:var(--orange);flex-shrink:0}.feature-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--text-subtle);border:1px solid var(--line-strong);border-radius:4px;width:fit-content;margin-bottom:10px;padding:3px 8px;font-size:9px;font-weight:700;display:inline-block}.feature-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:10px;font-size:15px;font-weight:700;transition:color .2s}.feature-card:hover .feature-title{color:var(--rust)}.feature-card p{color:var(--text-muted);flex:1;font-size:13.5px;line-height:1.65}.app-purpose-section{max-width:1200px;margin:0 auto;padding:0 24px 80px}.app-purpose-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:40px 44px;box-shadow:0 4px 28px #0000000a}.app-purpose-card h2{color:var(--ink);letter-spacing:-.025em;margin-bottom:16px;font-size:22px;font-weight:800}.app-purpose-card p{color:var(--text-body);margin-bottom:14px;font-size:15px;line-height:1.7}.app-purpose-card p:last-child{margin-bottom:0}.docs{background:var(--dark-bg);padding:90px 24px}.docs-content{max-width:820px;margin:0 auto}.docs .section-title{color:#fff}.docs .section-subtitle{color:#fffbf68c}.doc-step{background:#ffffff0a;border:1px solid #c44a102e;border-radius:16px;align-items:flex-start;gap:24px;margin-bottom:20px;padding:28px 32px;transition:border-color .25s,background .25s;display:flex}.doc-step:hover{border-color:var(--rust);background:#c44a1012}.doc-step-number{color:#fff;background:var(--rust);letter-spacing:.05em;border-radius:8px;flex-shrink:0;padding:5px 11px;font-size:11px;font-weight:800;line-height:1.6;box-shadow:0 4px 12px #c44a1066}.doc-step h3{color:#fffbf6f2;letter-spacing:-.01em;margin-bottom:6px;font-size:15px;font-weight:700}.doc-step p{color:#fffbf68c;font-size:14px;line-height:1.7}.cta-banner{background:var(--dark-alt);text-align:center;border-top:1px solid #c44a1026;padding:100px 24px}.cta-content{max-width:680px;margin:0 auto}.cta-badge{border-radius:var(--radius-pill);color:#fffbf680;text-transform:uppercase;letter-spacing:.15em;border:1px solid #fffbf626;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:10px;font-weight:700;display:inline-flex}.cta-title{color:#fff;letter-spacing:-.035em;margin-bottom:14px;font-size:clamp(26px,5vw,42px);font-weight:900;line-height:1.1}.cta-title .muted{color:#fffbf659}.cta-sub{color:#fffbf68c;margin-bottom:40px;font-size:16px;line-height:1.7}.cta-checks{flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:40px;padding:0;list-style:none;display:flex}.cta-checks li{color:#fffbf6bf;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.cta-checks svg{color:var(--orange-mid);flex-shrink:0}footer{text-align:center;color:var(--text-muted);background:var(--paper-warm);border-top:1px solid var(--line);padding:36px 24px;font-size:14px}.footer-link{color:var(--rust);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--orange)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@media (max-width:768px){header{padding:0 20px}.logo-text{text-overflow:ellipsis;max-width:150px;font-size:15px;overflow:hidden}nav{display:none}.hamburger{display:flex}.hero{padding:calc(var(--header-h) + 32px) 20px 60px;min-height:100svh}.hero-title{font-size:clamp(2.5rem,11vw,3.5rem)}.btn-group{flex-direction:column;gap:12px;width:100%}.btn-download,.btn-webapp{text-align:center;justify-content:center;width:100%;padding:16px 24px;font-size:16px}.stats-strip{grid-template-columns:repeat(2,1fr);max-width:100%}.stat-item:nth-child(2):after{display:none}.stat-item:first-child:after,.stat-item:nth-child(3):after{display:block}.stat-item:first-child,.stat-item:nth-child(2){border-bottom:1px solid var(--line)}.features{padding:60px 16px}.features-grid,.features-grid--4{grid-template-columns:1fr}.feature-card{padding:28px 22px}.docs{padding:64px 16px}.doc-step{border-radius:14px;flex-direction:column;gap:12px;margin-bottom:14px;padding:22px 20px}.cta-banner{padding:72px 20px}.cta-checks{flex-direction:column;align-items:center;gap:10px}.section-subtitle{margin-bottom:36px;font-size:14px}.app-purpose-card{padding:28px 22px}.app-purpose-section{padding:0 16px 60px}}@media (max-width:480px){.logo-text{max-width:130px;font-size:14px}.logo-container img{width:34px;height:34px}.hero-subtitle{font-size:14px}.cta-title{font-size:24px}.cta-sub{font-size:14px}.doc-step{padding:18px 16px}}.comparison-section{max-width:1100px;margin:0 auto;padding:90px 24px}.comparison-table-wrap{border:1px solid var(--line);width:100%;box-shadow:var(--shadow-card);border-radius:16px;margin-top:48px;overflow-x:auto}.comparison-table{border-collapse:collapse;background:#fff;border-radius:16px;width:100%;font-size:14px;overflow:hidden}.comparison-table thead tr{background:var(--paper-alt);border-bottom:1px solid var(--line-strong)}.comparison-table th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:16px 20px;font-size:11px;font-weight:800}.comparison-table th.col-vitharn{color:var(--rust);background:#c44a100d}.comparison-table tbody tr{border-bottom:1px solid var(--line);transition:background .15s}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table tbody tr:hover{background:var(--paper-alt)}.comparison-table td{color:var(--text-body);vertical-align:middle;padding:14px 20px}.comparison-table td:first-child{color:var(--ink);font-size:13.5px;font-weight:600}.comparison-table .col-vitharn,.comparison-table .cell-yes{background:#c44a100a}.cell-yes{color:#16a34a;font-size:13px;font-weight:700}.cell-no{color:#94a3b8;font-size:13px}.cell-warn{color:#d97706;font-size:13px}.trust-strip{justify-content:center;align-items:center;gap:0;max-width:1000px;margin:0 auto;padding:0 24px 80px;display:flex}.trust-item{text-align:center;border:1px solid var(--line);background:#fff;flex:1;padding:32px 24px;transition:background .2s}.trust-item:first-child{border-radius:16px 0 0 16px}.trust-item:last-child{border-radius:0 16px 16px 0}.trust-item:hover{background:var(--paper-alt)}.trust-icon{margin-bottom:12px;font-size:28px;line-height:1}.trust-label{color:var(--ink);letter-spacing:-.02em;margin-bottom:6px;font-size:13px;font-weight:800}.trust-sub{color:var(--text-muted);font-size:12px;line-height:1.5}.trust-divider{background:var(--line);flex-shrink:0;width:1px;height:80px}@media (max-width:768px){.comparison-section{padding:60px 16px}.comparison-table th,.comparison-table td{padding:12px 14px;font-size:12px}.trust-strip{background:var(--line);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:1px;padding:0 16px 60px;overflow:hidden}.trust-item{border:none;width:100%;border-radius:0!important}.trust-divider{display:none}}.trust-bar{background:var(--paper-warm);border:1px solid var(--line);border-radius:12px;justify-content:center;gap:48px;margin-bottom:48px;padding:24px;display:flex}.trust-stat{text-align:center}.trust-stat strong{color:var(--ink);font-size:24px;font-weight:800;display:block}.trust-stat span{color:var(--text-muted);font-size:12px}.testimonial-section{text-align:center;max-width:800px;margin:0 auto;padding:80px 24px}.testimonial-card{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:32px;padding:36px}.testimonial-text{color:var(--ink);margin-bottom:20px;font-size:16px;font-style:italic;line-height:1.7}.testimonial-author{flex-direction:column;gap:4px;display:flex}.testimonial-author strong{color:var(--ink);font-size:14px}.testimonial-author span{color:var(--text-muted);font-size:13px}@media (max-width:768px){.trust-bar{flex-direction:column;gap:16px}}