:root{--ink:#0b1220;--ink2:#111b2e;--muted:#5f6b7a;--line:#dbe3ed;--paper:#fff;--wash:#f5f8fc;--blue:#2563eb;--blue2:#1d4ed8;--teal:#14b8a6;--violet:#7c3aed;--green:#0f9f6e;--shadow:0 24px 70px rgba(11,18,32,.12);--radius:22px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:14px;top:14px;background:#fff;padding:10px 14px;border-radius:10px;z-index:1000;box-shadow:var(--shadow)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,227,237,.75)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;font-size:22px;letter-spacing:-.04em}.brand-mark{width:38px;height:38px;border-radius:12px;background:#0b1220;display:grid;place-items:center;color:#fff;font-weight:900;position:relative;overflow:hidden}.brand-mark:before{content:"T";background:linear-gradient(135deg,#5eead4,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700;color:#364152}.nav-links a:hover{color:var(--blue)}.nav-cta{padding:10px 15px;border-radius:11px;background:var(--ink);color:#fff!important}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;width:42px;height:42px;font-size:21px}
.hero{position:relative;overflow:hidden;padding:92px 0 64px;background:radial-gradient(circle at 80% 5%,rgba(37,99,235,.12),transparent 31%),radial-gradient(circle at 15% 5%,rgba(20,184,166,.1),transparent 28%),linear-gradient(#fff,#f8fbff)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:#2456bc;background:#eef4ff;border:1px solid #dbe8ff;padding:7px 10px;border-radius:999px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(44px,6vw,72px);margin:21px 0 22px;max-width:760px}h1 .accent{background:linear-gradient(100deg,var(--blue),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:19px;color:#4b5868;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:12px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.18s ease}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 25px rgba(37,99,235,.22)}.btn-primary:hover{background:var(--blue2);transform:translateY(-1px)}.btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn-secondary:hover{border-color:#b6c2d2;background:#fafcff}.proof-row{display:flex;flex-wrap:wrap;gap:15px 20px;color:#607084;font-size:13px;font-weight:650}.proof-row span{display:flex;align-items:center;gap:6px}.proof-row b{color:var(--green)}
.product-shot{position:relative}.browser{background:#fff;border:1px solid #dce5f0;border-radius:20px;box-shadow:var(--shadow);overflow:hidden;transform:perspective(1300px) rotateY(-2deg) rotateX(1deg)}.browser-bar{height:48px;border-bottom:1px solid #e6edf5;display:flex;align-items:center;gap:8px;padding:0 14px;background:#fbfcfe}.browser-dot{width:9px;height:9px;border-radius:50%;background:#d7dee8}.browser-address{margin-left:8px;background:#eef2f7;border-radius:8px;height:27px;display:flex;align-items:center;padding:0 12px;color:#758195;font-size:10px;flex:1}.browser-screen{aspect-ratio:1.42/1;overflow:hidden;background:#eef2f7}.browser-screen img{width:100%;height:100%;object-fit:cover;object-position:top left}.floating-card{position:absolute;right:-18px;bottom:20px;background:#fff;border:1px solid #dfe7f0;border-radius:16px;padding:13px 16px;box-shadow:0 16px 45px rgba(11,18,32,.16);display:flex;gap:10px;align-items:center}.floating-card i{width:36px;height:36px;border-radius:11px;background:#e9fbf5;display:grid;place-items:center;color:var(--green);font-style:normal;font-weight:900}.floating-card strong,.floating-card span{display:block}.floating-card strong{font-size:13px}.floating-card span{font-size:11px;color:var(--muted)}
.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;background:#fff}.logo-strip-inner{display:flex;justify-content:center;flex-wrap:wrap;gap:22px 34px;color:#667385;font-size:12px;font-weight:750;text-align:center}.logo-strip-inner span:before{content:"✓";color:var(--teal);margin-right:7px}
.section{padding:88px 0}.section.alt{background:var(--wash)}.section-head{max-width:760px;margin-bottom:42px}.kicker{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;margin:0 0 11px}.section h2{font-size:clamp(34px,4.8vw,52px);margin:0 0 16px}.lead{font-size:18px;color:var(--muted);margin:0}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pain-card{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}.pain-card .icon,.feature-card .icon{width:42px;height:42px;border-radius:13px;background:#eef4ff;color:var(--blue);display:grid;place-items:center;font-size:19px;margin-bottom:17px}.pain-card h3,.feature-card h3{font-size:19px;margin:0 0 9px}.pain-card p,.feature-card p{margin:0;color:var(--muted);font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;min-height:205px}.feature-card:nth-child(3n+2) .icon{background:#eafbf8;color:#0f8d80}.feature-card:nth-child(3n) .icon{background:#f3edff;color:var(--violet)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.module-stack{display:grid;gap:10px}.module{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.module span{font-weight:800;font-size:14px}.module small{color:var(--muted)}.module .toggle{width:38px;height:22px;background:#d8e1ec;border-radius:999px;padding:3px}.module .toggle:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15)}.module.on .toggle{background:var(--teal)}.module.on .toggle:after{margin-left:16px}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.industry{padding:22px;border-radius:18px;background:#111b2e;color:#fff;min-height:190px;position:relative;overflow:hidden}.industry:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;bottom:-70px;background:radial-gradient(circle,rgba(94,234,212,.22),transparent 70%)}.industry h3{margin:0 0 9px;font-size:20px}.industry p{margin:0;color:#b9c5d6;font-size:14px}.industry a{display:inline-block;margin-top:18px;color:#7dd3fc;font-weight:800;font-size:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}.step{border-top:3px solid #dce6f6;padding:20px 4px 0}.step:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--blue);font-weight:900;font-size:12px;letter-spacing:.08em;margin-bottom:12px}.step h3{font-size:18px;margin:0 0 8px}.step p{color:var(--muted);font-size:13px;margin:0}
.seo-panel{background:linear-gradient(135deg,#0b1220,#16233d);color:#fff;border-radius:28px;padding:42px;display:grid;grid-template-columns:1.15fr .85fr;gap:42px}.seo-panel h2{font-size:40px}.seo-panel p{color:#bac7d8}.check-list{display:grid;gap:11px}.check-list div{display:flex;gap:10px;align-items:flex-start;color:#d8e4f1;font-size:14px}.check-list b{color:#5eead4}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:15px;background:#fff;padding:0 18px}.faq summary{cursor:pointer;font-weight:800;padding:17px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--blue);font-size:20px}.faq details[open] summary:after{content:"–"}.faq p{color:var(--muted);margin:0 0 18px;font-size:14px}.cta-panel{background:linear-gradient(115deg,#eff6ff,#edfffb);border:1px solid #d9e7f3;border-radius:28px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-panel h2{font-size:42px;margin:0 0 9px}.cta-panel p{color:var(--muted);margin:0;max-width:640px}.contact-box{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.contact-note{font-size:12px;color:var(--muted);margin-top:10px}
.site-footer{padding:42px 0 30px;background:#0b1220;color:#c6d0de}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px}.site-footer .brand{color:#fff}.site-footer p{font-size:13px;color:#97a6ba;max-width:430px}.footer-col h3{font-size:13px;color:#fff;letter-spacing:0;margin:0 0 12px}.footer-col a{display:block;font-size:13px;color:#aab7c8;margin:7px 0}.footer-col a:hover{color:#fff}.copyright{border-top:1px solid #202c42;margin-top:30px;padding-top:18px;font-size:11px;color:#7e8ca1;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.page-hero{padding:78px 0 58px;background:linear-gradient(180deg,#f7faff,#fff)}.page-hero h1{font-size:clamp(42px,6vw,64px);max-width:900px}.page-hero .hero-copy{max-width:800px}.content{max-width:860px}.content h2{font-size:34px;margin-top:54px}.content h3{font-size:22px;margin-top:34px}.content p,.content li{color:#4f5d6d}.content ul{padding-left:20px}.inline-cta{background:#f1f6ff;border:1px solid #dce8fa;border-radius:20px;padding:26px;margin:38px 0}.inline-cta h3{margin:0 0 6px}.inline-cta p{margin:0 0 18px}
@media(max-width:980px){.nav-links{display:none}.menu-toggle{display:block}.nav-links.open{display:flex;position:absolute;top:78px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px;flex-direction:column;align-items:stretch;gap:4px}.nav-links.open a{padding:9px}.hero{padding-top:66px}.hero-grid,.split,.seo-panel{grid-template-columns:1fr}.product-shot{max-width:780px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.floating-card{right:12px}.industry-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.container{width:min(100% - 28px,var(--max))}.nav-wrap{height:68px}.nav-links.open{top:68px;left:14px;right:14px}.hero{padding:48px 0 48px}.hero-grid{gap:36px}h1{font-size:43px}.hero-copy,.lead{font-size:16px}.hero-actions{display:grid}.btn{width:100%}.browser{transform:none;border-radius:15px}.floating-card{display:none}.logo-strip-inner{justify-content:flex-start;gap:9px 20px}.section{padding:65px 0}.pain-grid,.feature-grid,.industry-grid,.steps{grid-template-columns:1fr}.feature-card{min-height:auto}.split{gap:34px}.seo-panel{padding:28px 22px;border-radius:22px}.seo-panel h2{font-size:34px}.cta-panel{padding:31px 22px;display:block}.cta-panel h2{font-size:34px}.cta-panel .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr}.page-hero{padding:56px 0 38px}.page-hero h1{font-size:42px}.content h2{font-size:30px}.module{align-items:flex-start}.module small{display:block}.copyright{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}