.hero{padding:74px 0 50px;position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.hero h1{max-width:610px}.hero h1 span{color:var(--accent)}.hero .lead{font-size:21px;line-height:1.8;max-width:500px;margin:24px 0 30px}.hero .fine{font-size:13px;margin-top:16px}.hero-visual{min-width:0;position:relative}.hero-logo{height:300px;width:360px;max-width:85%;margin:auto;position:relative}.hero-logo:before{content:'';position:absolute;inset:15% 10%;background:radial-gradient(ellipse,#2563ff26,transparent 70%);filter:blur(20px)}.hero-visual .visual-label{display:flex;justify-content:space-between;color:var(--muted);font:11px Arial;letter-spacing:1.5px;border-bottom:1px solid var(--line);padding:0 0 12px}.mini-flow{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow);margin-top:8px}.mini-flow-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px}.flow-line{display:flex;align-items:center;justify-content:space-between;direction:rtl;gap:10px}.flow-step{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:67px;font-size:12px;color:var(--muted)}.flow-node{width:52px;height:52px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:var(--surface-2);color:var(--accent)}.flow-node.gold{color:var(--gold);background:#ffd1660c;border-color:#ffd16644}.connector{flex:1;height:1px;background:var(--line);position:relative;margin-top:-25px}.connector:before{content:'';position:absolute;width:5px;height:5px;background:var(--accent);border-radius:50%;top:-2px;left:50%}.hero-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:26px;margin-top:55px}.hero-bottom div{display:flex;gap:13px;align-items:center;font-size:16px}.hero-bottom .icon{color:var(--accent)}.section{padding:75px 0}.section.alt{background:var(--surface);border-block:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head p{max-width:390px;font-size:17px}.section-head h2{max-width:600px}.demo-layout{display:grid;grid-template-columns:300px 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--bg)}.demo-controls{padding:30px;border-inline-end:1px solid var(--line)}.demo-controls h3{font-size:22px;margin-bottom:15px}.demo-controls p{font-size:15px;margin-bottom:20px}.demo-controls .field{margin-bottom:20px}.demo-stage{padding:35px 30px;display:flex;flex-direction:column;justify-content:center}.demo-stage .flow-line{margin:10px 0 30px}.demo-stage .flow-node{width:64px;height:64px}.demo-stage .flow-step{font-size:15px;min-width:85px}.demo-stage .connector{margin-top:-32px}.demo-step.active .flow-node{border-color:var(--gold);box-shadow:0 0 0 5px #ffd1660a}.demo-step.done .flow-node{color:var(--success);border-color:var(--success)}.demo-status{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:20px;font-size:15px;color:var(--muted);min-height:55px}.demo-status .icon{color:var(--success)}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.template{display:flex;flex-direction:column;border-top:2px solid var(--line);padding:28px 0 0}.template .number{font:12px Arial;color:var(--accent);letter-spacing:2px;margin-bottom:24px}.template h3{margin:20px 0 12px}.template p{font-size:16px;margin-bottom:25px;flex:1}.template .btn{align-self:flex-start}.service-pair{display:flex;align-items:center;gap:12px}.service-pair .flow-node{width:42px;height:42px}.service-pair .icon{width:20px}.brand-system{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.brand-system p{margin:22px 0;font-size:18px}.swatch-strip{display:flex;gap:7px;margin-top:20px}.swatch-strip span{height:9px;flex:1;border-radius:20px}.identity-sheet{padding:28px;background:var(--bg);border:1px solid var(--line);border-radius:18px}.identity-sheet .sheet-title{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.identity-sheet .sheet-logo{width:235px;height:190px;object-fit:contain;margin:15px auto}.sheet-row{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--line);gap:20px}.sheet-row .icons{display:flex;gap:16px;color:var(--accent)}.cta-band{padding:44px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(115deg,#2563ff15,transparent 60%),var(--surface);display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:65px}.cta-band h2{font-size:30px}.cta-band p{font-size:16px;margin-top:10px}@media(max-width:1000px){.hero-grid{gap:25px}.hero-logo{height:250px}.hero .lead{font-size:19px}.demo-layout{grid-template-columns:250px 1fr}.brand-system{gap:30px}}@media(max-width:760px){.hero{padding-top:40px}.hero-grid,.brand-system{grid-template-columns:1fr}.hero-visual{margin-top:24px}.hero-logo{height:260px}.hero-bottom{grid-template-columns:1fr;gap:16px;margin-top:34px}.section{padding:50px 0}.section-head{display:block}.section-head p{margin-top:20px}.demo-layout{grid-template-columns:1fr}.demo-controls{border-inline-end:0;border-bottom:1px solid var(--line);padding:24px}.demo-stage{padding:26px 18px}.demo-stage .flow-node{width:48px;height:48px}.demo-stage .flow-step{font-size:12px;min-width:60px}.templates{grid-template-columns:1fr;gap:35px}.template{padding-top:22px}.template .number{margin-bottom:16px}.cta-band{padding:28px;display:block}.cta-band .btn{margin-top:24px}.hero h1{font-size:44px}.hero .lead{font-size:19px}.mini-flow{padding:17px}.hero .actions .btn{padding:11px 15px;font-size:15px}}