@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--bg:#0b1417;--bg-2:#091012;--panel:#f4ece009;--panel-solid:#10191c;--panel-2:#0d1a1e;--panel-hi:#f4ece011;--text:#f3ece0;--text-soft:#cfc8ba;--muted:#93999a;--faint:#5e6668;--brand:#43b5a6;--brand-ink:#6fd3c4;--brand-2:#e0a85e;--brand-2-ink:#f0c887;--border:#f4ece01a;--border-strong:#f4ece02e;--hairline:#f4ece012;--radius:16px;--radius-lg:22px;--radius-xl:28px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 18px 40px -22px #000c;--shadow-lg:0 40px 90px -40px #000000e6;--glow-brand:0 0 0 1px #43b5a659, 0 24px 60px -30px #43b5a68c;--glow-mint:0 0 0 1px #e0a85e52, 0 24px 60px -30px #e0a85e73;--ease:cubic-bezier(.22, 1, .36, 1);--content:1100px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:90px}body{color:var(--text);background-color:var(--bg);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.62;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(60% 50% at 78% -8%, #8d7cc02e, transparent 60%), radial-gradient(55% 45% at 12% 4%, #43b5a61f, transparent 58%), radial-gradient(70% 60% at 50% 110%, #e0a85e14, transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);pointer-events:none;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#f4ece005 1px,#0000 1px),linear-gradient(#f4ece005 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#0000 80%);mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#0000 80%)}a{color:inherit;text-decoration:none}::selection{color:#f3ece0;background:#43b5a659}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}.container{max-width:var(--content);margin:0 auto;padding:0 24px}.nav{z-index:50;border:1px solid var(--border);-webkit-backdrop-filter:saturate(160%)blur(18px);box-shadow:var(--shadow-md);background:#0d1a1e8c;border-radius:999px;justify-content:space-between;align-items:center;margin:14px 0 0;padding:16px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;color:var(--text);font-size:17px;font-weight:800}.brand span{background:linear-gradient(110deg,#e0a85e 0%,#cf6a3c 35%,#43b5a6 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:var(--muted);transition:color .2s var(--ease), background .2s var(--ease);border-radius:999px;padding:7px 12px;font-size:14px;font-weight:500}.nav-links a:hover{color:var(--text);background:var(--panel-hi)}.nav-cta{background:linear-gradient(135deg, var(--brand-2-ink), var(--brand-2));transition:transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease);border-radius:999px;font-size:14px;font-weight:700;position:relative;box-shadow:0 8px 24px -10px #e0a85eb3;color:#0d1a0a!important;padding:10px 18px!important}.nav-cta:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 30px -10px #e0a85ed9;background:linear-gradient(135deg, var(--brand-2-ink), var(--brand-2))!important}@media (max-width:720px){.nav-links .hide-sm{display:none}.nav{padding:12px 14px 12px 18px}}.hero{padding:clamp(56px,9vw,110px) 0 clamp(48px,7vw,80px);position:relative}.eyebrow{color:var(--brand-2-ink);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#e0a85e1f,#e0a85e0a);border:1px solid #e0a85e47;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.eyebrow:before{content:"";background:var(--brand-2);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px 2px #e0a85ecc}.hero h1{letter-spacing:-.035em;background:linear-gradient(180deg, var(--text) 30%, var(--text-soft) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:17ch;font-size:clamp(34px,6.4vw,66px);font-weight:800;line-height:1.04}.hero h1 em{background:linear-gradient(110deg,#e0a85e 0%,#cf6a3c 35%,#43b5a6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero p.lead{color:var(--text-soft);max-width:58ch;margin-top:26px;font-size:clamp(16px,2.2vw,20px);line-height:1.6}.cta-row{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.btn{letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease), background .22s var(--ease), color .22s var(--ease);border-radius:999px;align-items:center;gap:9px;padding:14px 26px;font-size:15px;font-weight:600;display:inline-flex;position:relative}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{color:#0d1a0a;background:linear-gradient(135deg,#f0c887 0%,#e0a85e 50%,#43b5a6 100%);box-shadow:0 10px 30px -12px #e0a85eb3,inset 0 1px #ffffff59}.btn-primary:hover{filter:brightness(1.04);box-shadow:0 18px 44px -14px #e0a85ee6,inset 0 1px #fff6}.btn-ghost{color:var(--text);background:var(--panel-hi);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px)}.btn-ghost:hover{background:#43b5a61a;border-color:#43b5a68c;box-shadow:0 14px 36px -20px #43b5a699}.trust{color:var(--muted);margin-top:28px;font-size:14px}.trust b{color:var(--text)}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:clamp(44px,6vw,64px);display:grid}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);transition:border-color .25s var(--ease), transform .25s var(--ease), background .25s var(--ease);padding:22px 22px 20px;position:relative;overflow:hidden}.stat:before{content:"";background:linear-gradient(90deg,#0000,#f4ece02e,#0000);height:1px;position:absolute;inset:0 0 auto}.stat:hover{border-color:var(--border-strong);background:var(--panel-hi);transform:translateY(-3px)}.stat .n{letter-spacing:-.03em;background:linear-gradient(180deg, var(--brand-2-ink), var(--brand-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,4vw,34px);font-weight:800}.stat .l{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.5}.clients{margin-top:clamp(36px,5vw,52px)}.clients .label{color:var(--faint);letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;font-size:11.5px;font-weight:600}.clients .row{flex-wrap:wrap;gap:10px 12px;display:flex}.client{color:var(--text-soft);border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(6px);transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:500}.client:hover{color:var(--text);background:#43b5a614;border-color:#43b5a673;transform:translateY(-2px)}.section{padding:clamp(56px,9vw,100px) 0;position:relative}.section h2{letter-spacing:-.03em;background:linear-gradient(180deg, var(--text), var(--text-soft));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(26px,4.2vw,40px);font-weight:800;line-height:1.1}.section .sub{color:var(--muted);max-width:62ch;margin-bottom:clamp(32px,4vw,48px);font-size:clamp(15px,1.8vw,17px)}.section[style]{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:linear-gradient(180deg, #e0a85e0a, transparent 40%), var(--panel-2)!important}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease);flex-direction:column;padding:26px;display:flex;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;transition:opacity .3s var(--ease);pointer-events:none;background:linear-gradient(135deg,#e0a85e99,#43b5a659,#0000 60%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover{background:var(--panel-hi);box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.card:hover:before{opacity:1}.card .tag{border:1px solid var(--border);background:linear-gradient(160deg,#e0a85e29,#43b5a614);border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:18px;font-size:26px;display:grid}.card h3{letter-spacing:-.02em;color:var(--text);margin:0 0 10px;font-size:18.5px;font-weight:700;line-height:1.3}.card p{color:var(--muted);font-size:14.5px;line-height:1.6}.card .price{letter-spacing:-.01em;background:linear-gradient(90deg, var(--brand-2-ink), var(--brand-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:auto;padding-top:18px;font-size:15px;font-weight:700}a.card .price:after{content:" →";-webkit-text-fill-color:var(--brand-2);opacity:0;transition:opacity .25s var(--ease)}a.card:hover .price:after{opacity:1}.flagship{background:radial-gradient(80% 120% at 100% 0%, #8d7cc024, transparent 55%), radial-gradient(70% 100% at 0% 100%, #43b5a61a, transparent 55%), linear-gradient(160deg, var(--panel-solid), #090f11);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:clamp(28px,4.5vw,56px);position:relative;overflow:hidden}.flagship:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#e0a85e73,#0000 40%,#43b5a64d);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.flagship h3{letter-spacing:-.03em;max-width:24ch;margin:16px 0 14px;font-size:clamp(23px,3.8vw,34px);font-weight:800;line-height:1.15}.flagship h3 em{background:linear-gradient(110deg,#f0c887 0%,#cf6a3c 35%,#43b5a6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.flagship .fdesc{color:var(--text-soft);max-width:74ch;font-size:clamp(15px,1.8vw,17px);line-height:1.65}.flagship-points{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:30px;display:grid}.flagship-point{background:var(--panel);border:1px solid var(--border);transition:border-color .25s var(--ease), background .25s var(--ease);border-radius:14px;align-items:flex-start;gap:12px;padding:16px 18px;font-size:14.5px;display:flex}.flagship-point:hover{border-color:var(--border-strong);background:var(--panel-hi)}.flagship-point .ck{color:var(--brand-2);flex:none;font-size:16px;font-weight:800;line-height:1.5}.flagship-point b{color:var(--text);font-weight:700}.flagship-point span.t{color:var(--muted);line-height:1.55}.flagship .cta-row{margin-top:30px}.system-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);height:100%;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease);flex-direction:column;padding:26px;display:flex;position:relative;overflow:hidden}.system-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;transition:opacity .3s var(--ease);pointer-events:none;background:linear-gradient(135deg,#e0a85e99,#43b5a659,#0000 60%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.system-card:hover{background:var(--panel-hi);box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.system-card:hover:before{opacity:1}.system-card .tag{border:1px solid var(--border);background:linear-gradient(160deg,#e0a85e29,#43b5a614);border-radius:14px;place-items:center;width:50px;height:50px;margin-bottom:16px;font-size:24px;display:grid}.system-card h3{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:17.5px;font-weight:700;line-height:1.3}.system-card p{color:var(--muted);flex:1;font-size:14px;line-height:1.6}.system-card .live{color:var(--brand-2-ink);letter-spacing:.01em;align-items:center;gap:8px;margin-top:18px;font-size:12.5px;font-weight:600;display:inline-flex}.system-card .live:before{content:"";background:var(--brand-2);width:8px;height:8px;animation:pulse 2.4s var(--ease) infinite;border-radius:50%;box-shadow:0 0 0 3px #e0a85e2e}.system-card .live:after{content:"→";opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);margin-left:auto;transform:translate(-4px)}.system-card:hover .live:after{opacity:1;transform:translate(0)}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #e0a85e2e}50%{box-shadow:0 0 0 5px #e0a85e0d}}.steps{counter-reset:step;gap:14px;display:grid}.step{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);transition:border-color .25s var(--ease), transform .25s var(--ease), background .25s var(--ease);align-items:flex-start;gap:18px;padding:22px 24px;display:flex}.step:hover{border-color:var(--border-strong);background:var(--panel-hi);transform:translate(4px)}.step .n{width:40px;height:40px;color:var(--brand-ink);background:linear-gradient(160deg,#43b5a638,#43b5a60f);border:1px solid #43b5a64d;border-radius:12px;flex:none;place-items:center;font-size:16px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff1a}.step h4{letter-spacing:-.01em;color:var(--text);margin-bottom:4px;font-size:16.5px;font-weight:700}.step p{color:var(--muted);font-size:14.5px;line-height:1.6}.final{text-align:center;background:radial-gradient(70% 120% at 50% -10%, #8d7cc02e, transparent 60%), radial-gradient(60% 90% at 50% 110%, #43b5a61a, transparent 60%), linear-gradient(180deg, var(--panel-solid), #090f11);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:clamp(40px,6vw,64px) 0;padding:clamp(48px,7vw,80px) clamp(24px,5vw,56px);position:relative;overflow:hidden}.final:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#e0a85e80,#0000 45%,#43b5a659);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.final h2{letter-spacing:-.03em;background:linear-gradient(180deg, var(--text), var(--text-soft));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(27px,5vw,44px);font-weight:800;line-height:1.1}.final p{color:var(--text-soft);max-width:52ch;margin:16px auto 30px;font-size:clamp(15px,1.8vw,17px)}.footer{color:var(--muted);text-align:center;border-top:1px solid var(--hairline);padding:clamp(40px,6vw,64px) 24px clamp(48px,7vw,72px);font-size:14px}.footer p{line-height:1.7}.footer a{color:var(--brand-ink);transition:color .2s var(--ease);font-weight:500}.footer a:hover{color:var(--brand-2-ink)}.project-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);transition:border-color .25s var(--ease), transform .25s var(--ease);overflow:hidden}.project-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.project-img{object-fit:cover;border-bottom:1px solid var(--border);width:100%;height:220px;display:block}.project-content{padding:26px}.project-content h3{letter-spacing:-.02em;color:var(--text);margin-bottom:8px;font-size:18px}.project-content p{color:var(--muted);font-size:14.5px}.testimonial-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.testimonial-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);padding:26px}.testimonial-text{color:var(--text-soft);margin-bottom:16px;font-size:15.5px;font-style:italic}.testimonial-author{color:var(--brand-2-ink);font-size:14px;font-weight:700}.testimonial-role{color:var(--muted);font-size:13px}.contact-form{text-align:left;background:var(--panel);border-radius:var(--radius-lg);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);margin-top:32px;padding:32px}.form-group{margin-bottom:20px}.form-group label{color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-control{border:1px solid var(--border);width:100%;color:var(--text);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);background:#0000004d;border-radius:10px;padding:13px 16px;font-family:inherit;font-size:15px}.form-control:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #43b5a633}textarea.form-control{resize:vertical;min-height:100px}.btn-submit{cursor:pointer;border:none;justify-content:center;width:100%;margin-top:10px;font-family:inherit}@media (max-width:640px){.container{padding:0 18px}.nav{margin-top:10px}.brand{font-size:16px}.hero{padding-top:44px}.cta-row .btn{justify-content:center;width:100%}.stats{grid-template-columns:1fr 1fr;gap:12px}.stat{padding:18px}.stat .l{font-size:12.5px}.card,.system-card{padding:22px}.flagship-points{grid-template-columns:1fr}.step{gap:14px;padding:18px}}@media (max-width:380px){.stats{grid-template-columns:1fr}}@media (min-width:1024px){.flagship-points{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.btn:hover,.card:hover,.system-card:hover,.stat:hover,.step:hover,.client:hover{transform:none}}