:root {
    --bg: #0b1120;
    --bg-raised: #101b2f;
    --panel: rgba(18, 31, 52, 0.76);
    --panel-strong: #15243b;
    --line: rgba(148, 163, 184, 0.17);
    --line-bright: rgba(148, 163, 184, 0.28);
    --text: #f8fafc;
    --muted: #9aaac0;
    --muted-dark: #6e8099;
    --cyan: #22d3ee;
    --blue: #60a5fa;
    --green: #34d399;
    --orange: #fbbf24;
    --purple: #a78bfa;
    --coral: #fb8b7e;
    --radius-lg: 24px;
    --radius-md: 16px;
    --shadow: 0 30px 80px rgba(0, 0, 0, 0.28);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    background:
        radial-gradient(circle at 52% 3%, rgba(35, 211, 238, 0.065), transparent 30rem),
        var(--bg);
    color: var(--text);
    font-family: 'DM Sans', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    margin: 0;
    min-width: 320px;
    overflow-x: hidden;
}

body::before {
    background-image: linear-gradient(rgba(148, 163, 184, 0.028) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, 0.028) 1px, transparent 1px);
    background-size: 48px 48px;
    content: '';
    inset: 0;
    mask-image: linear-gradient(to bottom, black, transparent 75%);
    pointer-events: none;
    position: fixed;
    z-index: -2;
}

a { color: inherit; }

a:focus-visible,
button:focus-visible {
    outline: 3px solid rgba(34, 211, 238, 0.65);
    outline-offset: 4px;
}

.ambient {
    border-radius: 999px;
    filter: blur(80px);
    opacity: 0.26;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}

.ambient-one { background: #164e63; height: 22rem; right: -9rem; top: 25rem; width: 22rem; }
.ambient-two { background: #312e81; height: 20rem; left: -12rem; top: 76rem; width: 20rem; }

.shell {
    margin: 0 auto;
    max-width: 1180px;
    padding-left: 28px;
    padding-right: 28px;
    width: 100%;
}

.site-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1240px;
    padding: 25px 28px;
    position: relative;
    z-index: 5;
}

.brand {
    align-items: center;
    display: inline-flex;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    gap: 10px;
    letter-spacing: -0.02em;
    text-decoration: none;
}

.brand-mark {
    background: rgba(34, 211, 238, 0.09);
    border: 1px solid rgba(34, 211, 238, 0.35);
    border-radius: 11px;
    display: inline-block;
    height: 28px;
    overflow: hidden;
    position: relative;
    width: 28px;
}

.brand-ring {
    border: 2px solid var(--orange);
    border-radius: 50%;
    height: 12px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 12px;
}

.brand-ring::after {
    background: var(--orange);
    content: '';
    height: 2px;
    left: 2px;
    position: absolute;
    top: 3px;
    transform: rotate(45deg);
    width: 6px;
}

.brand-bar { bottom: 4px; position: absolute; width: 3px; }
.brand-bar-one { background: var(--green); height: 9px; left: 5px; }
.brand-bar-two { background: var(--cyan); height: 14px; left: 10px; }
.brand-bar-three { background: var(--purple); height: 19px; left: 15px; }

.site-nav { align-items: center; display: flex; gap: 30px; }
.site-nav a, .footer-links a { color: var(--muted); font-size: 0.82rem; text-decoration: none; }
.site-nav a:hover, .footer-links a:hover { color: var(--text); }
.site-nav .nav-github { color: var(--text); font-weight: 600; }
.site-nav .nav-github span { color: var(--cyan); margin-left: 4px; }

.hero {
    align-items: center;
    display: grid;
    gap: 56px;
    grid-template-columns: minmax(0, 0.88fr) minmax(520px, 1.12fr);
    min-height: 720px;
    padding-bottom: 90px;
    padding-top: 84px;
}

.hero-copy { max-width: 560px; position: relative; z-index: 2; }
.eyebrow, .section-label { color: var(--cyan); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.eyebrow { align-items: center; display: inline-flex; gap: 9px; }
.eyebrow-dot { background: var(--green); border-radius: 50%; box-shadow: 0 0 0 5px rgba(52, 211, 153, 0.1), 0 0 18px rgba(52, 211, 153, 0.8); height: 7px; width: 7px; }

h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: 'Space Grotesk', sans-serif; letter-spacing: -0.06em; }
h1 { font-size: clamp(3.45rem, 6.6vw, 6.4rem); line-height: 0.95; margin: 24px 0 27px; max-width: 610px; }
h1 em, h2 em { color: var(--cyan); font-style: normal; }
.hero-lede { color: var(--muted); font-size: 1.08rem; line-height: 1.7; margin-bottom: 31px; max-width: 510px; }

.hero-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; }
.button { align-items: center; border-radius: 11px; display: inline-flex; font-size: 0.85rem; font-weight: 700; gap: 10px; justify-content: center; min-height: 46px; padding: 0 18px; text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--cyan); box-shadow: 0 12px 28px rgba(34, 211, 238, 0.16); color: #06202b; }
.button-primary:hover { background: #67e8f9; box-shadow: 0 16px 34px rgba(34, 211, 238, 0.24); }
.button-secondary { border: 1px solid var(--line-bright); color: var(--text); }
.button-secondary:hover { background: rgba(148, 163, 184, 0.08); border-color: rgba(148, 163, 184, 0.48); }
.button-primary span { font-size: 1rem; }

.hero-notes { display: flex; flex-wrap: wrap; gap: 25px; margin-top: 54px; }
.hero-notes span { border-left: 1px solid var(--line-bright); display: flex; flex-direction: column; gap: 4px; padding-left: 12px; }
.hero-notes strong { font-size: 0.75rem; }
.hero-notes small { color: var(--muted-dark); font-size: 0.7rem; }

.hero-visual { min-width: 0; perspective: 1400px; position: relative; }
.glow-orb { border-radius: 50%; filter: blur(14px); height: 16rem; opacity: 0.3; position: absolute; width: 16rem; }
.glow-orb-cyan { background: var(--cyan); right: 9%; top: 10%; }
.app-window { background: #0d192b; border: 1px solid rgba(148, 163, 184, 0.28); border-radius: 18px; box-shadow: var(--shadow), 0 0 0 7px rgba(15, 23, 42, 0.38); overflow: hidden; position: relative; transform: rotateY(-7deg) rotateX(3deg); transform-style: preserve-3d; z-index: 1; }
.window-chrome { align-items: center; background: rgba(28, 43, 65, 0.82); border-bottom: 1px solid var(--line); display: flex; height: 43px; justify-content: space-between; padding: 0 16px; }
.chrome-dots { display: flex; gap: 5px; }
.chrome-dots i { background: #52647d; border-radius: 50%; height: 6px; width: 6px; }
.chrome-dots i:first-child { background: var(--coral); }
.chrome-dots i:nth-child(2) { background: var(--orange); }
.chrome-title { color: #7e91aa; font-size: 0.53rem; font-weight: 700; letter-spacing: 0.12em; }
.chrome-status { align-items: center; color: #86a1a9; display: flex; font-size: 0.55rem; gap: 5px; text-transform: uppercase; }
.chrome-status span, .sync-dot { background: var(--green); border-radius: 50%; box-shadow: 0 0 8px rgba(52, 211, 153, 0.7); display: inline-block; height: 5px; width: 5px; }
.window-layout { display: grid; grid-template-columns: 126px minmax(0, 1fr); min-height: 390px; }
.preview-sidebar { background: rgba(9, 18, 33, 0.66); border-right: 1px solid var(--line); padding: 20px 10px; }
.preview-logo { align-items: center; display: flex; font-family: 'Space Grotesk', sans-serif; font-size: 0.62rem; gap: 6px; letter-spacing: -0.03em; line-height: 1.1; margin: 0 8px 27px; }
.mini-mark { background: linear-gradient(145deg, var(--cyan), var(--blue)); border-radius: 6px; height: 21px; position: relative; width: 21px; }
.mini-mark::after { border: 2px solid var(--orange); border-radius: 50%; content: ''; height: 7px; position: absolute; right: 2px; top: 2px; width: 7px; }
.preview-nav { align-items: center; border-radius: 7px; color: #8293aa; display: flex; font-size: 0.57rem; gap: 8px; margin: 3px 0; padding: 9px 8px; }
.preview-nav-active { background: rgba(34, 211, 238, 0.12); color: #d9fbff; }
.preview-nav-settings { margin-top: 46px; }
.nav-square, .nav-circle, .nav-line, .nav-fire, .nav-pie, .nav-gear { border: 1px solid currentColor; display: inline-block; height: 9px; opacity: 0.82; width: 9px; }
.nav-circle { border-radius: 50%; }
.nav-line { border-width: 0 0 1px 1px; transform: skewY(-28deg); }
.nav-fire { border-radius: 5px 5px 2px 2px; }
.nav-pie { border-radius: 50%; border-right-color: transparent; }
.nav-gear { border-radius: 50%; }
.preview-main { min-width: 0; padding: 27px 25px 15px; }
.preview-heading { align-items: flex-start; display: flex; justify-content: space-between; }
.preview-kicker { color: #69819b; display: block; font-size: 0.5rem; font-weight: 700; letter-spacing: 0.15em; margin-bottom: 4px; }
.preview-heading h2 { font-size: 0.8rem; letter-spacing: -0.03em; margin: 0 0 8px; }
.preview-heading strong { color: var(--text); font-family: 'Space Grotesk', sans-serif; font-size: 1.65rem; letter-spacing: -0.06em; }
.preview-heading strong span { color: var(--green); font-family: 'DM Sans', sans-serif; font-size: 0.58rem; letter-spacing: 0; margin-left: 4px; vertical-align: middle; }
.period-picker { align-items: center; background: rgba(148, 163, 184, 0.07); border: 1px solid var(--line); border-radius: 6px; display: flex; gap: 5px; padding: 5px; }
.period-picker > * { color: #74869c; font-size: 0.48rem; font-weight: 700; padding: 4px 5px; }
.period-picker b { background: rgba(34, 211, 238, 0.16); border-radius: 4px; color: var(--cyan); }
.preview-allocation { background: rgba(148, 163, 184, 0.1); border-radius: 999px; display: flex; gap: 2px; height: 9px; margin: 22px 0 13px; overflow: hidden; }
.preview-allocation i { display: block; }
.allocation-cash { background: var(--cyan); width: 18%; }
.allocation-investments { background: var(--green); width: 46%; }
.allocation-property { background: var(--orange); width: 24%; }
.allocation-pension { background: var(--purple); width: 12%; }
.preview-grid { display: grid; gap: 12px; grid-template-columns: minmax(0, 1.36fr) minmax(126px, 0.64fr); }
.preview-card { background: linear-gradient(145deg, rgba(30, 48, 76, 0.85), rgba(20, 34, 56, 0.82)); border: 1px solid var(--line); border-radius: 10px; min-width: 0; padding: 12px; }
.preview-card-head { align-items: center; color: #a8b6c8; display: flex; font-size: 0.57rem; font-weight: 700; justify-content: space-between; }
.preview-card-head small { color: #6d8199; font-size: 0.48rem; font-weight: 500; }
.chart-area { height: 122px; margin-top: 13px; overflow: hidden; position: relative; }
.chart-grid { background: repeating-linear-gradient(to bottom, transparent 0, transparent 29px, rgba(148, 163, 184, 0.09) 30px); inset: 0; position: absolute; }
.chart-bars { align-items: flex-end; bottom: 0; display: flex; gap: 7px; height: 100%; justify-content: space-around; left: 4px; opacity: 0.52; position: absolute; right: 4px; }
.chart-bars i { background: linear-gradient(to top, rgba(34, 211, 238, 0.14), rgba(34, 211, 238, 0.65)); border-radius: 2px 2px 0 0; display: block; flex: 1; max-width: 12px; }
.chart-line { background: var(--green); clip-path: polygon(0 80%, 9% 69%, 18% 73%, 27% 52%, 38% 60%, 48% 39%, 58% 48%, 68% 22%, 79% 31%, 88% 12%, 100% 0, 100% 7%, 88% 19%, 79% 37%, 68% 28%, 58% 54%, 48% 45%, 38% 66%, 27% 58%, 18% 79%, 9% 75%, 0 86%); height: 100%; inset: 0; opacity: 0.95; position: absolute; }
.chart-labels { color: #667a93; display: flex; font-size: 0.45rem; justify-content: space-between; margin-top: 5px; }
.preview-breakdown-card { padding-bottom: 9px; }
.asset-row { align-items: center; border-bottom: 1px solid rgba(148, 163, 184, 0.09); color: #95a6b9; display: flex; font-size: 0.5rem; justify-content: space-between; padding: 10px 0; }
.asset-row:last-child { border-bottom: none; }
.asset-row b { color: #dae6f2; font-size: 0.52rem; }
.asset-row span { align-items: center; display: flex; gap: 6px; }
.asset-dot { border-radius: 50%; height: 6px; width: 6px; }
.dot-cyan { background: var(--cyan); }.dot-green { background: var(--green); }.dot-orange { background: var(--orange); }.dot-purple { background: var(--purple); }
.preview-footer-row { align-items: center; color: #657991; display: flex; font-size: 0.48rem; justify-content: space-between; padding-top: 12px; }
.preview-footer-row > span:first-child { align-items: center; display: flex; gap: 6px; }
.privacy-chip { background: rgba(52, 211, 153, 0.08); border: 1px solid rgba(52, 211, 153, 0.18); border-radius: 999px; color: #77bc9f; padding: 5px 7px; }
.float-card { align-items: center; backdrop-filter: blur(14px); background: rgba(21, 36, 59, 0.9); border: 1px solid var(--line-bright); border-radius: 12px; box-shadow: 0 18px 32px rgba(0, 0, 0, 0.3); display: flex; gap: 9px; padding: 11px 13px; position: absolute; z-index: 2; }
.float-card small, .float-card b { display: block; }
.float-card small { color: #8194ac; font-size: 0.49rem; margin-bottom: 4px; }
.float-card b { color: #e8f3fa; font-family: 'Space Grotesk', sans-serif; font-size: 0.68rem; }
.float-card-one { bottom: -20px; left: -29px; }
.float-card-two { right: -20px; top: 28px; }
.float-icon { align-items: center; border-radius: 8px; display: flex; font-size: 0.85rem; height: 28px; justify-content: center; width: 28px; }
.float-icon-green { background: rgba(52, 211, 153, 0.14); color: var(--green); }.float-icon-purple { background: rgba(167, 139, 250, 0.15); color: var(--purple); }

.feature-section { padding-bottom: 118px; padding-top: 85px; }
.section-intro { align-items: end; display: flex; gap: 45px; justify-content: space-between; margin-bottom: 37px; }
.section-intro h2, .privacy-copy h2, .closing-section h2 { font-size: clamp(2.1rem, 4.1vw, 3.75rem); line-height: 0.99; margin: 14px 0 0; }
.section-intro > p { color: var(--muted); line-height: 1.7; margin-bottom: 2px; max-width: 335px; }
.feature-grid { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.feature-card { background: linear-gradient(145deg, rgba(20, 36, 60, 0.75), rgba(13, 25, 43, 0.63)); border: 1px solid var(--line); border-radius: var(--radius-md); min-height: 225px; padding: 24px; position: relative; overflow: hidden; }
.feature-card:hover { border-color: rgba(34, 211, 238, 0.32); transform: translateY(-3px); transition: border-color 180ms ease, transform 180ms ease; }
.feature-card-wide { align-items: start; display: grid; gap: 17px; grid-column: span 2; grid-template-columns: auto 1fr; }
.feature-card-accent { background: linear-gradient(145deg, rgba(50, 40, 63, 0.7), rgba(21, 30, 52, 0.7)); }
.feature-icon { align-items: center; border: 1px solid currentColor; border-radius: 9px; display: flex; font-family: 'Space Grotesk', sans-serif; font-size: 1.1rem; font-weight: 700; height: 34px; justify-content: center; width: 34px; }
.feature-icon-cyan { background: rgba(34, 211, 238, 0.1); color: var(--cyan); }.feature-icon-blue { background: rgba(96, 165, 250, 0.1); color: var(--blue); }.feature-icon-green { background: rgba(52, 211, 153, 0.1); color: var(--green); }.feature-icon-purple { background: rgba(167, 139, 250, 0.1); color: var(--purple); }.feature-icon-orange { background: rgba(251, 191, 36, 0.1); color: var(--orange); }.feature-icon-slate { background: rgba(148, 163, 184, 0.1); color: #9eb0c5; }
.feature-card h3 { font-family: 'Space Grotesk', sans-serif; font-size: 1.02rem; letter-spacing: -0.04em; margin: 3px 0 10px; }
.feature-card p { color: var(--muted); font-size: 0.83rem; line-height: 1.65; margin-bottom: 0; max-width: 300px; }
.feature-swatch { align-self: end; grid-column: 1 / -1; }
.feature-swatch-bars { align-items: end; background: linear-gradient(to top, rgba(34, 211, 238, 0.1), transparent); border-bottom: 1px solid rgba(34, 211, 238, 0.23); display: flex; gap: 7px; height: 46px; justify-content: flex-end; padding: 0 5px; }
.feature-swatch-bars i { background: var(--cyan); border-radius: 2px 2px 0 0; display: block; height: 22px; opacity: 0.8; width: 10px; }.feature-swatch-bars i:nth-child(2) { height: 29px; opacity: 0.62; }.feature-swatch-bars i:nth-child(3) { height: 19px; opacity: 0.48; }.feature-swatch-bars i:nth-child(4) { height: 37px; opacity: 0.72; }.feature-swatch-bars i:nth-child(5) { height: 43px; opacity: 0.94; }
.progress-preview { align-self: end; grid-column: 1 / -1; }.progress-preview span { background: rgba(148, 163, 184, 0.13); border-radius: 999px; display: block; height: 8px; overflow: hidden; }.progress-preview i { background: linear-gradient(90deg, var(--orange), var(--green)); border-radius: inherit; display: block; height: 100%; width: 68%; }.progress-preview small { color: #8b9cae; display: block; font-size: 0.6rem; margin-top: 8px; }

.privacy-section { padding-bottom: 118px; }
.privacy-panel { align-items: center; background: linear-gradient(115deg, rgba(21, 42, 61, 0.82), rgba(16, 27, 48, 0.77)); border: 1px solid rgba(52, 211, 153, 0.2); border-radius: var(--radius-lg); display: grid; gap: 70px; grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr); overflow: hidden; padding: 58px 60px; position: relative; }
.privacy-panel::after { background: radial-gradient(circle, rgba(52, 211, 153, 0.13), transparent 67%); content: ''; height: 390px; pointer-events: none; position: absolute; right: -120px; top: -140px; width: 390px; }
.privacy-copy, .privacy-list { position: relative; z-index: 1; }
.privacy-copy h2 { margin-bottom: 22px; }.privacy-copy p { color: var(--muted); line-height: 1.7; max-width: 570px; }.privacy-copy .privacy-caution { border-left: 2px solid var(--orange); color: #b7b8a9; font-size: 0.77rem; line-height: 1.6; padding-left: 13px; }
.privacy-list { display: grid; gap: 20px; }.privacy-list > div { align-items: flex-start; display: flex; gap: 12px; }.check-mark { align-items: center; background: rgba(52, 211, 153, 0.12); border: 1px solid rgba(52, 211, 153, 0.24); border-radius: 8px; color: var(--green); display: flex; flex: 0 0 auto; font-size: 0.8rem; height: 28px; justify-content: center; width: 28px; }.privacy-list b, .privacy-list small { display: block; }.privacy-list b { font-size: 0.82rem; margin: 2px 0 5px; }.privacy-list small { color: var(--muted); font-size: 0.72rem; line-height: 1.5; }

.closing-section { align-items: center; display: flex; flex-direction: column; padding-bottom: 125px; padding-top: 20px; text-align: center; }.closing-rule { background: linear-gradient(90deg, transparent, var(--cyan), transparent); height: 1px; margin-bottom: 58px; opacity: 0.55; width: 100%; }.closing-section h2 { margin-bottom: 18px; }.closing-section p { color: var(--muted); line-height: 1.6; margin-bottom: 27px; }
.closing-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }.button-coffee { background: var(--orange); box-shadow: 0 12px 28px rgba(251, 191, 36, 0.16); color: #211604; }.button-coffee:hover { background: #fcd34d; box-shadow: 0 16px 34px rgba(251, 191, 36, 0.24); }.button-coffee span { font-size: 1rem; }
.site-footer { align-items: center; border-top: 1px solid var(--line); color: var(--muted-dark); display: flex; font-size: 0.7rem; gap: 22px; justify-content: space-between; padding-bottom: 27px; padding-top: 27px; }.footer-brand { color: var(--text); font-size: 0.8rem; }.brand-mark-small { border-radius: 8px; height: 22px; transform: scale(0.8); transform-origin: left center; width: 22px; }.footer-links { display: flex; gap: 18px; }

@media (max-width: 1020px) {
    .hero { gap: 35px; grid-template-columns: minmax(0, 0.83fr) minmax(465px, 1.17fr); }
    .hero-visual { transform: scale(0.96); transform-origin: center right; }
    .float-card-one { left: -12px; }
    .float-card-two { right: -7px; }
}

@media (max-width: 820px) {
    .site-header { align-items: flex-start; gap: 22px; }.site-nav { flex-wrap: wrap; gap: 10px 18px; justify-content: flex-end; }.site-nav a { font-size: 0.76rem; }.site-nav .nav-github { flex-basis: 100%; text-align: right; }
    .hero { display: block; min-height: 0; padding-bottom: 45px; padding-top: 73px; }.hero-copy { margin: 0 auto; text-align: center; }.hero-copy .eyebrow, .hero-actions, .hero-notes { justify-content: center; }.hero-lede { margin-left: auto; margin-right: auto; }.hero-visual { margin: 72px auto 0; max-width: 660px; transform: none; }.app-window { transform: none; }
    .section-intro { align-items: flex-start; display: block; }.section-intro > p { margin-top: 23px; }.feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.feature-card-wide { grid-column: span 2; }
    .privacy-panel { gap: 40px; grid-template-columns: 1fr; padding: 45px; }
}

@media (max-width: 560px) {
    .shell { padding-left: 20px; padding-right: 20px; }.site-header { padding: 19px 20px; }.site-nav a:not(.nav-github) { display: none; }.site-nav .nav-github { flex-basis: auto; }.hero { padding-top: 58px; }.eyebrow { font-size: 0.62rem; }.hero-lede { font-size: 0.96rem; }.hero-actions { align-items: stretch; flex-direction: column; }.button { width: 100%; }.hero-notes { gap: 15px; justify-content: space-between; margin-top: 39px; text-align: left; }.hero-notes span { flex: 1; }.hero-notes strong { font-size: 0.68rem; }.hero-notes small { font-size: 0.63rem; }.hero-visual { margin-top: 54px; }.window-layout { grid-template-columns: 1fr; }.preview-sidebar { display: none; }.preview-main { padding: 23px 15px 13px; }.preview-heading strong { font-size: 1.4rem; }.preview-grid { grid-template-columns: 1fr; }.preview-breakdown-card { display: none; }.chart-area { height: 142px; }.float-card { display: none; }.chrome-title { display: none; }
    .feature-section { padding-bottom: 80px; padding-top: 78px; }.section-intro h2, .privacy-copy h2, .closing-section h2 { font-size: 2.35rem; }.feature-grid { grid-template-columns: 1fr; }.feature-card, .feature-card-wide { grid-column: auto; min-height: 190px; }.feature-card-wide { display: block; }.feature-card-wide .feature-icon { margin-bottom: 17px; }.feature-swatch, .progress-preview { margin-top: 25px; }.privacy-section { padding-bottom: 80px; }.privacy-panel { border-radius: 18px; padding: 32px 24px; }.closing-section { padding-bottom: 85px; }.closing-rule { margin-bottom: 43px; }.site-footer { align-items: flex-start; flex-direction: column; gap: 13px; }.footer-links { gap: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: 0.01ms !important; }
}