/* ── HERO ── */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:100px 48px 80px;background:linear-gradient(135deg,#fef9f7 0%,#fafafa 45%,#f5f0ec 100%)}
.hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 65% 50% at 0% 55%,rgba(255,94,26,0.07) 0%,transparent 58%),radial-gradient(ellipse 45% 35% at 18% 0%,rgba(255,94,26,0.04) 0%,transparent 52%),radial-gradient(ellipse 55% 45% at 100% 50%,rgba(255,80,20,0.05) 0%,transparent 55%);pointer-events:none}
.hero-inner{position:relative;z-index:2;max-width:var(--max);margin:0 auto;width:100%;display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--pill);background:rgba(255,94,26,0.07);border:1px solid rgba(255,94,26,0.20);font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--orange);margin-bottom:40px}
.hero-badge .dot{width:5px;height:5px;border-radius:50%;background:var(--orange);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}
.hero h1{font-family:var(--heading);font-size:clamp(40px,4.8vw,58px);font-weight:400;color:var(--text);letter-spacing:-0.035em;line-height:1.02;margin-bottom:28px}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero-sub{font-size:17px;line-height:1.72;color:var(--muted);max-width:460px;margin-bottom:52px}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;max-height:440px}
.hero-glob-video{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 72% 72% at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 72% 72% at center,black 30%,transparent 70%)}
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--pill);background:var(--orange);color:#fff;font-size:15px;font-weight:500;transition:all var(--ease);cursor:pointer;border:none}
.btn-primary:hover{opacity:0.88;transform:translateY(-1px)}
.btn-primary svg,.btn-ghost svg{transition:transform var(--ease)}
.btn-primary:hover svg,.btn-ghost:hover svg{transform:translate(2px,-2px)}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--pill);border:1px solid var(--border);color:var(--muted);font-size:15px;transition:all var(--ease);cursor:pointer}
.btn-ghost:hover{border-color:rgba(0,0,0,0.18);color:var(--text)}

/* ── FEATURES ── */
.features{border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(255,94,26,0.035) 0%,rgba(255,94,26,0.01) 30%,#fafafa 65%)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.card{background:var(--bg);padding:40px 36px;transition:background var(--ease)}
.card:hover{background:var(--card)}
.card-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,94,26,0.07);border:1px solid rgba(255,94,26,0.14);display:flex;align-items:center;justify-content:center;color:var(--orange);margin-bottom:24px}
.card h3{font-family:var(--heading);font-size:17px;font-weight:500;color:var(--text);letter-spacing:-0.01em;margin-bottom:12px}
.card p{font-size:14px;line-height:1.72;color:var(--muted)}

/* ── INTEGRATIONS ── */
.integrations{border-top:1px solid var(--border);background:linear-gradient(160deg,#f2f2f0 0%,#f5f0ec 100%)}
.integrations-split{display:grid;grid-template-columns:5fr 6fr;gap:96px;align-items:start}
.integrations-copy .section-h{margin-bottom:20px}
.integrations-copy .int-body{font-size:16px;line-height:1.78;color:var(--muted);max-width:380px}
.int-list{display:flex;flex-direction:column}
.int-row{display:flex;gap:20px;padding:28px 0;border-bottom:1px solid var(--border)}
.int-row:first-child{border-top:1px solid var(--border)}
.int-tag{display:inline-block;padding:4px 10px;border-radius:var(--pill);background:rgba(255,94,26,0.07);border:1px solid rgba(255,94,26,0.16);font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--orange);flex-shrink:0;align-self:flex-start;margin-top:2px;min-width:68px;text-align:center}
.int-row-content h4{font-family:var(--heading);font-size:16px;font-weight:500;color:var(--text);letter-spacing:-0.01em;margin-bottom:8px}
.int-row-content p{font-size:13px;line-height:1.65;color:var(--muted)}

/* ── CTA ── */
.cta-section{border-top:1px solid var(--border);text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#fafafa 0%,#fef8f5 50%,#fafafa 100%)}
.cta-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:640px;height:280px;background:radial-gradient(ellipse,rgba(255,94,26,0.10) 0%,transparent 68%);pointer-events:none}
.cta-section .section-inner{position:relative;z-index:2}
.cta-section h2{font-family:var(--heading);font-size:clamp(34px,5vw,58px);font-weight:400;color:var(--text);letter-spacing:-0.025em;line-height:1.08;margin-bottom:16px}
.cta-section .cta-sub{font-size:16px;color:var(--muted);margin-bottom:40px;max-width:400px;margin-left:auto;margin-right:auto}
.cta-note{margin-top:18px;font-size:12px;color:var(--muted2)}