*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;}:root {--primary: #B22222;--primary-dark: #8f1a1a;--secondary: #001f3f;--secondary-light: #0a2d52;--gold: #f6c90e;--gold-dark: #e6ac00;--ink: #14161a;--body: #3a3f47;--muted: #6b7280;--paper: #ffffff;--cloud: #f7f5f2;--line: #e8e3dc;}html {scroll-behavior: smooth;}body {font-family: 'Hanken Grotesk', sans-serif;color: var(--body);background: var(--paper);overflow-x: hidden;-webkit-font-smoothing: antialiased;}.wrap {max-width: 72rem;margin: 0 auto;width: 100%;}#hero {position: relative;min-height: 100svh;display: flex;flex-direction: column;background: radial-gradient(120% 90% at 85% 0%, #c52a2a 0%, rgba(197,42,42,0) 55%), radial-gradient(140% 120% at 0% 100%, #7f1717 0%, rgba(127,23,23,0) 50%), linear-gradient(160deg, var(--primary) 0%, var(--primary-dark) 100%);overflow: hidden;}.hero-shape {position: absolute;z-index: 0;pointer-events: none;}.hero-star {top: 8%;left: -4%;width: 18rem;color: #ffffff;opacity: 0.06;}.hero-circle-1 {top: 18%;right: -6rem;width: 22rem;height: 22rem;border-radius: 50%;background: #ffffff;opacity: 0.05;}.hero-circle-2 {bottom: -8rem;right: 14%;width: 12rem;height: 12rem;border-radius: 50%;border: 2px solid #ffffff;opacity: 0.08;}.hero-topbar {position: relative;z-index: 3;display: flex;align-items: center;justify-content: space-between;padding: 1.25rem 1.5rem;max-width: 72rem;margin: 0 auto;width: 100%;}.hero-logo img {height: 3.25rem;width: auto;display: block;}.hero-topbar-phone {display: flex;flex-direction: column;align-items: flex-end;text-decoration: none;}.hero-topbar-phone span:first-child {font-size: 0.65rem;color: rgba(255,255,255,0.65);text-transform: uppercase;letter-spacing: 0.08em;font-weight: 600;}.hero-topbar-phone span:last-child {font-family: 'Bricolage Grotesque', sans-serif;font-size: 1.3rem;font-weight: 700;color: #fff;}.hero-body {position: relative;z-index: 2;flex: 1;display: grid;grid-template-columns: 1fr;gap: 2.25rem;padding: 2rem 1.5rem 3.5rem;align-items: center;max-width: 72rem;margin: 0 auto;width: 100%;}.hero-headline {display: flex;flex-direction: column;gap: 1.1rem;align-items: center;text-align: center;}.hero-eyebrow {display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.16em;color: var(--gold);width: fit-content;}.hero-eyebrow::before {content: "";width: 1.75rem;height: 2px;background: var(--gold);}.hero-headline h1 {font-family: 'Bricolage Grotesque', sans-serif;font-size: clamp(2.6rem, 8vw, 4.5rem);font-weight: 800;line-height: 1.02;color: #fff;letter-spacing: -0.02em;}.hero-headline h1 em {font-style: normal;color: var(--gold);white-space: nowrap;}.hero-subtext {font-size: 1.0625rem;line-height: 1.6;color: rgba(255,255,255,0.82);max-width: 32rem;}.hero-badges {display: flex;flex-wrap: wrap;gap: 0.6rem;margin-top: 0.25rem;justify-content: center;}.hero-badge {font-size: 0.78rem;font-weight: 600;color: #fff;background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.22);padding: 0.45rem 0.9rem;border-radius: 2rem;backdrop-filter: blur(2px);}.hero-form-card {background: var(--paper);border-radius: 1.1rem;padding: 1.75rem 1.5rem;box-shadow: 0 30px 70px rgba(0,0,0,0.35);border: 1px solid rgba(255,255,255,0.5);}.hero-form-card h2 {font-family: 'Bricolage Grotesque', sans-serif;font-size: 1.6rem;font-weight: 800;color: var(--ink);line-height: 1.1;margin-bottom: 0.3rem;}.hero-form-card h2 span {color: var(--primary);}.hero-form-card > p {font-size: 0.9rem;color: var(--muted);margin-bottom: 1.1rem;line-height: 1.5;}.form-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 0.7rem;}.form-grid .full {grid-column: 1 / -1;}.form-grid label {display: flex;flex-direction: column;gap: 0.3rem;font-size: 0.7rem;font-weight: 600;color: #555;text-transform: uppercase;letter-spacing: 0.04em;}.form-grid input, .form-grid textarea {padding: 0.7rem 0.85rem;border: 1.5px solid #e2ddd6;border-radius: 0.5rem;font-size: 0.95rem;font-family: 'Hanken Grotesk', sans-serif;color: var(--ink);transition: border-color 0.2s, background 0.2s;background: #faf8f5;width: 100%;}.form-grid input:focus, .form-grid textarea:focus {outline: none;border-color: var(--primary);background: #fff;}.form-grid textarea {min-height: 5rem;resize: vertical;}.form-submit {width: 100%;margin-top: 0.9rem;padding: 0 1.5rem;height: 3.25rem;background: var(--gold);color: #fff;font-family: 'Bricolage Grotesque', sans-serif;font-size: 1.1rem;font-weight: 700;letter-spacing: 0.01em;border: none;border-radius: 0.5rem;cursor: pointer;transition: background 0.2s, transform 0.1s, box-shadow 0.2s;box-shadow: 0 8px 20px rgba(230,172,0,0.35);}.form-submit:hover {background: var(--gold-dark);box-shadow: 0 10px 24px rgba(230,172,0,0.45);}.form-submit:active {transform: scale(0.985);}.form-or-call {text-align: center;margin-top: 0.9rem;font-size: 0.85rem;color: #999;}.form-or-call a {color: var(--ink);font-weight: 700;text-decoration: none;font-size: 1.05rem;}.form-or-call a:hover {color: var(--primary);}.form-success {display: none;text-align: center;padding: 2rem 1rem;background: #fdf6e3;border-radius: 0.6rem;border: 1px solid var(--gold);}.form-success p {color: #8a6d00;font-weight: 600;font-size: 1.05rem;}#proof {background: var(--secondary);padding: 1.6rem 1.5rem;}.proof-inner {display: flex;justify-content: center;align-items: center;gap: 2.5rem;flex-wrap: wrap;}.proof-item {display: flex;flex-direction: column;align-items: center;gap: 0.2rem;text-align: center;}.proof-number {font-family: 'Bricolage Grotesque', sans-serif;font-size: 2rem;font-weight: 800;color: var(--gold);line-height: 1;}.proof-label {font-size: 0.72rem;font-weight: 600;color: rgba(255,255,255,0.62);text-transform: uppercase;letter-spacing: 0.05em;}.proof-divider {width: 1px;height: 2.4rem;background: rgba(255,255,255,0.16);}section.band {padding: clamp(3.25rem, 6.5vw, 5.25rem) 1.5rem;}.section-label {font-size: 0.74rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.14em;color: var(--primary);margin-bottom: 0.6rem;}.section-title {font-family: 'Bricolage Grotesque', sans-serif;font-size: clamp(1.85rem, 4vw, 2.85rem);font-weight: 800;color: var(--ink);line-height: 1.06;letter-spacing: -0.01em;margin-bottom: 2.5rem;max-width: 40rem;}#work {background: var(--paper);}.work-grid {display: grid;grid-template-columns: 1fr;gap: 1.5rem;}.work-card {display: flex;flex-direction: column;}.browser {border-radius: 0.7rem;overflow: hidden;box-shadow: 0 14px 34px rgba(20,22,26,0.13);border: 1px solid var(--line);transition: transform 0.25s ease, box-shadow 0.25s ease;}.work-card:hover .browser {transform: translateY(-6px);box-shadow: 0 22px 46px rgba(20,22,26,0.2);}.browser-bar {display: flex;align-items: center;gap: 0.4rem;padding: 0.55rem 0.75rem;background: #f0ece6;border-bottom: 1px solid var(--line);}.dot {width: 0.55rem;height: 0.55rem;border-radius: 50%;}.dot.r {background: #ff5f57;}.dot.y {background: #febc2e;}.dot.g {background: #28c840;}.browser-url {margin-left: 0.5rem;font-size: 0.7rem;color: #9a948b;background: #fff;border-radius: 1rem;padding: 0.2rem 0.7rem;flex: 1;font-weight: 500;}.browser-screen {height: 14rem;background-color: #e9e5df;background-size: 100% auto;background-position: top center;background-repeat: no-repeat;position: relative;display: flex;align-items: flex-end;}.browser-screen::after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,0.7) 100%);}.screen-cap {position: relative;z-index: 1;padding: 0.9rem 1rem;display: flex;flex-direction: column;gap: 0.1rem;}.screen-name {font-family: 'Bricolage Grotesque', sans-serif;font-weight: 800;font-size: 1.05rem;color: #fff;letter-spacing: -0.01em;text-shadow: 0 1px 6px rgba(0,0,0,0.4);}.screen-tag {font-size: 0.68rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em;color: rgba(255,255,255,0.85);}#why {background: var(--cloud);}.why-grid {display: grid;grid-template-columns: 1fr;gap: 1.1rem;}.why-card {padding: 1.5rem;background: var(--paper);border: 1px solid var(--line);border-radius: 0.85rem;border-top: 3px solid var(--primary);transition: transform 0.2s ease, box-shadow 0.2s ease;}.why-card:hover {transform: translateY(-4px);box-shadow: 0 16px 34px rgba(20,22,26,0.09);}.why-card h3 {font-family: 'Bricolage Grotesque', sans-serif;font-size: 1.2rem;font-weight: 700;color: var(--ink);margin-bottom: 0.5rem;}.why-card p {font-size: 0.94rem;line-height: 1.6;color: var(--body);}#included {background: var(--secondary);}#included .section-label {color: var(--gold);}#included .section-title {color: #fff;}.included-shell {display: grid;grid-template-columns: 1fr;gap: 2rem;align-items: center;}.included-price {font-family: 'Bricolage Grotesque', sans-serif;color: #fff;text-align: center;}.included-price .big {font-size: clamp(3rem, 9vw, 4.5rem);font-weight: 800;line-height: 1;}.included-price .big span {color: var(--gold);}.included-price .sub {color: rgba(255,255,255,0.6);font-weight: 600;font-size: 0.95rem;margin-top: 0.5rem;font-family: 'Hanken Grotesk', sans-serif;line-height: 1.5;}.included-list {list-style: none;display: grid;gap: 0.7rem;}.included-list li {display: flex;align-items: flex-start;gap: 0.6rem;color: rgba(255,255,255,0.9);font-size: 0.98rem;line-height: 1.45;}.included-list li::before {content: "✓";color: var(--gold);font-weight: 800;flex-shrink: 0;}#reviews {background: var(--paper);}.reviews-grid {display: grid;grid-template-columns: 1fr;gap: 1.25rem;}.review-card {padding: 1.6rem;background: var(--cloud);border-radius: 0.9rem;border: 1px solid var(--line);display: flex;flex-direction: column;gap: 0.9rem;}.review-stars {color: var(--gold);font-size: 1.05rem;letter-spacing: 0.1em;}.review-text {font-size: 0.96rem;line-height: 1.65;color: var(--ink);font-weight: 500;}.review-author {display: flex;flex-direction: column;}.review-author b {color: var(--ink);font-weight: 700;font-size: 0.92rem;}.review-author span {color: var(--muted);font-size: 0.82rem;}#cta {padding: clamp(3.25rem, 7vw, 5.5rem) 1.5rem;background: radial-gradient(120% 100% at 50% 0%, #c52a2a 0%, rgba(197,42,42,0) 60%), linear-gradient(160deg, var(--primary) 0%, var(--primary-dark) 100%);text-align: center;}.cta-inner {max-width: 40rem;margin: 0 auto;display: flex;flex-direction: column;align-items: center;gap: 1.25rem;}#cta h2 {font-family: 'Bricolage Grotesque', sans-serif;font-size: clamp(1.9rem, 5vw, 3rem);font-weight: 800;color: #fff;line-height: 1.05;letter-spacing: -0.01em;}#cta h2 span {color: var(--gold);}#cta p {font-size: 1.05rem;color: rgba(255,255,255,0.8);line-height: 1.6;}.cta-buttons {display: flex;flex-direction: column;gap: 0.8rem;width: 100%;max-width: 24rem;}.btn-gold {display: inline-block;padding: 0 2rem;height: 3.25rem;line-height: 3.25rem;background: var(--gold);color: #fff;font-family: 'Bricolage Grotesque', sans-serif;font-size: 1.1rem;font-weight: 700;border-radius: 0.5rem;text-decoration: none;text-align: center;transition: background 0.2s, transform 0.1s;box-shadow: 0 10px 24px rgba(230,172,0,0.35);}.btn-gold:hover {background: var(--gold-dark);}.btn-ghost {display: block;width: 100%;text-align: center;color: #fff;text-decoration: none;font-size: 1.2rem;font-weight: 700;font-family: 'Bricolage Grotesque', sans-serif;border: 2px solid rgba(255,255,255,0.45);border-radius: 0.5rem;padding: 0 2rem;height: 3.25rem;line-height: 3.05rem;transition: border-color 0.2s;}.btn-ghost:hover {border-color: #fff;}#footer {background: #0a0c10;padding: 1.5rem;text-align: center;}#footer p {font-size: 0.82rem;color: rgba(255,255,255,0.4);line-height: 1.7;}#footer a {color: rgba(255,255,255,0.6);text-decoration: none;}#footer a:hover {color: var(--gold);}@media (prefers-reduced-motion: no-preference) {.anim {opacity: 0;transform: translateY(16px);animation: rise 0.7s cubic-bezier(0.22,1,0.36,1) forwards;}.d1 {animation-delay: 0.05s;}.d2 {animation-delay: 0.15s;}.d3 {animation-delay: 0.25s;}.d4 {animation-delay: 0.35s;}@keyframes rise {to {opacity: 1;transform: translateY(0);}}}@media only screen and (min-width: 48rem) {.hero-body {grid-template-columns: 1fr 1fr;gap: 3rem;padding: 2.5rem 2rem 4rem;align-items: center;}.hero-headline {align-items: flex-start;text-align: left;}.hero-badges {justify-content: flex-start;}.included-price {text-align: left;}.work-grid {grid-template-columns: repeat(3, 1fr);gap: 1.5rem;}.why-grid {grid-template-columns: repeat(2, 1fr);}.reviews-grid {grid-template-columns: repeat(3, 1fr);}.proof-item {flex-direction: row;gap: 0.7rem;text-align: left;}.proof-number {font-size: 2.3rem;}.included-shell {grid-template-columns: 0.8fr 1.2fr;gap: 3rem;}.cta-buttons {flex-direction: row;max-width: none;justify-content: center;}.btn-gold, .btn-ghost {width: auto;}}@media only screen and (min-width: 64rem) {.hero-body {grid-template-columns: 1.05fr 0.95fr;padding: 3rem 2rem 5rem;}.why-grid {grid-template-columns: repeat(3, 1fr);}}#how {background: var(--cloud);}.steps {display: grid;grid-template-columns: 1fr;gap: 1.5rem;}.step {display: flex;flex-direction: column;gap: 0.5rem;align-items: center;text-align: center;}.step-num {width: 2.75rem;height: 2.75rem;border-radius: 50%;background: var(--primary);color: #fff;font-family: 'Bricolage Grotesque', sans-serif;font-weight: 800;font-size: 1.25rem;display: flex;align-items: center;justify-content: center;}.step h3 {font-family: 'Bricolage Grotesque', sans-serif;font-size: 1.15rem;font-weight: 700;color: var(--ink);}.step p {font-size: 0.94rem;line-height: 1.6;color: var(--body);}.form-reassure {text-align: center;font-size: 0.78rem;color: #8a8f98;margin-top: 0.65rem;font-weight: 600;letter-spacing: 0.01em;}@media only screen and (min-width: 48rem) {.steps {grid-template-columns: repeat(3, 1fr);gap: 2rem;}}