:root{--ink:#14213a;--muted:#65758d;--line:#dfe6f1;--panel:#fff;--soft:#f5f7ff;--primary:#3157f5;--accent:#35d0ac;--shadow:0 18px 54px rgba(30,51,90,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f7f9fd,#eef3fb);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px clamp(18px,4vw,54px);background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:48px;height:43px;border-radius:15px;background:linear-gradient(145deg,#eef2ff,#fff);border:1px solid #d7e0f4;box-shadow:0 8px 20px rgba(49,87,245,.12)}.brand-mark img{display:block}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:9px;letter-spacing:1.25px;text-transform:uppercase}.nav{display:flex;gap:15px;align-items:center;color:var(--muted);font-size:13px}.nav a{text-decoration:none}.main{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:42px 0 70px}.hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:30px;align-items:stretch}.hero-copy,.order-card,.tile,.summary,.preview,.public-page{background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.hero-copy{padding:clamp(30px,5vw,64px)}.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:#ecf2ff;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.hero h1{margin:20px 0 14px;font-size:clamp(38px,6vw,68px);line-height:.98;letter-spacing:-3px}.hero p{margin:0;color:var(--muted);font-size:17px;line-height:1.7}.hero-side{padding:28px;background:linear-gradient(145deg,#13213b,#3157f5);border-radius:28px;color:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.hero-side strong{font-size:26px;line-height:1.2}.hero-side ul{padding-left:20px;line-height:1.9;color:#dfe6ff}.button{appearance:none;border:0;border-radius:15px;padding:15px 21px;background:linear-gradient(135deg,#3157f5,#7654f6);color:#fff;font-weight:900;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 25px rgba(49,87,245,.24)}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.tile{padding:24px}.tile h3{margin:0 0 9px;font-size:18px}.tile p{margin:0;color:var(--muted);line-height:1.6;font-size:13px}.order-wrap{width:min(860px,100%);margin:0 auto}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 16px}.step{height:6px;border-radius:999px;background:#dfe6f1}.step.active{background:linear-gradient(90deg,#3157f5,#35d0ac)}.order-card{padding:clamp(24px,5vw,48px)}.order-card h1{margin:0 0 10px;font-size:clamp(30px,5vw,46px);letter-spacing:-1.8px}.order-card>p{margin:0 0 24px;color:var(--muted);line-height:1.7}.field{display:grid;gap:8px;margin-bottom:16px}.field label{font-size:12px;font-weight:900}.field input,.field textarea,.field select{width:100%;border:1px solid #cfd9e8;border-radius:14px;padding:14px 15px;background:#fff;color:var(--ink);font:14px/1.5 Arial}.field textarea{min-height:180px;resize:vertical}.hint{color:var(--muted);font-size:11px;line-height:1.55}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.offer{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff}.offer h3{margin:0 0 6px}.offer p{color:var(--muted);font-size:13px;line-height:1.6}.price{font-size:28px;font-weight:900;margin-top:18px}.progress{position:relative;height:14px;border-radius:999px;background:#e8edf6;overflow:hidden;margin:24px 0}.progress:before{content:"";position:absolute;inset:0;width:42%;background:linear-gradient(90deg,#3157f5,#35d0ac,#7654f6);border-radius:999px;animation:move 1.5s ease-in-out infinite alternate}@keyframes move{from{transform:translateX(-20%)}to{transform:translateX(150%)}}.status-list{display:grid;gap:10px}.status-item{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px rgba(53,208,172,.13)}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.preview{min-height:560px;padding:18px;background:#e9eef7}.preview iframe{width:100%;height:520px;border:0;border-radius:13px;background:#fff}.summary{padding:20px;height:max-content}.summary h3{margin-top:0}.followups{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.public-page{padding:clamp(28px,5vw,60px);max-width:900px;margin:0 auto}.public-page h1{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-2px;margin:0 0 18px}.public-page .lead{font-size:18px;line-height:1.7;color:var(--muted);margin-bottom:30px}.public-page h2{margin:34px 0 12px;font-size:26px}.public-page h3{margin:26px 0 10px}.public-page p,.public-page li{font-size:15px;line-height:1.8}.public-page ul,.public-page ol{padding-left:24px}.public-list{display:grid;gap:14px}.public-list article{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.public-list h2{margin:0 0 8px}.footer{margin-top:auto;padding:26px clamp(18px,4vw,54px);background:#11203a;color:#cbd6e8;font-size:12px}.footer-inner{width:min(1180px,100%);margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#fff;margin-right:12px}@media(max-width:900px){.hero{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}.summary{order:-1}}@media(max-width:600px){.nav{display:none}.main{padding-top:24px}.tiles,.offer-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.order-card,.public-page{border-radius:22px}.steps{grid-template-columns:repeat(3,1fr)}}