.redesign-page { --offer: #74fbd3; }
.redesign-hero { padding: calc(var(--header) + 70px) 0 85px; background: radial-gradient(ellipse at 18% 55%,#183443 0,transparent 55%),linear-gradient(135deg,#06101d,#191b36); color:white; }
.redesign-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:center; }
.redesign-intro h1 { font:500 clamp(56px,6.4vw,92px)/1.02 'Manrope',sans-serif; letter-spacing:-.065em; margin:28px 0; }
.redesign-intro h1 em { color:var(--offer); }
.redesign-intro > p { max-width:540px; font-size:20px; line-height:1.7; color:#c5ced6; }
.redesign-promises { display:flex; flex-wrap:wrap; list-style:none; gap:12px 22px; margin:28px 0; padding:0; font-size:12px; }
.redesign-promises li::before { content:'✓'; color:var(--offer); margin-right:8px; }
.redesign-example-link { color:var(--offer); font-size:13px; text-underline-offset:5px; }
.redesign-form-card { background:var(--paper); color:var(--ink); border-radius:20px; padding:36px; box-shadow:0 30px 90px #0004; scroll-margin-top:110px; }
.redesign-label { font-size:10px; letter-spacing:.13em; text-transform:uppercase; color:#59636f; }
.redesign-form-card h2 { font:500 32px/1.1 'Manrope',sans-serif; letter-spacing:-.05em; margin:16px 0; }
.redesign-form-card > p { color:#59636f; line-height:1.6; font-size:14px; }
.redesign-form-card label { display:block; margin:22px 0 8px; font-size:13px; font-weight:600; }
.redesign-form-card input:not([type=hidden]) { width:100%; border:1px solid #b9c0c6; background:white; border-radius:8px; padding:14px; color:#0a1524; font:400 16px 'DM Sans',sans-serif; }
.redesign-form-card small { display:block; margin-top:8px; color:#59636f; font-size:11px; }
.redesign-form-card .button { width:100%; margin-top:25px; background:var(--night); color:white; border-color:var(--night); }
.redesign-form-card .button:hover { background:#233b4d; }
.redesign-form-card .redesign-privacy { font-size:11px; line-height:1.7; color:#59636f; margin:16px 0; }
.redesign-form-foot { display:flex; align-items:center; gap:18px; padding-top:20px; margin-top:24px; border-top:1px solid #d7d9d6; }
.redesign-form-foot > span { font:500 40px 'Manrope',sans-serif; letter-spacing:-.06em; }
.redesign-form-foot p { margin:0; font-size:12px; color:#59636f; line-height:1.6; }
.redesign-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.redesign-success { padding:20px; background:#daf4e7; border:1px solid #9fceb5; border-radius:8px; line-height:1.6; }
.redesign-errors { padding:18px; background:#fff0ec; border:1px solid #ad4c34; border-radius:8px; color:#823621; font-size:14px; }
.redesign-how,.redesign-questions { padding:85px 0; background:var(--paper); }
.redesign-how h2,.redesign-section-heading h2,.redesign-questions h2 { font:500 clamp(40px,4.8vw,66px)/1.05 'Manrope',sans-serif; letter-spacing:-.055em; margin:22px 0 40px; }
.redesign-how h2 em,.redesign-questions h2 em { color:#28644f; }
.redesign-how ol { display:grid; grid-template-columns:repeat(3,1fr); gap:45px; padding:0; list-style:none; }
.redesign-how li { border-top:1px solid #cdd2d0; padding-top:24px; }
.redesign-how li > span { color:#28644f; font-size:12px; }
.redesign-how h3 { font-size:22px; margin:24px 0 12px; letter-spacing:-.03em; }
.redesign-how p,.redesign-questions p { color:#59636f; line-height:1.75; }
.redesign-examples { padding:85px 0; background:#0b1725; color:white; scroll-margin-top:85px; }
.redesign-section-heading { display:flex; align-items:center; justify-content:space-between; gap:60px; }
.redesign-section-heading > p { max-width:390px; color:#bec8d2; line-height:1.7; }
.redesign-projects { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.redesign-projects figure { margin:0; }
.redesign-browser { overflow:hidden; border:1px solid #ffffff30; border-radius:10px; background:#1f2b3b; }
.redesign-browser > span { display:block; padding:10px 14px; font-size:8px; letter-spacing:4px; color:#a9b8c8; }
.redesign-browser img { display:block; width:100%; height:auto; aspect-ratio:1.44; object-fit:cover; object-position:top; }
.redesign-projects figcaption { display:grid; gap:6px; margin-top:18px; }
.redesign-projects figcaption strong { font-size:17px; font-weight:500; }
.redesign-projects figcaption span,.redesign-example-note { color:#bec8d2; font-size:12px; line-height:1.6; }
.redesign-example-note { margin:30px 0 0; }
.redesign-question-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:85px; }
.redesign-question-grid > div > p { max-width:330px; }
.redesign-questions details { border-top:1px solid #cdd2d0; padding:22px 0; }
.redesign-questions summary { cursor:pointer; font-size:17px; font-weight:500; }
.redesign-questions details p { font-size:15px; margin-bottom:0; }
.redesign-final { background:var(--offer); padding:70px 0; text-align:center; }
.redesign-final h2 { margin:0 0 28px; font:500 clamp(38px,5vw,66px)/1.05 'Manrope',sans-serif; letter-spacing:-.055em; }
.redesign-final .button { background:var(--night); color:white; }
.redesign-final p { font-size:12px; margin:18px 0 0; }
.redesign-page :is(input,button,a,summary):focus-visible { outline:3px solid #477bea; outline-offset:4px; }
@media(max-width:1000px) { .redesign-grid { gap:35px; } .redesign-form-card { padding:26px; } .redesign-intro h1 { font-size:64px; } }
@media(max-width:820px) { .redesign-grid,.redesign-question-grid { grid-template-columns:1fr; gap:40px; } .redesign-hero { padding-top:calc(var(--header) + 40px); } .redesign-intro h1 { font-size:clamp(49px,10vw,74px); } .redesign-intro > p { font-size:18px; } .redesign-how ol,.redesign-projects { grid-template-columns:1fr; gap:30px; } .redesign-section-heading { display:block; } .redesign-section-heading > p { margin-bottom:30px; } .redesign-how,.redesign-questions,.redesign-examples { padding:60px 0; } .redesign-form-card { padding:25px 20px; } }