
:root{--bg:#071019;--bg2:#0a1421;--panel:#0e1a28;--text:#f7f5ef;--muted:#aab5c3;--gold:#e0af50;--gold2:#ffd77f;--blue:#2678ff;--cyan:#56d3ff;--line:rgba(255,255,255,.11);--paper:#f4efe5;--ink:#09111b;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(calc(100% - 36px),var(--max));margin:auto}header{position:sticky;top:0;z-index:50;background:rgba(7,16,25,.78);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.12em}.brand img{width:38px;height:38px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:22px;font-size:14px;color:#d5dde6}.navlinks a:hover{color:var(--gold2)}.navcta{padding:10px 16px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold2));color:#16120b;font-weight:800}.menu{display:none;font-size:22px}.hero{position:relative;overflow:hidden;padding:95px 0 80px;background:radial-gradient(circle at 82% 20%,rgba(38,120,255,.25),transparent 28%),radial-gradient(circle at 12% 70%,rgba(224,175,80,.14),transparent 25%),linear-gradient(145deg,#060c13,#0b1725 60%,#071019)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(#000,transparent 92%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.kicker{color:var(--cyan);text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:800}h1{font-size:clamp(52px,7vw,100px);line-height:.93;letter-spacing:-.055em;margin:14px 0 22px}h2{font-size:clamp(36px,4vw,60px);line-height:1;letter-spacing:-.04em;margin:0 0 20px}h3{font-size:24px;line-height:1.15;margin:0 0 10px}.gradient{background:linear-gradient(90deg,#fff 5%,var(--cyan) 45%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(18px,2vw,24px);color:#dbe3ea;max-width:730px}.hero-actions,.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:12px;border:1px solid var(--line);font-weight:800;font-size:14px;transition:.2s}.btn.primary{background:linear-gradient(90deg,var(--gold),var(--gold2));color:#191207;border:none}.btn.blue{background:linear-gradient(90deg,#1267ff,#2d8dff);border:none}.btn:hover{transform:translateY(-2px)}.visual-stage{position:relative;min-height:480px}.orb.one{position:absolute;width:340px;height:340px;right:8%;top:3%;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(86,211,255,.28),rgba(38,120,255,.04) 55%,transparent 70%);border:1px solid rgba(86,211,255,.18)}.logo-hero{position:absolute;width:270px;right:21%;top:14%;filter:drop-shadow(0 20px 36px rgba(0,0,0,.55))}.float-card{position:absolute;background:linear-gradient(180deg,rgba(17,31,47,.96),rgba(9,18,28,.94));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 22px 50px rgba(0,0,0,.38);backdrop-filter:blur(10px)}.float-card strong{display:block;margin-bottom:5px}.float-card small{color:var(--muted)}.float-card.a{left:2%;top:12%;width:210px;transform:rotate(-4deg)}.float-card.b{right:0;top:48%;width:220px;transform:rotate(3deg)}.float-card.c{left:11%;bottom:3%;width:250px}.meter{height:7px;background:#1c2c3c;border-radius:99px;margin:9px 0;overflow:hidden}.meter i{display:block;height:100%;width:78%;background:linear-gradient(90deg,var(--blue),var(--gold))}.section{padding:92px 0}.section.light{background:var(--paper);color:var(--ink)}.section.alt{background:#0a1420}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:end;margin-bottom:46px}.section-head p{margin:0;color:#637080;font-size:18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{position:relative;background:linear-gradient(180deg,#0f1c2a,#0b1622);border:1px solid var(--line);border-radius:20px;padding:24px;overflow:hidden;min-height:255px}.light .card{background:#fff;border-color:rgba(0,0,0,.09)}.card p{color:var(--muted);margin:0}.light .card p{color:#596675}.card .num{font-size:12px;color:var(--gold2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:38px}.icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(38,120,255,.13);border:1px solid rgba(86,211,255,.22);font-size:22px;margin-bottom:18px}.product-card{min-height:340px}.product-name{font-size:38px;font-weight:900;letter-spacing:-.04em}.product-link{position:absolute;bottom:22px;color:var(--gold2);font-weight:800}.value-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.03);margin-top:40px}.value{padding:18px;border-right:1px solid var(--line)}.value:last-child{border:0}.value strong{display:block}.value span{color:var(--muted);font-size:13px}.tool-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.tool{background:linear-gradient(180deg,#111f2f,#0b1622);border:1px solid var(--line);border-radius:16px;padding:16px;min-height:280px}.tool .screen{height:105px;border-radius:10px;background:linear-gradient(145deg,#172b3f,#0c1723);border:1px solid rgba(86,211,255,.18);margin-bottom:15px;padding:11px;font-size:11px;color:#b8c8d8}.tool h3{font-size:17px}.tool p{font-size:13px;color:var(--muted)}.socialproof{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.reviewbox,.quote-box,.social-card{background:#0c1825;border:1px solid var(--line);border-radius:20px;padding:24px}.stars{color:var(--gold2);font-size:26px;letter-spacing:2px}.placeholder{border:1px dashed rgba(255,255,255,.24);border-radius:14px;padding:18px;color:#9eacba}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.quote{padding:16px;border-radius:14px;background:#101f2e;color:#d8e0e8;font-size:14px}.social-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.feed div{aspect-ratio:1;border-radius:10px;background:linear-gradient(145deg,rgba(38,120,255,.4),rgba(224,175,80,.3)),#15263a}.device-row{display:flex;align-items:end;justify-content:center;gap:22px;margin-top:35px}.phone{width:155px;height:315px;border:8px solid #1e2a35;border-radius:29px;background:#0c1723;padding:14px;box-shadow:0 24px 60px rgba(0,0,0,.5)}.laptop{width:min(600px,65vw);height:340px;border:10px solid #202b35;border-bottom-width:25px;border-radius:18px;background:#0d1824;padding:17px;box-shadow:0 24px 70px rgba(0,0,0,.55)}.ui-sketch{height:100%;border-radius:10px;background:linear-gradient(90deg,rgba(86,211,255,.08) 1px,transparent 1px),linear-gradient(rgba(86,211,255,.08) 1px,transparent 1px),#111f2d;background-size:22px 22px;position:relative}.ui-sketch:after{content:"ARCHI5 STUDIO";position:absolute;inset:40% 0 auto;text-align:center;font-weight:900;color:#c9d4df;letter-spacing:.1em}.cta-band{padding:55px 0;background:linear-gradient(90deg,#0a3b8d,#1267ff 48%,#07182e);border-top:1px solid rgba(255,255,255,.15)}.cta-flex{display:flex;justify-content:space-between;align-items:center;gap:30px}footer{padding:45px 0;background:#050a0f;border-top:1px solid var(--line);color:#9ca8b4;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer-grid strong{color:white}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(224,175,80,.27);color:var(--gold2);font-size:12px}.hero-simple{padding:90px 0 55px;background:linear-gradient(145deg,#071019,#0b1c31)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stage{padding:20px;border:1px solid var(--line);border-radius:16px;background:#0c1824}.stage b{color:var(--gold2)}.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.logo-slot{height:78px;border:1px dashed var(--line);border-radius:14px;display:grid;place-items:center;color:#788797;font-size:12px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}.value-strip{grid-template-columns:1fr 1fr}.socialproof,.section-head,.two-col{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.logo-wall{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.navlinks{display:none}.menu{display:block}.hero-grid{grid-template-columns:1fr}.visual-stage{min-height:420px}.cards,.tool-grid,.value-strip,.social-row,.quotes{grid-template-columns:1fr}.value{border-right:0}.device-row{flex-wrap:wrap}.laptop{width:100%}.cta-flex{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr}.logo-wall{grid-template-columns:repeat(2,1fr)}}
