:root{
  --bg:#f5f5f7;
  --surface:#ffffff;
  --text:#1d1d1f;
  --muted:#6e6e73;
  --blue:#007aff;
  --blue2:#0a84ff;
  --line:#d2d2d7;
  --soft:#eef4ff;
  --shadow:0 24px 70px rgba(0,0,0,.12),0 5px 18px rgba(0,0,0,.06);
  --radius:28px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.nav-shell{position:sticky;top:0;z-index:50;background:rgba(245,245,247,.78);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-bottom:1px solid rgba(0,0,0,.06)}
.nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.02em}.brand img{width:34px;height:34px;border-radius:9px}
.nav-links{display:flex;align-items:center;gap:24px;color:#424245;font-size:14px;font-weight:600}.nav-links a:hover{color:var(--blue)}
.hero{position:relative;overflow:visible;padding:96px 0 105px}.hero:before{content:"";position:absolute;inset:-220px -260px auto 52%;height:660px;background:radial-gradient(circle,rgba(10,132,255,.18),rgba(10,132,255,0) 68%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.05fr .72fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(0,122,255,.16);background:rgba(255,255,255,.7);border-radius:999px;color:#475569;font-size:13px;font-weight:700}.eyebrow:before{content:"";width:7px;height:7px;background:var(--blue);border-radius:50%}
h1{font-size:clamp(52px,6.1vw,86px);line-height:1.04;letter-spacing:-.045em;margin:22px 0 28px;max-width:820px}.blue{color:var(--blue)}
.lead{font-size:clamp(20px,2vw,26px);line-height:1.38;letter-spacing:-.025em;color:var(--muted);max-width:690px;margin:0 0 32px}
.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border-radius:13px;font-size:15px;font-weight:700;border:1px solid transparent;transition:.2s transform,.2s background}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--blue);color:white}.button.primary:hover{background:#006be6}.button.secondary{background:white;border-color:rgba(0,0,0,.08);color:#2d2d30}
.hero-icon-wrap{position:relative;display:grid;place-items:center;min-height:430px}.hero-icon-wrap:before{content:"";position:absolute;width:76%;aspect-ratio:1;border:16px solid rgba(10,132,255,.18);border-radius:46% 54% 49% 51%/53% 47% 55% 45%;transform:rotate(-12deg)}.hero-icon{position:relative;width:min(370px,88%);filter:drop-shadow(0 32px 35px rgba(0,0,0,.25))}
.product-shot{position:relative;margin-top:60px;overflow:visible;background:transparent;padding-bottom:6px}.product-shot img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 42px rgba(17,24,39,.13))}.product-shot:after{display:none}
.section{padding:110px 0}.section-heading{text-align:center;max-width:790px;margin:0 auto 60px}.section-heading h2{font-size:clamp(38px,4.5vw,60px);line-height:1.10;letter-spacing:-.04em;margin:0 0 20px}.section-heading p{font-size:20px;line-height:1.5;color:var(--muted);margin:0}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;margin:0 0 86px}.feature.reverse .feature-copy{order:2}.feature.reverse .feature-media{order:1}.feature-copy{padding:10px 10px}.kicker{color:var(--blue);font-size:14px;font-weight:800;letter-spacing:.01em;margin-bottom:12px}.feature h3{font-size:clamp(34px,3.5vw,52px);line-height:1.10;letter-spacing:-.035em;margin:0 0 20px}.feature p{font-size:19px;line-height:1.55;color:var(--muted);margin:0;max-width:520px}.feature-media{padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}.feature-media img{display:block;width:100%;height:auto;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 34px rgba(15,23,42,.10))}
.use-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.use-card{background:white;border:1px solid rgba(0,0,0,.06);border-radius:22px;padding:24px;min-height:148px}.use-card .icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#f4f8ff,#e8f1ff);color:var(--blue);display:grid;place-items:center;margin-bottom:20px;border:1px solid rgba(0,122,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.use-card .icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.use-card h4{margin:0 0 7px;font-size:19px;letter-spacing:-.02em}.use-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.cta{padding:40px 0 110px}.cta-card{position:relative;overflow:hidden;background:#111319;color:white;border-radius:38px;padding:72px 68px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.cta-card:after{content:"";position:absolute;width:430px;height:430px;right:-160px;top:-170px;background:radial-gradient(circle,rgba(0,122,255,.48),rgba(0,122,255,0) 68%)}.cta-card h2{position:relative;z-index:1;font-size:clamp(40px,4vw,60px);letter-spacing:-.04em;line-height:1.08;margin:0 0 16px}.cta-card p{position:relative;z-index:1;color:#b8b8bd;font-size:18px;line-height:1.45;margin:0;max-width:640px}.cta-card .button{position:relative;z-index:1;background:white;color:#111319;white-space:nowrap}
.footer{border-top:1px solid rgba(0,0,0,.08);padding:28px 0 38px;color:var(--muted);font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-links{display:flex;gap:20px}.footer a:hover{color:var(--text)}
.page-hero{padding:92px 0 46px}.page-hero h1{font-size:clamp(50px,6vw,78px);line-height:1.08;letter-spacing:-.04em;margin:0 0 20px}.page-hero p{max-width:720px;font-size:21px;line-height:1.5;color:var(--muted)}
.content-card{background:white;border:1px solid rgba(0,0,0,.06);border-radius:28px;padding:38px;margin-bottom:18px}.content-card h2{font-size:27px;letter-spacing:-.035em;margin:0 0 14px}.content-card h3{font-size:18px;margin:25px 0 8px}.content-card p,.content-card li{color:#4c4c50;font-size:16px;line-height:1.65}.content-card ul{padding-left:22px}.contact-box{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--soft);border-radius:18px;padding:22px 24px;margin-top:20px}.contact-box strong{font-size:17px}.small{font-size:13px;color:var(--muted)}
@media(max-width:900px){.hero{padding-top:70px}.hero-grid,.feature{grid-template-columns:1fr}.hero-grid{gap:24px}.hero-copy{text-align:center}.lead{margin-left:auto;margin-right:auto}.actions{justify-content:center}.hero-icon-wrap{min-height:300px}.hero-icon{width:250px}.product-shot{margin-top:25px}.feature.reverse .feature-copy,.feature.reverse .feature-media{order:initial}.feature{gap:28px;margin-bottom:65px}.feature-copy{text-align:center}.feature p{margin:auto}.use-cases{grid-template-columns:repeat(2,1fr)}.cta-card{grid-template-columns:1fr;padding:52px 38px}.footer-row{flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.container{width:min(calc(100% - 24px),var(--max))}.nav-links a:nth-child(1){display:none}.hero{padding:52px 0 52px}h1{font-size:52px}.lead{font-size:19px}.hero-icon-wrap{min-height:245px}.hero-icon{width:210px}.product-shot{border-radius:18px}.section{padding:76px 0}.section-heading{margin-bottom:38px}.use-cases{grid-template-columns:1fr}.feature-media{padding:8px;border-radius:22px}.feature-media img{border-radius:15px}.cta{padding-bottom:76px}.cta-card{padding:42px 25px;border-radius:28px}.footer-links{flex-wrap:wrap}.content-card{padding:25px}.contact-box{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}