:root { --red:#e52b17; --ink:#101010; --muted:#6e6e6e; --line:#e9e6e2; --paper:#f7f6f3; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
main { overflow:hidden; }
.site-header { height:92px; max-width:1240px; margin:auto; display:flex; align-items:center; justify-content:space-between; padding:0 24px; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; }
.brand img { width:44px; height:44px; object-fit:cover; border-radius:50%; }
.brand span { display:flex; flex-direction:column; line-height:1; }
.brand b { font-size:22px; letter-spacing:.18em; }
.brand small { margin-top:5px; font-size:9px; letter-spacing:.16em; text-transform:uppercase; color:#777; }
nav { display:flex; gap:32px; font-size:13px; font-weight:600; }
nav a:hover { color:var(--red); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:26px; background:var(--red); color:#fff; padding:18px 24px; font-size:13px; font-weight:700; border-radius:2px; transition:.2s; }
.button:hover { background:#c91f0f; transform:translateY(-2px); }
.button-small { padding:13px 18px; }
.hero { min-height:720px; max-width:1240px; margin:auto; padding:80px 24px 70px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; }
.eyebrow { text-transform:uppercase; letter-spacing:.19em; font-size:11px; font-weight:700; display:flex; align-items:center; gap:10px; }
.eyebrow > span { display:inline-block; width:26px; height:2px; background:var(--red); }
.hero h1 { font-size:clamp(54px,6.25vw,88px); line-height:.94; letter-spacing:-.06em; margin:30px 0 28px; max-width:760px; }
.lead { color:var(--muted); max-width:590px; font-size:18px; line-height:1.75; }
.hero-actions { display:flex; gap:30px; align-items:center; margin-top:38px; }
.text-link { font-size:13px; font-weight:700; border-bottom:1px solid #bbb; padding:12px 0 8px; }
.text-link span { margin-left:18px; }
.trust-line { margin-top:54px; display:flex; align-items:center; gap:13px; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#777; }
.trust-line > span { color:#2aaa63; font-size:12px; }.trust-line i { width:3px; height:3px; border-radius:50%; background:#aaa; }
.hero-art { position:relative; height:540px; display:grid; place-items:center; }
.hero-visual{position:relative;z-index:2;width:min(100%,570px);border-radius:6px;overflow:hidden;background:#fafafa}.hero-visual img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.status-card,.cloud-card{position:absolute;z-index:3;background:rgba(255,255,255,.96);box-shadow:0 16px 45px rgba(0,0,0,.11);padding:14px 18px;display:flex;align-items:center;gap:11px}.status-card{bottom:42px;left:-4px}.cloud-card{right:-5px;top:45px;border-top:3px solid var(--red)}.status-dot{width:9px;height:9px;border-radius:50%;background:#27b368;box-shadow:0 0 0 5px #def5e7}.status-card div,.cloud-card div{display:flex;flex-direction:column;gap:4px}.status-card small,.cloud-card small{font-size:8px;letter-spacing:.18em;color:#888}.status-card b,.cloud-card b{font-size:12px}.cloud-card>span{color:var(--red);font-size:22px}
.strip { background:var(--ink); color:#fff; min-height:80px; display:flex; justify-content:center; align-items:center; gap:34px; font-size:10px; letter-spacing:.18em; white-space:nowrap; }.strip i{color:var(--red);font-style:normal}
.section { max-width:1240px; margin:auto; padding:120px 24px; }
.section-heading { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:80px; margin-bottom:65px; }.section h2,.dark-section h2,.flex-section h2,.collab h2,.final-cta h2 { font-size:clamp(42px,5vw,68px); letter-spacing:-.055em; line-height:1.02; margin:22px 0 0; }.section-heading>p { color:var(--muted); line-height:1.8; max-width:440px; }
.benefit-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }.benefit-grid article { padding:32px 28px 35px 0; border-right:1px solid var(--line); min-height:330px; }.benefit-grid article:not(:first-child){padding-left:28px}.benefit-grid article:last-child{border-right:0}.number{font-size:10px;color:#999}.icon-ring{margin:32px 0 28px;width:88px;height:88px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;color:var(--red);background:#fff}.icon-ring svg{width:45px;height:45px}.benefit-grid h3{font-size:17px;margin:0 0 14px}.benefit-grid p{color:var(--muted);font-size:14px;line-height:1.7}
.dark-section { background:var(--ink); color:#fff; padding:120px max(24px,calc((100vw - 1192px)/2)); display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:start}.eyebrow.light{color:#aaa}.dark-intro>p:not(.eyebrow){color:#999;line-height:1.8;max-width:420px;margin-top:28px}.dark-flow-image{margin-top:42px;border:1px solid #292929;border-radius:5px;overflow:hidden;background:#0c0c0c}.dark-flow-image img{display:block;width:100%;height:auto}.steps article{display:grid;grid-template-columns:38px 86px 1fr;align-items:center;gap:22px;padding:32px 0;border-bottom:1px solid #333}.steps article:first-child{border-top:1px solid #333}.steps>article>span{color:var(--red);font-size:11px}.step-icon{width:78px;height:78px;border:1px solid #3b3b3b;border-radius:50%;display:grid;place-items:center;color:#fff;background:#171717}.step-icon svg{width:44px;height:44px}.steps h3{margin:0 0 10px;font-size:24px}.steps p{margin:0;color:#999;line-height:1.7;font-size:14px;max-width:500px}
.flex-section{max-width:1240px;margin:auto;padding:130px 24px;display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;align-items:center}.service-image{min-height:510px;background:var(--paper);display:grid;place-items:center;overflow:hidden}.service-image img{width:100%;height:100%;min-height:510px;object-fit:cover}.flex-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8;max-width:560px;margin-top:28px}.flex-copy ul{list-style:none;padding:0;margin:28px 0}.flex-copy li{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.flex-copy li:before{content:"✓";color:var(--red);margin-right:13px}.text-link.red{color:var(--red);border-color:#eaa69d}
.collab{background:#fff;padding:0;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.collab-copy{background:var(--red);color:#fff;padding:100px max(40px,calc((100vw - 1192px)/2));padding-right:80px}.collab-image{min-height:570px;background:#f4f4f4;overflow:hidden}.collab-image img{width:100%;height:100%;object-fit:cover}.collab .eyebrow>span{background:#fff}.collab h2{font-size:clamp(40px,4vw,62px)}.collab p{line-height:1.8;opacity:.85;max-width:590px;margin-top:28px}.collab a{display:inline-block;margin-top:20px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.6);font-size:13px;font-weight:700}
.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:120px}.faq-list details{border-top:1px solid var(--line);padding:24px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-size:15px;font-weight:700;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{color:var(--red);font-size:20px}.faq-list p{color:var(--muted);line-height:1.7;font-size:14px;padding-right:45px}
.final-cta{background:var(--ink);color:#fff;text-align:center;padding:110px 24px 120px;position:relative}.final-cta:before{content:"";display:block;width:36px;height:3px;background:var(--red);margin:0 auto 28px}.final-cta>p{color:var(--red);font-size:10px;letter-spacing:.2em;font-weight:700}.final-cta h2{font-size:clamp(60px,8vw,100px);margin:14px 0}.final-cta>span{display:block;color:#999;margin:0 auto 36px}.button.white{background:#fff;color:var(--ink)}.button.white:hover{background:#eee}
footer{max-width:1240px;margin:auto;padding:50px 24px;display:grid;grid-template-columns:1fr 1.2fr 1fr auto;gap:40px;align-items:center;color:#777;font-size:12px}.footer-brand{color:var(--ink)}footer>div{display:flex;gap:20px;color:var(--ink);font-weight:600}footer>small{text-align:right}
@media(max-width:850px){.site-header nav{display:none}.site-header{height:76px}.button-small{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{height:430px}.hero h1{font-size:58px}.section-heading,.dark-section,.flex-section,.collab,.faq{grid-template-columns:1fr;gap:50px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid article:nth-child(2){border-right:0}.benefit-grid article{border-bottom:1px solid var(--line)}.strip{justify-content:flex-start;overflow:hidden}.dark-section{padding-top:90px;padding-bottom:90px}.flex-section,.section{padding-top:90px;padding-bottom:90px}.collab{gap:0}.collab-copy{padding:80px 40px}.collab-image{min-height:460px}footer{grid-template-columns:1fr 1fr}footer>small{text-align:left}}
@media(max-width:520px){.hero{padding-top:44px}.hero h1{font-size:47px}.lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;gap:12px}.hero-actions .text-link{text-align:center}.trust-line{flex-wrap:wrap;margin-top:35px}.hero-art{height:390px}.status-card{left:0;bottom:18px}.cloud-card{right:0;top:18px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article,.benefit-grid article:not(:first-child){padding:28px 0;border-right:0}.section-heading{margin-bottom:35px}.service-image,.service-image img{min-height:360px}.collab-copy{padding:70px 24px}.collab-image{min-height:340px}.faq{gap:30px}footer{grid-template-columns:1fr}footer>div{flex-wrap:wrap}.final-cta h2{font-size:58px}}
@media(max-width:520px){.steps article{grid-template-columns:30px 66px 1fr;gap:14px}.step-icon{width:62px;height:62px}.step-icon svg{width:35px;height:35px}.dark-flow-image{margin-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}