:root {
    color-scheme: dark;
    --bg: #080b16;
    --surface: rgba(18, 22, 38, .78);
    --surface-strong: #111526;
    --line: rgba(175, 188, 226, .12);
    --text: #f5f6ff;
    --muted: #9da5ba;
    --blue: #39a7ff;
    --cyan: #18d4e4;
    --violet: #9d5cff;
    --pink: #dc51e9;
    --font-body: "DM Sans", "Segoe UI", sans-serif;
    --font-display: "Manrope", "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body {
    margin: 0;
    min-width: 320px;
    background: var(--bg);
    color: var(--text);
    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1.65;
    overflow-x: hidden;
}
body::before {
    position: fixed;
    z-index: -2;
    inset: 0;
    content: "";
    pointer-events: none;
    background:
        radial-gradient(ellipse at 75% 4%, rgba(76, 80, 194, .13), transparent 38%),
        radial-gradient(ellipse at 2% 48%, rgba(0, 170, 214, .06), transparent 34%),
        linear-gradient(180deg, #090c17 0%, #080a14 52%, #0a0b16 100%);
}
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible {
    outline: 2px solid #70d7ff;
    outline-offset: 4px;
}
.page-glow { position: absolute; z-index: -1; pointer-events: none; filter: blur(2px); }
.page-glow--top {
    width: 610px;
    height: 610px;
    top: 135px;
    right: -210px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(89, 73, 210, .16), rgba(32, 113, 223, .05) 44%, transparent 70%);
}
.page-glow--side {
    width: 420px;
    height: 620px;
    top: 1080px;
    left: -290px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(0, 165, 203, .08), transparent 70%);
}
.section-wrap { width: min(1190px, calc(100% - 64px)); margin-inline: auto; }
.section-pad { padding-block: 134px; }
.site-header { position: sticky; z-index: 20; top: 0; padding: 18px 0; }
.nav-shell {
    width: min(1250px, calc(100% - 40px));
    min-height: 66px;
    margin: auto;
    padding: 8px 13px 8px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(201, 213, 250, .14);
    border-radius: 20px;
    background: rgba(12, 15, 28, .74);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .17), inset 0 1px rgba(255, 255, 255, .06);
    backdrop-filter: blur(24px) saturate(155%);
    -webkit-backdrop-filter: blur(24px) saturate(155%);
}
.brand { display: inline-flex; align-items: center; min-width: 170px; }
.brand__logo { display: block; width: 170px; height: auto; object-fit: contain; }
.nav-links { display: flex; align-items: center; gap: 34px; color: #c1c6d6; font-size: 15px; font-weight: 500; }
.nav-links a:not(.nav-cta) { transition: color .2s ease; }
.nav-links a:not(.nav-cta):hover, .footer-links a:hover { color: white; }
.nav-cta {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 11px 17px;
    border: 1px solid rgba(191, 197, 250, .19);
    border-radius: 13px;
    background: linear-gradient(120deg, rgba(72, 152, 255, .13), rgba(157, 92, 255, .15));
    color: #fff;
    transition: border-color .2s, transform .2s;
}
.nav-cta:hover { transform: translateY(-1px); border-color: rgba(150, 178, 255, .48); }
.nav-cta span { color: #8c91ff; }
.menu-toggle { display: none; }

.hero { position: relative; min-height: 670px; padding-top: 93px; padding-bottom: 97px; display: grid; grid-template-columns: .91fr 1.09fr; align-items: center; gap: 30px; }
.hero-copy { position: relative; z-index: 2; padding-bottom: 18px; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: #aab2c8; font-size: 12px; font-weight: 700; letter-spacing: .19em; }
.eyebrow__dot { width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg, var(--cyan), var(--violet)); box-shadow: 0 0 16px rgba(64, 190, 255, .72); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--font-display); }
.hero h1 { margin: 24px 0 19px; font-size: clamp(50px, calc(5.2vw + 2px), 73px); font-weight: 700; line-height: 1.08; letter-spacing: -.065em; }
.hero h1 span, .section-heading h2 span, .experience-heading h2 span, .closing h2 span, .contact-copy h2 span {
    background: linear-gradient(100deg, #55d9f7 4%, #5b9fff 45%, #c371ff 91%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.hero-copy__intro { max-width: 480px; margin-bottom: 29px; color: var(--muted); font-size: 17px; line-height: 1.85; }
.hero-actions { display: flex; align-items: center; gap: 25px; flex-wrap: wrap; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 0 21px; border: 0; border-radius: 14px; font-size: 14px; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button--primary { color: #fff; background: linear-gradient(110deg, #218fe9, #7361f5 76%, #a34ce7); box-shadow: 0 9px 26px rgba(78, 106, 231, .28), inset 0 1px rgba(255, 255, 255, .25); }
.button--primary:hover { box-shadow: 0 12px 34px rgba(78, 106, 231, .42), inset 0 1px rgba(255, 255, 255, .28); }
.button--primary span { font-size: 17px; }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: #dce1f0; font-size: 14px; font-weight: 600; transition: color .2s; }
.text-link:hover { color: #78d5ff; }
.play-icon { width: 25px; height: 25px; display: grid; place-items: center; padding-left: 2px; border: 1px solid rgba(207, 220, 255, .25); border-radius: 50%; color: #75d7ff; font-size: 10px; }
.hero-note { display: flex; align-items: center; gap: 13px; margin-top: 43px; color: #8991a8; font-size: 12px; line-height: 1.6; }
.hero-note p { margin: 0; }
.hero-note strong { color: #dce1f0; font-size: 13px; }
.note-avatars { display: flex; padding-left: 4px; }
.note-avatars span { width: 27px; height: 27px; display: grid; place-items: center; margin-left: -4px; border: 2px solid var(--bg); border-radius: 50%; background: linear-gradient(145deg, #2cc4e8, #356ee8); color: #fff; font-family: var(--font-display); font-size: 13px; font-weight: 800; }
.note-avatars span:nth-child(2) { background: linear-gradient(145deg, #a55cff, #5d5be8); }
.note-avatars span:nth-child(3) { background: linear-gradient(145deg, #f079e3, #8257d9); }
.hero-visual { position: relative; min-width: 0; padding: 35px 2px 20px 10px; }
.visual-orbit { position: absolute; border: 1px solid rgba(91, 135, 243, .11); border-radius: 50%; pointer-events: none; }
.visual-orbit--one { width: 565px; height: 565px; top: 0; left: 50%; transform: translateX(-50%); }
.visual-orbit--two { width: 435px; height: 435px; top: 67px; left: 50%; transform: translateX(-50%); border-color: rgba(94, 127, 224, .1); }
.app-window { position: relative; z-index: 1; padding: 10px; border: 1px solid rgba(208, 221, 255, .2); border-radius: 18px; background: rgba(19, 23, 39, .9); box-shadow: 0 35px 85px rgba(0, 0, 0, .48), 0 0 50px rgba(54, 91, 200, .15), inset 0 1px rgba(255,255,255,.1); transform: perspective(1300px) rotateY(-7deg) rotateX(2deg); transform-origin: center; }
.app-window__top { height: 32px; display: flex; align-items: center; gap: 11px; padding: 0 8px 8px; color: #c7ccda; font-size: 11px; font-weight: 600; }
.window-dots { display: flex; gap: 4px; }
.window-dots i { width: 6px; height: 6px; border-radius: 50%; background: #e48c9f; }
.window-dots i:nth-child(2) { background: #e9c16e; }
.window-dots i:nth-child(3) { background: #64d5a5; }
.window-divider { padding: 0 4px; color: #646d84; }
.window-mode { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; color: #7f8ca8; font-size: 9px; letter-spacing: .08em; }
.window-mode i, .caption-live { width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: #42dcb8; box-shadow: 0 0 9px #42dcb8; }
.app-window__image { display: block; width: 100%; aspect-ratio: 1.73; object-fit: cover; border: 1px solid rgba(225, 233, 255, .1); border-radius: 11px; }
.app-window__caption { display: flex; align-items: center; gap: 7px; padding: 9px 4px 1px; color: #98a1b7; font-size: 11px; }
.floating-tag { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; padding: 10px 14px 10px 10px; border: 1px solid rgba(190, 201, 255, .17); border-radius: 14px; background: rgba(22, 27, 46, .84); box-shadow: 0 14px 35px rgba(0,0,0,.26), inset 0 1px rgba(255,255,255,.07); backdrop-filter: blur(16px); }
.floating-tag--sales { top: 11%; left: -30px; }
.floating-tag--stock { right: -15px; bottom: 11%; }
.tag-icon { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: rgba(28, 180, 218, .16); color: #59dcfa; font-size: 17px; }
.tag-icon--violet { background: rgba(161, 91, 241, .16); color: #bd87ff; }
.floating-tag b, .floating-tag small { display: block; }
.floating-tag b { color: #f0f2ff; font-size: 12px; }
.floating-tag small { margin-top: 1px; color: #969eb3; font-size: 10px; }
.hero-glass-card { position: absolute; z-index: 4; left: -18px; bottom: 4%; display: flex; align-items: center; gap: 10px; padding: 10px 13px; border: 1px solid rgba(192, 196, 255, .16); border-radius: 13px; background: rgba(37, 39, 68, .68); box-shadow: 0 14px 30px rgba(0,0,0,.2); backdrop-filter: blur(18px); }
.glass-card__icon { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: linear-gradient(140deg, rgba(79,192,241,.27),rgba(163,91,240,.3)); color: #b6d8ff; }
.hero-glass-card small, .hero-glass-card strong { display: block; line-height: 1.4; }
.hero-glass-card small { color: #a2abc1; font-size: 10px; }
.hero-glass-card strong { font-size: 12px; }
.glass-card__spark { padding-left: 9px; color: #6de0d0; font-size: 15px; }
.scroll-cue { position: absolute; bottom: 24px; left: 0; display: flex; align-items: center; gap: 10px; color: #707b94; font-size: 11px; letter-spacing: .08em; }
.scroll-cue span { width: 17px; height: 25px; position: relative; border: 1px solid rgba(188, 205, 239, .27); border-radius: 20px; }
.scroll-cue span::after { position: absolute; top: 5px; left: 7px; width: 2px; height: 5px; border-radius: 2px; background: #8cd8ff; content: ""; animation: scroll-pulse 1.6s infinite; }
@keyframes scroll-pulse { 50% { transform: translateY(6px); opacity: .3; } }

.trust-strip { min-height: 102px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.trust-strip__label { color: #7e899f; font-size: 11px; font-weight: 700; letter-spacing: .17em; white-space: nowrap; }
.trust-items { display: flex; align-items: center; justify-content: space-between; flex: 1; max-width: 800px; color: #c5cbda; }
.trust-items span { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.trust-items i { color: #8e85fa; font-size: 19px; font-style: normal; }
.trust-items span:nth-child(2) i { color: #44cbea; }
.trust-items span:nth-child(3) i { color: #e880d9; }
.trust-items span:nth-child(4) i { color: #71d5ae; }
.trust-items span:nth-child(5) i { color: #ffae69; }

.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 42px; margin-bottom: 45px; }
.section-heading h2, .experience-heading h2, .closing h2, .contact-copy h2 { margin: 18px 0 0; font-size: clamp(38px, calc(4vw + 2px), 55px); font-weight: 650; line-height: 1.16; letter-spacing: -.055em; }
.section-heading > p { max-width: 395px; margin: 0 0 5px; color: var(--muted); font-size: 15px; line-height: 1.9; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.feature-card { position: relative; min-height: 238px; padding: 23px 23px 20px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(23, 27, 45, .82), rgba(16, 19, 32, .76)); box-shadow: inset 0 1px rgba(255,255,255,.025); transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.feature-card:hover { transform: translateY(-4px); border-color: rgba(119, 144, 241, .32); background: linear-gradient(145deg, rgba(29, 34, 57, .92), rgba(18, 21, 37, .88)); }
.feature-card--featured { min-height: 287px; background: radial-gradient(ellipse at 50% 116%, rgba(70, 94, 224, .17), transparent 55%), linear-gradient(145deg, rgba(28, 34, 60, .95), rgba(16, 20, 36, .86)); }
.feature-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.feature-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; font-size: 19px; }
.feature-icon--blue { background: rgba(50, 165, 243, .16); color: #65d3ff; }
.feature-icon--purple { background: rgba(147, 90, 239, .17); color: #c49bff; }
.feature-icon--mint { background: rgba(63, 202, 173, .14); color: #62e2c2; }
.feature-icon--orange { background: rgba(236, 150, 77, .14); color: #ffc078; }
.feature-icon--pink { background: rgba(226, 85, 195, .14); color: #ff91d8; }
.feature-arrow { color: #78829c; font-size: 19px; transition: color .2s, transform .2s; }
.feature-card:hover .feature-arrow { transform: translate(2px,-2px); color: #91baff; }
.feature-card h3 { margin-bottom: 8px; font-size: 19px; font-weight: 650; letter-spacing: -.035em; }
.feature-card p { max-width: 310px; margin-bottom: 0; color: #929bb0; font-size: 13px; line-height: 1.8; }
.feature-label { display: inline-block; margin-top: 23px; color: #78849e; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.feature-card--featured .feature-label { margin-top: 19px; }
.mini-chart { position: absolute; right: 24px; bottom: 45px; left: 24px; height: 46px; display: flex; align-items: end; gap: 4px; opacity: .85; }
.mini-chart::before { position: absolute; inset: 0; border-top: 1px solid rgba(174, 190, 239, .09); border-bottom: 1px solid rgba(174, 190, 239, .09); content: ""; }
.mini-chart span { position: relative; z-index: 1; flex: 1; height: 21%; border-radius: 3px 3px 0 0; background: linear-gradient(180deg, #54d4ee, #7668ed); opacity: .7; }
.mini-chart span:nth-child(3n) { height: 42%; }
.mini-chart span:nth-child(4n) { height: 31%; }
.mini-chart span:nth-child(5n) { height: 64%; }
.mini-chart span:nth-child(7n) { height: 78%; }
.mini-chart span:nth-child(11n) { height: 91%; }
.mini-chart span:nth-child(13n) { height: 57%; }
.feature-card--quote { display: flex; flex-direction: column; justify-content: center; background: linear-gradient(140deg, rgba(36, 27, 55, .79), rgba(21, 19, 37, .85)); }
.quote-mark { color: #b878ff; font-family: Georgia, serif; font-size: 42px; line-height: .8; }
.feature-card--quote p { max-width: 270px; margin-top: 8px; color: #e3dff1; font-family: var(--font-display); font-size: 17px; line-height: 1.6; }
.feature-card--quote .feature-label { margin-top: 13px; }

.checkout { border-top: 1px solid var(--line); }
.checkout-layout { display: grid; grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); align-items: start; gap: 42px; }
.checkout-showcase { min-width: 0; }
.checkout-tabs { display: flex; gap: 7px; padding-bottom: 13px; overflow-x: auto; scrollbar-width: thin; }
.checkout-tab { min-width: 105px; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #77819a; cursor: pointer; font-size: 11px; font-weight: 700; text-align: left; transition: color .2s, background .2s, border-color .2s; }
.checkout-tab span { white-space: nowrap; }
.checkout-tab:hover { color: #d4dcf0; }
.checkout-tab.is-active { border-color: rgba(129, 143, 239, .19); background: rgba(96, 95, 190, .12); color: #dfe3ff; }
.checkout-window { padding: 10px; overflow: hidden; border: 1px solid rgba(205, 218, 252, .16); border-radius: 17px; background: linear-gradient(140deg, rgba(29, 33, 54, .93), rgba(12, 15, 27, .96)); box-shadow: 0 30px 65px rgba(0, 0, 0, .32), inset 0 1px rgba(255,255,255,.08); }
.checkout-window__screen { display: grid; min-height: 315px; place-items: center; overflow: hidden; border-radius: 9px; background: #080b13; }
.checkout-image { display: block; width: 100%; max-height: 470px; object-fit: contain; transition: opacity .2s; }
.checkout-caption { min-height: 45px; margin: 14px 3px 19px; color: #a7b0c5; font-size: 13px; line-height: 1.75; }
.checkout-permission { display: flex; align-items: flex-start; gap: 12px; padding: 15px; border: 1px solid rgba(195, 139, 255, .18); border-radius: 13px; background: rgba(125, 81, 184, .09); }
.permission-icon { display: grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; border-radius: 10px; background: rgba(177, 115, 255, .16); color: #d4a9ff; }
.checkout-permission p { margin: 0; color: #a8a2bc; font-size: 12px; line-height: 1.75; }
.checkout-permission strong { color: #e2d6f5; }
.checkout-steps { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }
.checkout-steps li { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 15px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.checkout-steps li:first-child { padding-top: 8px; }
.step-number { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(117, 153, 249, .22); border-radius: 12px; background: rgba(75, 111, 209, .12); color: #a7bbff; font-size: 11px; font-weight: 700; }
.checkout-steps h3, .checkout-info-card h3 { margin: 1px 0 7px; color: #e9ecf7; font-size: 17px; font-weight: 650; letter-spacing: -.025em; }
.checkout-steps p, .checkout-info-card p { margin: 0; color: #929bb0; font-size: 13px; line-height: 1.85; }
.checkout-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 38px; }
.checkout-info-card { display: flex; align-items: flex-start; gap: 15px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(23, 27, 45, .75), rgba(16, 19, 32, .68)); }
.checkout-info-card--violet { background: linear-gradient(145deg, rgba(36, 27, 55, .74), rgba(21, 19, 37, .72)); }
.checkout-info-card .feature-icon { flex: 0 0 38px; }

.experience { display: grid; grid-template-columns: .66fr 1.34fr; align-items: center; gap: 55px; }
.experience-heading h2 { margin-top: 19px; font-size: clamp(38px, calc(3.8vw + 2px), 51px); }
.experience-heading > p { max-width: 340px; margin: 17px 0 22px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.text-link--bright { color: #9fc2ff; font-size: 13px; }
.showcase { min-width: 0; }
.showcase-tabs { display: flex; gap: 7px; padding: 0 0 13px; overflow-x: auto; scrollbar-width: thin; }
.showcase-tab { min-width: 111px; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #77819a; cursor: pointer; font-size: 11px; font-weight: 700; text-align: left; transition: color .2s, background .2s, border-color .2s; }
.showcase-tab span { white-space: nowrap; }
.showcase-tab:hover { color: #d4dcf0; }
.showcase-tab.is-active { border-color: rgba(129, 143, 239, .19); background: rgba(96, 95, 190, .12); color: #dfe3ff; }
.showcase-tab.is-active::first-letter { color: #8e9bff; }
.showcase-frame { position: relative; padding: 10px; overflow: hidden; border: 1px solid rgba(205, 218, 252, .16); border-radius: 17px; background: linear-gradient(140deg, rgba(29, 33, 54, .93), rgba(12, 15, 27, .96)); box-shadow: 0 30px 65px rgba(0, 0, 0, .32), inset 0 1px rgba(255,255,255,.08); }
.showcase-frame__bar { height: 29px; display: flex; align-items: center; gap: 5px; padding: 0 5px 8px; }
.showcase-frame__bar > span { width: 6px; height: 6px; border-radius: 50%; background: #e18b9a; }
.showcase-frame__bar > span:nth-child(2) { background: #dbb26e; }
.showcase-frame__bar > span:nth-child(3) { background: #5bc69d; }
.showcase-frame__bar b { flex: 1; color: #8490a9; font-size: 10px; font-weight: 500; text-align: center; }
.showcase-frame__bar i { color: #838ca1; font-size: 12px; font-style: normal; }
.showcase-frame img { display: block; width: 100%; aspect-ratio: 1.72; object-fit: cover; border-radius: 9px; transition: opacity .2s; }
.showcase-frame__glow { position: absolute; right: 2%; bottom: -34%; width: 45%; height: 50%; border-radius: 50%; background: rgba(93, 92, 240, .17); filter: blur(60px); pointer-events: none; }

.closing { padding-bottom: 20px; }
.closing-card { position: relative; min-height: 350px; display: flex; align-items: center; justify-content: space-between; padding: 56px 8%; overflow: hidden; border: 1px solid rgba(180, 192, 252, .21); border-radius: 28px; background: radial-gradient(ellipse at 78% 12%, rgba(169, 80, 219, .27), transparent 38%), radial-gradient(ellipse at 51% 120%, rgba(23, 154, 226, .21), transparent 48%), linear-gradient(120deg, #141b33 0%, #1a1b38 51%, #282046 100%); box-shadow: 0 30px 90px rgba(0,0,0,.23), inset 0 1px rgba(255,255,255,.1); }
.closing-copy { position: relative; z-index: 2; max-width: 530px; }
.closing h2 { margin-top: 17px; font-size: clamp(41px, calc(4vw + 2px), 54px); }
.closing-copy > p { max-width: 400px; margin: 13px 0 22px; color: #b2b8cc; font-size: 14px; }
.button--light { min-height: 45px; padding-inline: 18px; background: #f5f3ff; color: #14142a; box-shadow: 0 8px 22px rgba(0,0,0,.15); }
.closing-logo { position: relative; z-index: 1; display: block; flex: 0 1 270px; width: clamp(195px, 28vw, 320px); height: auto; object-fit: contain; filter: drop-shadow(0 0 22px rgba(104, 121, 255, .2)); }
.closing-orb { position: absolute; right: 19%; bottom: -145px; width: 290px; height: 290px; border: 1px solid rgba(179, 183, 255, .16); border-radius: 50%; box-shadow: 0 0 0 30px rgba(177,185,255,.025), 0 0 0 68px rgba(177,185,255,.02); }

.contact { display: grid; grid-template-columns: .88fr 1.12fr; gap: 100px; padding-top: 116px; padding-bottom: 125px; }
.contact-copy h2 { margin-top: 20px; font-size: clamp(38px, calc(3.8vw + 2px), 51px); }
.contact-copy > p { max-width: 390px; margin: 18px 0 28px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.contact-detail { display: flex; align-items: center; gap: 12px; width: fit-content; margin-top: 15px; }
.contact-detail__icon { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid rgba(85, 194, 238, .2); border-radius: 13px; background: rgba(53, 166, 214, .11); color: #66d3f0; }
.contact-detail__icon--purple { border-color: rgba(166, 100, 242, .24); background: rgba(135, 86, 215, .12); color: #bd92ff; }
.contact-detail small, .contact-detail strong { display: block; }
.contact-detail small { color: #808aa2; font-size: 10px; font-weight: 700; letter-spacing: .13em; }
.contact-detail strong { margin-top: 2px; color: #e5e9f5; font-size: 14px; font-weight: 600; }
.contact-form { position: relative; display: flex; flex-direction: column; gap: 17px; padding: 28px; border: 1px solid rgba(183, 196, 241, .14); border-radius: 20px; background: linear-gradient(145deg, rgba(24, 28, 46, .86), rgba(15, 18, 31, .82)); box-shadow: 0 20px 55px rgba(0,0,0,.19), inset 0 1px rgba(255,255,255,.04); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.contact-form label { display: flex; flex-direction: column; gap: 7px; color: #d8dced; font-size: 12px; font-weight: 600; }
.contact-form input, .contact-form textarea { width: 100%; border: 1px solid rgba(185, 197, 230, .13); border-radius: 11px; background: rgba(7, 10, 20, .52); color: #f3f5ff; font-size: 13px; font-weight: 400; transition: border-color .2s, background .2s; }
.contact-form input { height: 43px; padding: 0 12px; }
.contact-form textarea { min-height: 108px; resize: vertical; padding: 12px; }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #6f7890; }
.contact-form input:focus, .contact-form textarea:focus { border-color: rgba(106, 158, 255, .55); background: rgba(8, 12, 25, .75); }
.optional { color: #7a849a; font-weight: 400; }
.form-submit { width: 100%; min-height: 46px; margin-top: 1px; cursor: pointer; }
.form-note { margin: -7px 0 0; color: #747e95; font-size: 11px; text-align: center; }
.form-note strong { color: #aeb8d1; font-weight: 500; }
.form-status { padding: 11px 13px; border: 1px solid; border-radius: 11px; font-size: 13px; line-height: 1.55; }
.form-status--success { border-color: rgba(73, 211, 166, .3); background: rgba(37, 165, 121, .1); color: #94f1c8; }
.form-status--error { border-color: rgba(243, 123, 145, .29); background: rgba(185, 67, 91, .1); color: #ffabb8; }
.form-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.site-footer { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; padding-top: 24px; padding-bottom: 27px; border-top: 1px solid var(--line); }
.brand--footer { min-width: 90px; }
.brand--footer img { width: 82px; height: auto; }
.site-footer > p { margin: 0; color: #a0a9be; font-size: 12px; }
.site-footer > p span { color: #69738c; }
.footer-links { display: flex; gap: 20px; color: #aeb5c8; font-size: 12px; }
.site-footer > small { grid-column: 1 / -1; color: #626c83; font-size: 11px; }

@media (max-width: 1050px) {
    .section-wrap { width: min(100% - 48px, 900px); }
    .hero { min-height: 620px; grid-template-columns: .9fr 1.1fr; gap: 12px; padding-top: 72px; }
    .hero h1 { font-size: clamp(46px, calc(6vw + 2px), 64px); }
    .hero-visual { padding-left: 3px; }
    .floating-tag--sales { left: -14px; }
    .floating-tag--stock { right: -9px; }
    .experience { gap: 30px; }
    .checkout-layout { grid-template-columns: 1fr; }
    .checkout-showcase { max-width: 720px; }
    .checkout-steps { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 28px; }
    .checkout-steps li:first-child { padding-top: 20px; }
    .contact { gap: 55px; }
    .section-pad { padding-block: 105px; }
}
@media (max-width: 760px) {
    html { scroll-padding-top: 78px; }
    .section-wrap { width: calc(100% - 38px); }
    .section-pad { padding-block: 82px; }
    .site-header { padding: 10px 0; }
    .nav-shell { width: calc(100% - 24px); min-height: 58px; padding: 7px 11px 7px 16px; border-radius: 17px; }
    .brand { min-width: 145px; }
    .brand__logo { width: 145px; }
    .menu-toggle { width: 39px; height: 39px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.04); cursor: pointer; }
    .menu-toggle span { width: 15px; height: 1.5px; border-radius: 2px; background: #e5eaff; transition: transform .2s; }
    .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.2px) rotate(45deg); }
    .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.2px) rotate(-45deg); }
    .nav-links { position: absolute; top: calc(100% + 7px); right: 12px; left: 12px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 8px; border: 1px solid var(--line); border-radius: 16px; background: rgba(14, 17, 31, .96); box-shadow: 0 20px 45px rgba(0,0,0,.35); backdrop-filter: blur(20px); }
    .nav-links.is-open { display: flex; }
    .nav-links > a:not(.nav-cta) { padding: 12px; }
    .nav-cta { justify-content: space-between; margin-top: 5px; }
    .hero { display: flex; flex-direction: column; align-items: stretch; gap: 20px; padding-top: 65px; padding-bottom: 75px; }
    .hero-copy { padding-bottom: 0; }
    .hero h1 { margin-top: 19px; font-size: clamp(47px, calc(11vw + 2px), 68px); }
    .hero-copy__intro { max-width: 520px; font-size: 15px; }
    .hero-note { margin-top: 27px; }
    .hero-visual { width: min(100%, 620px); margin: 2px auto 0; padding: 30px 5px 28px; }
    .app-window { transform: none; }
    .visual-orbit--one { width: 110%; height: auto; aspect-ratio: 1; top: 2px; }
    .visual-orbit--two { width: 86%; height: auto; aspect-ratio: 1; top: 10%; }
    .floating-tag--sales { top: 13%; left: -9px; }
    .floating-tag--stock { right: -7px; bottom: 16%; }
    .hero-glass-card { left: 0; bottom: -1%; }
    .scroll-cue { bottom: 17px; }
    .trust-strip { min-height: auto; flex-direction: column; align-items: flex-start; gap: 17px; padding-block: 23px; }
    .trust-items { width: 100%; flex-wrap: wrap; justify-content: flex-start; gap: 15px 25px; }
    .trust-items span { font-size: 12px; }
    .trust-items i { font-size: 16px; }
    .section-heading { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 30px; }
    .section-heading h2, .experience-heading h2, .closing h2, .contact-copy h2 { font-size: clamp(37px, calc(9vw + 2px), 50px); }
    .section-heading > p { font-size: 14px; }
    .feature-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .feature-card { min-height: 203px; padding: 17px; border-radius: 15px; }
    .feature-card--featured { min-height: 265px; }
    .feature-card h3 { font-size: 16px; }
    .feature-card p { font-size: 12px; }
    .feature-label { font-size: 9px; letter-spacing: .08em; }
    .mini-chart { right: 17px; left: 17px; }
    .experience { grid-template-columns: 1fr; gap: 27px; }
    .checkout-steps { grid-template-columns: 1fr; }
    .checkout-steps li:first-child { padding-top: 14px; }
    .checkout-bottom { grid-template-columns: 1fr; margin-top: 26px; }
    .checkout-info-card { padding: 18px; }
    .checkout-window__screen { min-height: 220px; }
    .experience-heading > p { max-width: 500px; }
    .showcase-tab, .checkout-tab { min-width: auto; padding: 9px 10px; }
    .showcase-tab span, .checkout-tab span { font-size: 10px; }
    .closing { padding-bottom: 5px; }
    .closing-card { min-height: 330px; padding: 39px 27px; border-radius: 22px; }
    .closing-logo { position: absolute; right: 21px; bottom: 9px; width: min(225px, 58vw); opacity: .82; }
    .closing-copy { max-width: 100%; }
    .closing-copy > p { max-width: 390px; }
    .closing-orb { right: -60px; bottom: -190px; }
    .contact { grid-template-columns: 1fr; gap: 32px; padding-top: 85px; padding-bottom: 86px; }
    .contact-copy > p { max-width: 530px; }
    .contact-form { padding: 20px; gap: 14px; }
    .site-footer { grid-template-columns: 1fr auto; gap: 12px; }
    .site-footer > p { grid-column: 1 / -1; grid-row: 2; }
    .site-footer > small { grid-row: 3; }
    .footer-links { flex-direction: column; align-items: flex-end; gap: 4px; }
}
@media (max-width: 430px) {
    .section-wrap { width: calc(100% - 32px); }
    .hero { padding-top: 53px; }
    .hero-actions { gap: 15px; }
    .button { min-height: 46px; padding-inline: 15px; }
    .text-link { font-size: 12px; }
    .hero-visual { padding-inline: 0; }
    .app-window { padding: 7px; border-radius: 14px; }
    .app-window__top { font-size: 9px; }
    .floating-tag { gap: 6px; padding: 8px; }
    .floating-tag--sales { left: -5px; }
    .floating-tag--stock { right: -4px; }
    .tag-icon { width: 25px; height: 25px; }
    .floating-tag b { font-size: 11px; }
    .hero-glass-card { left: -3px; }
    .glass-card__spark { padding-left: 3px; }
    .feature-grid { grid-template-columns: 1fr 1fr; }
    .feature-card { min-height: 212px; padding: 14px; }
    .feature-card--featured { min-height: 257px; }
    .feature-card__top { margin-bottom: 17px; }
    .feature-icon { width: 32px; height: 32px; }
    .feature-card h3 { font-size: 15px; }
    .feature-card--quote p { font-size: 15px; }
    .feature-label { font-size: 8.5px; }
    .mini-chart { right: 14px; left: 14px; }
    .form-row { grid-template-columns: 1fr; gap: 14px; }
    .showcase-frame { padding: 7px; }
    .checkout-window { padding: 7px; }
    .checkout-window__screen { min-height: 185px; }
    .checkout-tab { gap: 5px; padding-inline: 8px; }
    .checkout-tab span { font-size: 9px; }
    .checkout-info-card { gap: 11px; }
    .checkout-info-card h3 { font-size: 15px; }
    .closing-card { min-height: 350px; }
    .site-footer > p span { display: block; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}