/* Product-led opening: compact copy, generous live website composition. */
.editorial-hero { width:min(1440px,calc(100% - 96px)); grid-template-columns:.85fr 1.25fr; gap:64px; min-height:min(820px,calc(100svh - 76px)); padding:70px 0 80px; align-items:center; }
.editorial-hero .eyebrow { font-size:10px; letter-spacing:.22em; margin-bottom:26px; }
.editorial-hero .display { font-size:clamp(48px,5.6vw,84px); letter-spacing:-.06em; line-height:1.02; font-weight:700; }
.editorial-hero .display span { color:#7ab779; }
.editorial-hero .lead { font-size:17px; line-height:1.65; letter-spacing:-.015em; margin:24px 0 0; max-width:390px; }
.editorial-hero .hero-actions { gap:22px; margin-top:30px; }
.editorial-hero .button { font-size:13px; padding:16px 22px; }
.editorial-hero .text-link { font-size:12px; }
.editorial-hero .rating-ribbon { margin:34px 0 0; padding:0; border:0; border-radius:0; box-shadow:none; background:none; gap:10px; font-size:10px; }
.editorial-hero .rating-ribbon strong { font-size:15px; white-space:nowrap; }
.editorial-hero .rating-ribbon small { color:#798a79; font-size:11px; font-weight:400; }
.editorial-hero .ribbon-stars { font-size:12px; letter-spacing:1px; }
.hero-showcase { position:relative; min-width:0; padding:42px 22px 55px 0; perspective:1600px; }
.showcase-halo { position:absolute; inset:0 -24px 0 -35px; border-radius:50%; background:radial-gradient(ellipse,#d4e8d3 0%,#e1efe1 40%,transparent 70%); z-index:-1; }
.hero-desktop { position:relative; overflow:hidden; border:1px solid #ffffff; border-radius:14px; background:#faf8f1; box-shadow:0 28px 65px -20px #25432455,0 3px 12px #25432412; transform:rotateY(-5deg) rotateX(3deg) rotate(-2deg); }
.hero-browser-bar { display:flex; align-items:center; justify-content:space-between; height:29px; padding:0 12px; background:#f0ede7; color:#b0bbb0; font-size:7px; }
.hero-browser-bar small { font-size:7px; color:#849184; }
.hero-demo-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:22px; color:#204e3b; }
.hero-demo-nav strong { font-size:13px; letter-spacing:.03em; }.hero-demo-nav strong span { font-size:8px; vertical-align:top; margin-left:3px; }
.hero-demo-nav > span { font-size:7px; }.hero-demo-nav b { font-size:7px; font-weight:500; border-bottom:1px solid #204e3b; padding-bottom:3px; }
.hero-demo-body { display:grid; grid-template-columns:1fr 1fr; min-height:320px; }
.hero-demo-copy { padding:42px 12px 38px 26px; }.hero-demo-copy small { font-size:6px; letter-spacing:.12em; color:#b36f40; font-weight:700; }
.hero-demo-copy h2 { margin:18px 0; font-size:clamp(25px,2.6vw,40px); line-height:1.06; letter-spacing:-.055em; color:#174c37; font-weight:650; }
.hero-demo-copy p { font-size:10px; line-height:1.65; color:#6b776c; }.demo-fake-button { display:inline-block; margin-top:16px; padding:12px 15px; background:#be643c; color:#fff; border-radius:4px; font-size:8px; }
.hero-demo-body > img { width:100%; height:100%; object-fit:cover; min-height:320px; }.hero-demo-footer { display:flex; justify-content:space-between; padding:20px 25px; font-size:7px; color:#6b776c; }
.hero-phone { position:absolute; right:-16px; bottom:26px; width:142px; overflow:hidden; background:#fbf8ef; border:5px solid #1f291f; border-radius:25px; transform:rotate(6deg); box-shadow:0 20px 36px #15271544; color:#174c37; }
.hero-phone h3 { overflow-wrap:normal; }
.hero-phone h3 { font-size:16px !important; letter-spacing:-.045em; }
.hero-phone-island { width:42px; height:10px; border-radius:10px; background:#1f291f; margin:5px auto 10px; }.hero-phone > strong { display:block; padding:5px 12px; font-size:7px; }.hero-phone h3 { font-size:20px; letter-spacing:-.04em; line-height:1.05; padding:0 12px; margin:20px 0 16px; }.hero-phone img { height:115px; width:100%; object-fit:cover; }.hero-phone > span { display:block; margin:12px; padding:9px 4px; border-radius:4px; text-align:center; font-size:6px; background:#be643c; color:#fff; }
.hero-concept-label { display:flex; justify-content:space-between; gap:12px; margin:24px 26px 0 5px; font-size:8px; letter-spacing:.12em; color:#768f75; }.hero-concept-label span { letter-spacing:0; }
@media(min-width:1500px) { .editorial-hero { gap:90px; }.hero-demo-body,.hero-demo-body>img { min-height:385px; } }
@media(max-width:1050px) { .editorial-hero { width:calc(100% - 64px); gap:28px; }.editorial-hero .display { font-size:55px; }.hero-demo-nav > span { display:none; }.hero-demo-body,.hero-demo-body>img { min-height:280px; }.hero-phone { width:112px; right:-12px; }.hero-demo-copy { padding:32px 12px 24px 20px; }.hero-demo-copy h2 { font-size:28px; }.hero-phone img { height:90px; }.hero-phone h3 { font-size:17px; } }
@media(max-width:760px) { .editorial-hero { width:calc(100% - 40px); grid-template-columns:1fr; gap:4px; padding:44px 0 24px; min-height:0; text-align:center; }.editorial-hero .eyebrow { margin-bottom:18px; }.editorial-hero .display { font-size:clamp(43px,9vw,66px); }.editorial-hero .lead { margin:18px auto 0; font-size:14px; line-height:1.6; }.editorial-hero .hero-actions { justify-content:center; gap:16px; margin-top:22px; }.editorial-hero .rating-ribbon { margin-top:22px; gap:7px; }.hero-showcase { width:min(580px,100%); margin:0 auto; padding:28px 22px 32px 0; }.hero-demo-body,.hero-demo-body>img { min-height:235px; }.hero-demo-copy h2 { font-size:clamp(25px,5vw,33px); }.hero-demo-copy { padding:25px 10px 22px 20px; }.hero-demo-nav { padding:17px 20px; }.hero-demo-footer { padding:16px 20px; }.hero-phone { bottom:20px; right:0; width:110px; }.hero-concept-label { margin-top:20px; font-size:7px; }.hero-phone h3 { margin-top:14px; } }
@media(prefers-reduced-motion:reduce) { .hero-desktop,.hero-phone { transform:none; } }

/* Immersive studio direction */
.editorial-hero { display:flex; flex-direction:column; width:min(1440px,calc(100% - 80px)); gap:0; padding:58px 0 70px; text-align:center; min-height:0; }
.editorial-hero .hero-content { width:100%; }
.editorial-hero .eyebrow { margin-bottom:20px; letter-spacing:.32em; }
.editorial-hero .display { font-size:clamp(64px,7.8vw,118px); line-height:.96; letter-spacing:-.065em; font-weight:650; }
.editorial-hero .display span { background:linear-gradient(110deg,#498548,#92c390 60%,#4b894a); background-clip:text; -webkit-background-clip:text; color:transparent; }
.editorial-hero .lead { max-width:600px; margin:24px auto 0; font-size:17px; }
.editorial-hero .hero-actions { justify-content:center; margin-top:24px; }
.editorial-hero .rating-ribbon { margin-top:22px; font-size:11px; }
.hero-showcase { width:min(1060px,92%); margin:36px auto 0; padding:0 50px 60px 0; text-align:left; }
.hero-desktop { border-radius:18px; transform:perspective(1600px) rotateX(5deg) rotateY(-3deg); box-shadow:0 45px 90px -25px #25442455; }
.hero-browser-bar { height:34px; }.hero-browser-bar small { font-size:9px; }
.hero-demo-nav { padding:26px 36px; }.hero-demo-nav strong { font-size:21px; }.hero-demo-nav > span,.hero-demo-nav b { font-size:10px; }
.hero-demo-body { grid-template-columns:46% 54%; min-height:420px; }
.hero-demo-copy { padding:58px 25px 48px 40px; }.hero-demo-copy small { font-size:9px; }.hero-demo-copy h2 { font-size:clamp(38px,4.7vw,65px); margin:22px 0; }.hero-demo-copy p { font-size:14px; }.demo-fake-button { font-size:11px; padding:15px 22px; }
.hero-demo-body > img { min-height:420px; }.hero-demo-footer { padding:22px 36px; font-size:10px; }
.hero-phone { width:195px; right:-12px; bottom:12px; border-width:7px; border-radius:32px; }.hero-phone > strong { font-size:10px; padding:10px 17px; }.hero-phone h3 { font-size:26px !important; padding:0 17px; margin:24px 0; }.hero-phone img { height:190px; }.hero-phone > span { font-size:9px; padding:13px 6px; }
.hero-concept-label { font-size:9px; margin-top:28px; padding-right:100px; }
.section-title { font-weight:650; letter-spacing:-.055em; }.section-head.center { max-width:900px; }.benefit { border-radius:8px; }.industry-row span { border-radius:5px; }
@media(max-width:760px) { .editorial-hero { width:calc(100% - 32px); padding:40px 0 32px; }.editorial-hero .display { font-size:clamp(47px,10vw,72px); }.editorial-hero .lead { font-size:14px; max-width:350px; }.editorial-hero .eyebrow { font-size:9px; }.hero-showcase { width:100%; padding:0 22px 40px 0; margin-top:32px; }.hero-demo-nav { padding:18px; }.hero-demo-nav strong { font-size:13px; }.hero-demo-nav > span { display:none; }.hero-demo-nav b { font-size:7px; }.hero-demo-body,.hero-demo-body>img { min-height:240px; }.hero-demo-copy { padding:28px 10px 20px 18px; }.hero-demo-copy h2 { font-size:27px; }.hero-demo-copy small { font-size:6px; }.hero-demo-copy p { font-size:9px; }.demo-fake-button { font-size:7px; padding:10px; }.hero-phone { width:110px; right:0; border-width:4px; border-radius:22px; }.hero-phone > strong { font-size:7px; padding:5px 10px; }.hero-phone h3 { font-size:15px !important; padding:0 10px; margin:14px 0; }.hero-phone img { height:100px; }.hero-phone > span { font-size:6px; padding:9px 3px; }.hero-demo-footer { font-size:6px; padding:14px; }.hero-concept-label { font-size:6px; padding-right:65px; } }