:root {
    --ink:#111113;
    --coral:#f05f40;
    --paper:#f5f4f2;
    --muted:#696970;
    --line:#e2e1df;
    --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif
}

* {
    box-sizing:border-box
}

html {
    scroll-behavior:smooth;
    scroll-padding-top:105px
}

body {
    margin:0;
    font:16px/1.65 var(--font);
    color:var(--ink);
    background:#fff;
    -webkit-font-smoothing:antialiased
}

a {
    color:inherit;
    text-decoration:none
}

button,input,select,textarea {
    font:inherit
}

button,a,input,select,textarea {
    -webkit-tap-highlight-color:transparent
}

button {
    cursor:pointer
}

img {
    max-width:100%;
    display:block
}

button:disabled {
    cursor:wait;
    opacity:.55
}

[hidden] {
    display:none!important
}

h1,h2,h3,h4 {
    font-weight:750;
    letter-spacing:-.055em;
    line-height:1.08;
    margin:0
}

h2 {
    font-size:clamp(36px,4.2vw,57px)
}

h3 {
    font-size:25px
}

h4 {
    font-size:25px
}

h1 em,h2 em {
    font-family:Georgia,"Times New Roman",serif;
    font-weight:400
}

p {
    margin:0 0 20px
}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {
    outline:3px solid var(--coral);
    outline-offset:5px
}

::selection {
    background:var(--coral);
    color:var(--ink)
}

.wrap {
    width:min(1320px,calc(100% - 96px));
    margin-inline:auto
}

.section {
    padding-block:106px
}

.eyebrow {
    font-size:12px;
    font-weight:750;
    letter-spacing:.14em;
    margin-bottom:24px
}

.eyebrow i,.art-caption i {
    display:inline-block;
    width:6px;
    height:6px;
    background:var(--coral);
    border-radius:50%;
    box-shadow:0 0 0 5px #f05f4015;
    margin-right:10px;
    vertical-align:middle
}

.coral {
    color:var(--coral)
}

.skip {
    position:fixed;
    top:-100px;
    left:20px;
    z-index:100;
    background:#fff;
    padding:12px 20px
}

.skip:focus {
    top:12px
}

.nav {
    position:sticky;
    top:0;
    z-index:10;
    background:#111113f5;
    color:white;
    border-bottom:1px solid #ffffff18;
    backdrop-filter:blur(18px)
}

.nav-inner {
    height:88px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px
}

.brand {
    display:flex;
    align-items:center;
    gap:18px;
    flex-shrink:0
}

.brand img {
    width:110px;
    height:auto
}



.nav nav {
    display:flex;
    gap:28px;
    align-items:center;
    font-size:14px;
    color:#cccbd2
}

.nav nav a:hover {
    color:#fff
}

.button {
    border:1px solid transparent;
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:26px;
    border-radius:50px;
    padding:17px 24px;
    background:var(--coral);
    color:var(--ink);
    font-weight:700;
    font-size:14px;
    line-height:1.4;
    transition:transform .2s,background .2s
}

.button:hover {
    transform:translateY(-2px);
    background:#ff785a
}

.button>span {
    font-size:20px;
    line-height:1
}

.button.small {
    padding:12px 18px;
    font-size:13px;
    gap:20px
}

.button.dark {
    background:var(--ink);
    color:#fff
}

.button.dark:hover {
    background:#333338
}

.hero {
    background:radial-gradient(ellipse at 80% 30%,#622a2945,transparent 52%),#111113;
    color:#fff;
    overflow:hidden
}

.hero-grid {
    display:grid;
    grid-template-columns:1.1fr 1fr;
    align-items:center;
    gap:30px;
    min-height:680px;
    padding-block:70px
}

.hero h1 {
    font-size:clamp(60px,6.6vw,94px);
    line-height:.99;
    letter-spacing:-.065em
}

.hero h1>span {
    color:var(--coral)
}

.hero-copy>.lead {
    margin-top:28px;
    max-width:460px;
    color:#bfbfc7;
    font-size:16px;
    line-height:1.9
}

.actions {
    display:flex;
    gap:28px;
    align-items:center;
    flex-wrap:wrap;
    margin-top:30px
}

.text-link {
    font-size:14px;
    border-bottom:1px solid #ffffff40;
    padding:10px 0
}

.text-link span {
    margin-left:18px
}

.hero-note {
    font-size:12px;
    letter-spacing:.03em;
    color:#919199;
    margin:26px 0 0
}

.hero-bottom {
    display:flex;
    justify-content:space-between;
    gap:24px;
    border-top:1px solid #ffffff20;
    padding-block:24px;
    font-size:11px;
    letter-spacing:.1em;
    color:#aaaab2
}

.hero-bottom>span:last-child {
    letter-spacing:0;
    font-size:13px
}

.hero-bottom .coral {
    margin-left:30px;
    font-size:20px
}

.hero-art {
    position:relative;
    height:510px;
    isolation:isolate
}

.orbit {
    position:absolute;
    border:1px solid #ffffff13;
    border-radius:50%;
    width:470px;
    height:470px;
    top:20px;
    left:15px;
    z-index:-1
}

.orbit-two {
    transform:scale(.75)
}

.art-label {
    position:absolute;
    top:6px;
    left:8px;
    color:#b7b7bf;
    font-size:11px;
    line-height:1.5;
    letter-spacing:.16em
}

.phone {
    position:absolute;
    width:207px;
    height:395px;
    background:linear-gradient(120deg,#bbb6ae,#292827 20%,#8e8983 72%,#dad5ce);
    border-radius:35px;
    padding:5px;
    transform:rotate(12deg);
    top:28px;
    left:46%;
    box-shadow:0 40px 60px #0008
}

.phone-screen {
    height:100%;
    position:relative;
    overflow:hidden;
    border:5px solid #151515;
    border-radius:30px;
    background:linear-gradient(155deg,#f1bca9,#f77850 50%,#853e36);
    padding:73px 14px 0;
    isolation:isolate
}

.phone-screen>span {
    font-size:52px;
    line-height:.94;
    letter-spacing:-.08em;
    color:#161619;
    font-weight:700;
    position:relative;
    z-index:1
}

.phone-screen em {
    font:italic 55px/.94 Georgia,serif
}

.island {
    position:absolute;
    top:10px;
    width:66px;
    height:19px;
    background:#111;
    border-radius:20px;
    left:calc(50% - 33px)
}

.screen-orb {
    position:absolute;
    bottom:-30px;
    left:-45px;
    border-radius:50%;
    height:240px;
    width:240px;
    background:radial-gradient(circle at 36% 30%,#ffddc6,#c25339 50%,#4c2023);
    box-shadow:0 -15px 50px #8f30284d;
    z-index:0
}

.console {
    position:absolute;
    top:285px;
    left:2%;
    width:355px;
    height:164px;
    background:#27272d;
    border:2px solid #515157;
    border-radius:28px;
    transform:rotate(-13deg);
    box-shadow:0 28px 40px #0008;
    display:flex;
    align-items:center;
    justify-content:center
}

.console-screen {
    background:#eeeee9;
    width:243px;
    height:140px;
    border:8px solid #121214;
    display:grid;
    place-content:center
}

.console-screen span {
    font-size:32px;
    letter-spacing:-.06em;
    line-height:.96;
    color:#1c1c21
}

.console-screen b {
    color:var(--coral);
    font-size:36px
}

.joy {
    position:absolute;
    width:47px;
    top:2px;
    bottom:2px;
    border-radius:24px;
    background:linear-gradient(105deg,#85848a,#55545b);
    text-align:center;
    font-size:24px
}

.joy-left {
    left:2px
}

.joy-right {
    right:2px;
    background:linear-gradient(105deg,#d07963,#ac5847)
}

.joy b {
    display:block;
    width:24px;
    height:24px;
    background:radial-gradient(circle,#414146 50%,#17171b 60%,#5a5a60 70%);
    border-radius:50%;
    margin:28px auto 12px;
    box-shadow:0 3px 5px #0006
}

.joy i {
    font-style:normal;
    font-size:22px;
    color:#25252c
}

.joy-right b {
    margin-top:12px
}

.joy-right i {
    display:block;
    margin-top:25px
}

.roundel {
    position:absolute;
    right:-5px;
    top:5px;
    width:112px;
    height:112px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    border-radius:50%;
    background:var(--coral);
    color:#161619;
    font-size:8px;
    letter-spacing:.08em;
    line-height:1.6;
    transform:rotate(13deg);
    box-shadow:0 10px 30px #0002
}

.roundel strong {
    font-size:48px;
    line-height:1
}

.art-caption {
    position:absolute;
    bottom:0;
    right:5px;
    font-size:12px;
    color:#c5c5cc
}

.section-heading {
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:45px;
    margin-bottom:50px
}

.section-heading>p {
    max-width:330px;
    color:var(--muted);
    font-size:15px;
    margin:0;
    line-height:1.9
}

.catalog-empty {
    display:flex;
    gap:32px;
    align-items:center;
    padding:38px;
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:12px
}

.catalog-empty>div:nth-child(2) {
    flex:1
}

.catalog-empty .eyebrow {
    font-size:11px;
    margin-bottom:10px
}

.catalog-empty h3 {
    font-size:30px
}

.catalog-empty p:not(.eyebrow) {
    font-size:14px;
    max-width:500px;
    color:var(--muted);
    margin:16px 0 0
}

.empty-symbol {
    height:80px;
    width:80px;
    flex-shrink:0;
    display:grid;
    place-items:center;
    border:1px solid #d6d4d0;
    border-radius:50%;
    font-size:40px;
    font-weight:300;
    color:var(--coral)
}

.catalog-empty .button {
    white-space:nowrap
}

.buy-notes {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
    margin-top:46px
}

.buy-notes>div {
    border-top:1px solid var(--line);
    padding-top:20px
}

.buy-notes span {
    font-size:11px;
    color:var(--coral);
    margin-right:12px
}

.buy-notes strong {
    font-size:14px;
    letter-spacing:-.02em
}

.buy-notes p {
    color:var(--muted);
    font-size:13px;
    margin:5px 0 0 29px
}

.catalog-toolbar {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    font-size:13px;
    color:var(--muted);
    margin-bottom:28px
}

.filters {
    display:flex;
    gap:8px;
    flex-wrap:wrap
}

.filters button {
    font-size:13px;
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:30px;
    padding:9px 20px
}

.filters button[aria-pressed=true] {
    background:var(--ink);
    color:#fff;
    border-color:var(--ink)
}

.product-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px
}

.product-image {
    aspect-ratio:1.2;
    position:relative;
    background:var(--paper);
    border-radius:10px;
    overflow:hidden;
    padding:25px
}

.product-image img {
    width:100%;
    height:100%;
    object-fit:contain;
    mix-blend-mode:multiply;
    transition:transform .25s
}

.product-image:hover img {
    transform:scale(1.04)
}

.product-image>span {
    position:absolute;
    top:14px;
    left:14px;
    background:#fff;
    border-radius:20px;
    font-size:10px;
    padding:5px 10px
}

.product-category {
    font-size:10px;
    letter-spacing:.13em;
    color:var(--muted);
    margin:20px 0 8px
}

.product h3 {
    font-size:21px;
    line-height:1.3;
    letter-spacing:-.035em
}

.product-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:15px;
    border-top:1px solid var(--line);
    padding-top:16px;
    margin-top:20px
}

.product-bottom strong {
    font-size:24px;
    letter-spacing:-.04em
}

.buy-link {
    font-size:12px;
    font-weight:650;
    border-bottom:1px solid #777
}

.catalog-note {
    font-size:12px;
    color:var(--muted);
    margin-top:30px
}

.sell {
    background:var(--paper)
}

.sell-grid {
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:120px;
    align-items:center
}

.sell .lead {
    color:var(--muted);
    font-size:16px;
    max-width:470px;
    margin:28px 0
}

.sell-note {
    font-size:12px;
    color:var(--muted);
    margin:16px 0 0
}

.sell-list {
    padding:32px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:10px
}

.sell-list>p {
    font-size:10px;
    letter-spacing:.15em;
    color:var(--muted)
}

.sell-list>a {
    display:flex;
    align-items:center;
    gap:22px;
    border-top:1px solid var(--line);
    padding-block:21px;
    font-weight:600;
    font-size:19px;
    letter-spacing:-.03em
}

.sell-list span {
    color:var(--coral);
    font-size:11px;
    font-weight:400
}

.sell-list b {
    margin-left:auto;
    font-size:19px;
    font-weight:400
}

.valuation-grid {
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:90px;
    align-items:start
}

.valuation-intro>p:not(.eyebrow) {
    color:var(--muted);
    font-size:15px;
    margin-top:26px;
    max-width:360px
}

.process {
    padding:0;
    list-style:none;
    margin:35px 0
}

.process li {
    display:flex;
    gap:18px;
    margin-bottom:24px;
    align-items:start
}

.process li>span {
    border:1px solid var(--line);
    border-radius:50%;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    font-size:12px;
    flex-shrink:0
}

.process strong {
    font-size:14px
}

.process p {
    font-size:13px;
    color:var(--muted);
    margin:3px 0 0
}

.fine-print {
    font-size:12px!important;
    color:var(--muted);
    line-height:1.7
}

.wizard {
    padding:38px;
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:12px;
    min-width:0
}

.wizard-top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.1em
}

.wizard-top>span:first-child {
    color:#ab3b25
}

.progress {
    height:2px;
    background:#dedcd8;
    margin:20px 0 34px
}

.progress span {
    display:block;
    height:100%;
    background:var(--coral);
    width:25%;
    transition:width .3s
}

.wizard fieldset {
    border:0;
    padding:0;
    margin:0;
    min-width:0
}

.wizard legend {
    font-size:27px;
    line-height:1.2;
    letter-spacing:-.045em;
    font-weight:700;
    padding:0;
    margin-bottom:12px
}

.field-help {
    font-size:13px;
    color:var(--muted);
    margin-bottom:25px
}

.wizard label {
    display:block;
    font-size:13px;
    font-weight:600;
    margin-bottom:20px
}

.wizard input:not([type=radio]):not([type=checkbox]),.wizard select,.wizard textarea {
    display:block;
    width:100%;
    min-width:0;
    margin-top:8px;
    border:1px solid #d7d5d1;
    background:#fff;
    padding:13px 12px;
    border-radius:6px;
    color:var(--ink);
    font-size:14px;
    min-height:49px
}

.wizard label small {
    font-weight:400;
    font-size:11px;
    line-height:1.6;
    color:var(--muted);
    display:block;
    margin-top:8px
}

.form-pair {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px
}

.device-options {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:25px
}

.device-options label {
    position:relative;
    display:flex;
    gap:12px;
    align-items:center;
    background:#fff;
    border:1px solid #d7d5d1;
    border-radius:7px;
    padding:16px 12px;
    margin:0;
    font-size:13px;
    cursor:pointer;
    transition:border-color .2s,background .2s
}

.device-options label:has(input:checked) {
    border-color:var(--coral);
    background:#fff7f3;
    box-shadow:0 0 0 1px var(--coral)
}

.device-options input {
    accent-color:var(--coral);
    width:15px;
    height:15px;
    flex-shrink:0;
    margin:0
}

.wizard .check {
    font-weight:400;
    display:flex;
    align-items:start;
    gap:10px;
    font-size:12px;
    margin-top:18px
}

.check input {
    accent-color:var(--coral);
    margin:4px 0 0;
    flex-shrink:0;
    width:16px;
    height:16px
}

.check a {
    text-decoration:underline
}

.wizard-actions {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:30px;
    gap:18px
}

.wizard-actions .button {
    margin-left:auto
}

.back {
    background:transparent;
    color:var(--ink);
    border:0;
    padding:10px 0;
    font-size:13px;
    text-align:left;
    text-decoration:underline;
    text-underline-offset:4px
}

.trap {
    position:absolute;
    left:-10000px;
    width:1px;
    height:1px;
    overflow:hidden
}

.review {
    margin:20px 0 25px;
    font-size:12px;
    display:grid;
    grid-template-columns:1fr 1.2fr
}

.review dt,.review dd {
    margin:0;
    padding:8px 0;
    border-bottom:1px solid var(--line)
}

.review dt {
    color:var(--muted)
}

.review dd {
    text-align:right;
    overflow-wrap:anywhere;
    padding-left:16px
}

.status {
    font-size:12px;
    background:#e8ede7;
    padding:15px;
    border-radius:6px;
    overflow-wrap:anywhere
}

.status.warning {
    background:#fff0df;
    color:#6b4110
}

#form-error {
    background:#f9e4dd;
    border-left:3px solid #b9361a;
    padding:14px;
    font-size:13px;
    margin:22px 0 0;
    color:#832a19
}

#result:focus {
    outline:none
}

#result .eyebrow {
    font-size:10px;
    margin:8px 0 18px
}

#result h3 {
    font-size:30px;
    line-height:1.2
}

#result-model {
    margin:12px 0 0;
    color:var(--muted);
    font-size:15px
}

.estimate {
    font-size:64px;
    font-weight:650;
    letter-spacing:-.065em;
    line-height:1.2;
    color:var(--ink);
    margin:20px 0
}

.estimate.manual {
    font-size:35px
}

#result-note {
    font-size:13px;
    color:var(--muted)
}

#proceed-intro,#proceed-form,#proceed-done {
    border-top:1px solid #d6d4d0;
    padding-top:25px;
    margin-top:26px
}

#proceed-intro p,#proceed-done p {
    font-size:14px;
    color:var(--muted);
    margin:12px 0 20px
}

#restart {
    display:block;
    margin-top:22px
}

.optional {
    font-weight:400;
    color:var(--muted)
}

.faq {
    background:var(--paper)
}

.faq-grid {
    display:grid;
    grid-template-columns:.75fr 1.25fr;
    gap:80px
}

.faq details {
    border-top:1px solid #d8d6d3;
    padding:22px 0
}

.faq details:last-child {
    border-bottom:1px solid #d8d6d3
}

.faq summary {
    cursor:pointer;
    font-size:16px;
    font-weight:600;
    letter-spacing:-.02em;
    padding-right:12px
}

.faq details p {
    font-size:14px;
    color:var(--muted);
    margin:18px 25px 0 0;
    max-width:620px
}

footer {
    background:var(--ink);
    color:#fff;
    padding:50px 0 25px
}

.footer-top {
    display:grid;
    grid-template-columns:1fr 1.2fr 1fr;
    gap:30px;
    align-items:start;
    padding-bottom:45px
}

.footer-top>p {
    font-size:13px;
    color:#a8a8b2;
    margin:0
}

.footer-top>div {
    display:flex;
    flex-direction:column;
    gap:10px;
    font-size:13px
}

.footer-bottom {
    display:flex;
    gap:24px;
    align-items:center;
    border-top:1px solid #ffffff20;
    padding-top:24px;
    color:#a8a8b2;
    font-size:11px
}

.footer-bottom>span {
    margin-right:auto
}

.privacy-copy {
    max-width:850px
}

.privacy-copy h1 {
    font-size:clamp(42px,6vw,72px)
}

.privacy-copy h2 {
    font-size:26px;
    margin:35px 0 14px
}

.privacy-copy p {
    color:var(--muted);
    font-size:15px
}

.privacy-copy a:not(.button) {
    text-decoration:underline
}

.privacy-intro {
    margin-top:30px
}

.privacy-copy .button {
    margin-top:25px
}

@media(min-width:1500px) {
    .hero-grid {
        gap:80px
    }

    .hero-art {
        transform:scale(1.1)
    }

}

@media(max-width:1100px) {
    .wrap {
        width:calc(100% - 64px)
    }

    .nav .main-site {
        display:none
    }

    .hero h1 {
        font-size:70px
    }

    .hero-art {
        transform:scale(.85);
        transform-origin:center right
    }

    .hero-grid {
        gap:0;
        grid-template-columns:1.1fr .9fr;
        min-height:620px
    }

    .sell-grid {
        gap:60px
    }

    .valuation-grid {
        gap:45px;
        grid-template-columns:.8fr 1.2fr
    }

    .catalog-empty {
        flex-wrap:wrap
    }

    .catalog-empty .button {
        margin-left:112px
    }

    .wizard {
        padding:28px
    }

    .product-grid {
        gap:20px
    }

    .product-bottom {
        align-items:start;
        flex-direction:column
    }

    .roundel {
        right:-25px
    }

}

@media(max-width:760px) {
    html {
        scroll-padding-top:90px
    }

    .wrap {
        width:calc(100% - 40px)
    }

    .section {
        padding-block:65px
    }

    .nav-inner {
        height:76px;
        gap:14px
    }

    .brand {
        gap:10px
    }

    .brand img {
        width:90px
    }

    

    .nav nav {
        display:none
    }

    .nav .small {
        font-size:11px;
        padding:11px 13px;
        gap:12px
    }

    .hero-grid {
        grid-template-columns:1fr;
        padding-top:50px;
        padding-bottom:25px
    }

    .hero h1 {
        font-size:clamp(56px,11.5vw,83px)
    }

    .hero-copy>.lead {
        font-size:15px;
        max-width:470px
    }

    .hero .eyebrow {
        font-size:11px
    }

    .actions {
        gap:22px
    }

    .hero-art {
        height:420px;
        transform:scale(.85);
        transform-origin:top center;
        width:min(510px,110%);
        justify-self:center;
        margin-bottom:-45px;
        margin-top:20px
    }

    .phone {
        left:48%;
        top:5px
    }

    .console {
        top:245px;
        left:1%
    }

    .art-label {
        top:25px
    }

    .art-caption {
        bottom:-35px;
        right:25px
    }

    .orbit {
        top:0;
        width:430px;
        height:430px
    }

    .roundel {
        right:-5px;
        top:0
    }

    .hero-bottom {
        font-size:10px;
        align-items:center;
        padding-block:20px
    }

    .hero-bottom>span:last-child {
        font-size:11px;
        max-width:170px;
        line-height:1.5;
        text-align:right
    }

    .hero-bottom .coral {
        margin-left:8px
    }

    .section-heading {
        display:block;
        margin-bottom:32px
    }

    .section-heading>p {
        max-width:450px;
        margin-top:24px;
        font-size:14px
    }

    .catalog-empty {
        padding:25px;
        gap:20px
    }

    .empty-symbol {
        width:52px;
        height:52px;
        font-size:27px
    }

    .catalog-empty>div:nth-child(2) {
        flex-basis:calc(100% - 75px)
    }

    .catalog-empty h3 {
        font-size:25px
    }

    .catalog-empty .button {
        margin-left:0;
        white-space:normal
    }

    .buy-notes {
        grid-template-columns:1fr;
        gap:20px;
        margin-top:30px
    }

    .buy-notes>div {
        padding-top:15px
    }

    .buy-notes p {
        margin-bottom:0
    }

    .sell-grid,.valuation-grid,.faq-grid {
        grid-template-columns:1fr;
        gap:38px
    }

    .sell-list {
        padding:25px
    }

    .sell-list>a {
        padding-block:16px
    }

    .valuation-intro>p:not(.eyebrow) {
        max-width:520px
    }

    .process {
        display:none
    }

    .valuation-intro>.fine-print {
        margin-bottom:0
    }

    .wizard {
        padding:26px
    }

    .faq-grid {
        gap:30px
    }

    .footer-top {
        grid-template-columns:1fr;
        gap:26px;
        padding-bottom:30px
    }

    .footer-bottom {
        flex-wrap:wrap;
        gap:14px 22px
    }

    .footer-bottom>span {
        flex-basis:100%;
        margin-right:0
    }

    .product-grid {
        grid-template-columns:1fr 1fr;
        gap:25px 15px
    }

    .product h3 {
        font-size:18px
    }

    .product-image {
        padding:15px;
        aspect-ratio:1
    }

    .product-image>span {
        font-size:9px;
        top:8px;
        left:8px
    }

    .catalog-toolbar {
        align-items:start;
        flex-direction:column;
        gap:14px
    }

    .filters button {
        padding:8px 17px
    }

    .estimate {
        font-size:57px
    }

}

@media(max-width:390px) {
    .nav .small {
        font-size:10px;
        gap:8px;
        padding:10px
    }

    .brand img {
        width:78px
    }

    

    .hero h1 {
        font-size:53px
    }

    .hero-art {
        transform:scale(.75);
        height:385px;
        margin-bottom:-80px;
        margin-top:30px
    }

    .roundel {
        right:-15px
    }

    .console {
        left:-14px
    }

    .wizard {
        padding:21px
    }

    .device-options {
        gap:8px
    }

    .device-options label {
        padding:14px 9px;
        font-size:12px;
        gap:7px
    }

    .form-pair {
        grid-template-columns:1fr;
        gap:0
    }

    .wizard legend {
        font-size:24px
    }

    .wizard-actions {
        gap:10px
    }

    .wizard-actions .button {
        padding:15px 18px;
        font-size:12px;
        gap:12px
    }

    .product-grid {
        grid-template-columns:1fr
    }

    .estimate.manual {
        font-size:29px
    }

}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto
    }

    *,*:before,*:after {
        animation:none!important;
        transition:none!important
    }

}

/* Selettore lingua nello stesso stile del sito principale. */
.language-links {
    display: flex;
    gap: 12px;
    padding-left: 18px;
    border-left: 1px solid #ffffff30;
    font-size: 12px;
}
.language-links a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #aaaab2;
    padding: 6px 0;
}
.language-links img {
    width: 22px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px;
    flex-shrink: 0;
}
.language-links a[aria-current] { color: #f59881; border-bottom: 1px solid var(--coral); }
.nav nav a { position: relative; }
.nav nav a::after {
    content: "";
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: -5px;
    background: var(--coral);
    scale: 0 1;
    transform-origin: left;
    transition: scale .25s ease;
}
.nav nav a:hover::after, .nav nav a:focus-visible::after { scale: 1 1; }

/* Stessi tempi ed easing del sito principale; lo store resta autonomo. */
.hero { position: relative; isolation: isolate; }
.hero-copy, .hero-art, .hero-bottom { position: relative; z-index: 1; }
.hero h1 > .title-line { display: block; color: inherit; overflow: hidden; padding-bottom: .13em; margin-bottom: -.13em; }
.title-line > span { display: block; transform-origin: 0 100%; animation: headline-reveal 1.3s .12s cubic-bezier(.16,1,.3,1) both; }
.title-line:nth-child(2) > span { animation-delay: .27s; }
.title-line:nth-child(3) > span { animation-delay: .42s; color: var(--coral); }
.hero-copy > .eyebrow { animation: copy-arrive .85s .1s ease both; }
.hero-copy > .lead { animation: copy-arrive 1.1s .65s cubic-bezier(.16,1,.3,1) both; }
.hero-copy > .actions { animation: copy-arrive 1.1s .8s cubic-bezier(.16,1,.3,1) both; }
.hero-copy > .hero-note { animation: copy-arrive 1.1s .95s ease both; }
.hero-bottom { animation: copy-arrive 1.3s 1.1s ease both; }
.scene-motion { position: absolute; inset: 0; transform: perspective(1100px) rotateX(var(--scene-y,0deg)) rotateY(var(--scene-x,0deg)); transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.phone { animation: device-arrive 1.65s .22s cubic-bezier(.16,1,.3,1) backwards, device-float 8s 1.9s ease-in-out infinite; }
.console { animation: console-arrive 1.4s .65s cubic-bezier(.16,1,.3,1) backwards, device-float 9s 2.2s ease-in-out infinite; }
.roundel { animation: stamp-arrive 1.4s .55s cubic-bezier(.2,1.4,.3,1) backwards; }
.orbit { animation: orbit-light 9s ease-in-out infinite; }
.orbit-two { animation-duration: 12s; animation-delay: -5s; }
.hero-aurora { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.hero-aurora i { position: absolute; border-radius: 50%; filter: blur(65px); opacity: .3; animation: aurora-drift 13s ease-in-out infinite alternate; }
.hero-aurora i:nth-child(1) { width: 520px; height: 520px; right: -60px; top: 20px; background: radial-gradient(circle,#b84c3b,transparent 70%); animation-delay: -5s; }
.hero-aurora i:nth-child(2) { width: 350px; height: 350px; right: 25%; bottom: -140px; background: radial-gradient(circle,#c09063,transparent 65%); animation-duration: 17s; animation-delay: -9s; opacity: .18; }
.hero-aurora i:nth-child(3) { width: 250px; height: 250px; left: 5%; top: -110px; background: radial-gradient(circle,#f05f40,transparent 65%); opacity: .12; animation-duration: 11s; }
.button { position: relative; overflow: hidden; }
.button::after { content: ""; position: absolute; inset: -100% -50%; background: linear-gradient(100deg,transparent 35%,#ffffff55,transparent 65%); translate: -100% 0; animation: button-sheen 5.5s 2s ease-in-out infinite; pointer-events: none; }
.button > span { transition: translate .25s ease; }
.button:hover > span, .button:focus-visible > span { translate: 3px -3px; }
.section h2 em { background: linear-gradient(100deg,transparent 15%,#f05f4038 50%,transparent 85%) 130% 100% / 220% 2px no-repeat; animation: section-underline 7s ease-in-out infinite; }
.sell-list > a { transition: translate .3s ease; }
.sell-list > a:hover { translate: 5px 0; }
.product { transition: translate .35s ease; }
.product:hover { translate: 0 -5px; }
.wizard { animation: form-glow 7s ease-in-out infinite; }
.wizard:focus-within, .wizard:hover { animation-play-state: paused !important; }

/* Le animazioni continue si fermano fuori schermo e nelle schede inattive. */
.motion-scope:not(.motion-active) *, .motion-scope:not(.motion-active) *::after,
.motion-paused *, .motion-paused *::after { animation-play-state: paused !important; }
@keyframes headline-reveal { from { opacity: 0; transform: translateY(115%) rotate(5deg); filter: blur(9px); } to { opacity: 1; transform: translateY(0) rotate(0); filter: blur(0); } }
@keyframes copy-arrive { from { opacity: 0; translate: 0 25px; filter: blur(4px); } to { opacity: 1; translate: 0 0; filter: blur(0); } }
@keyframes device-arrive { from { opacity: 0; translate: 80px 65px; scale: .77; filter: blur(9px); } to { opacity: 1; translate: 0 0; scale: 1; filter: blur(0); } }
@keyframes console-arrive { from { opacity: 0; translate: -65px 65px; scale: .85; } to { opacity: 1; translate: 0 0; scale: 1; } }
@keyframes stamp-arrive { from { opacity: 0; rotate: -100deg; scale: .1; } to { opacity: 1; rotate: 0deg; scale: 1; } }
@keyframes device-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -9px; } }
@keyframes orbit-light { 0%,100% { border-color: #ffffff0b; scale: 1; } 50% { border-color: #f05f4025; scale: 1.025; } }
@keyframes aurora-drift { from { translate: -35px -20px; scale: .85; } to { translate: 50px 45px; scale: 1.15; } }
@keyframes button-sheen { 0%,65% { translate: -100% 0; } 100% { translate: 100% 0; } }
@keyframes section-underline { 0%,15% { background-position: 130% 100%; } 65%,100% { background-position: -130% 100%; } }
@keyframes form-glow { 0%,100% { box-shadow: 0 8px 25px #261c1603; } 50% { box-shadow: 0 12px 40px #cc653814; } }
@media (max-width: 1100px) { .nav .main-site { display: inline-block; } .nav nav { gap: 18px; } }
@media (max-width: 760px) {
    html { scroll-padding-top: 130px; }
    .nav-inner { height: auto; flex-wrap: wrap; padding-block: 13px; gap: 10px; }
    .nav nav { display: flex; order: 4; width: 100%; justify-content: space-between; font-size: 12px; padding-top: 7px; border-top: 1px solid #ffffff16; }
    .language-links { margin-left: auto; padding-left: 10px; gap: 10px; font-size: 11px; }
    .scene-motion { transition: none; }
    .hero-aurora i { filter: blur(40px); }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; }
    .scene-motion { transform: none; }
}

/* Il messaggio di vendita è il primo contenuto della pagina. */
.hero h1.sell-headline { font-size: clamp(45px, 5.6vw, 80px); }
html[lang="en"] .hero h1.sell-headline { font-size: clamp(36px, 4.7vw, 68px); }

/* La dicitura completa resta leggibile anche nei risultati su mobile. */
#estimate:not(.manual) { font-size: clamp(32px, 4vw, 52px); }

/* Stesso cookie banner del sito principale. */
.cookie-notice#cookieConsent{display:block;position:fixed;z-index:9999;bottom:22px;left:auto;right:22px;width:min(480px,calc(100% - 44px));padding:25px;background:#fffdf9;color:#282320;border:1px solid #e9ded3;border-radius:20px;box-shadow:0 18px 70px #0003;text-align:left;font:12px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;box-sizing:border-box;animation:cookie-notice-in .35s cubic-bezier(.2,.8,.2,1) both}
.cookie-notice#cookieConsent[hidden],.cookie-notice [hidden]{display:none!important}
.cookie-notice button{font-family:inherit;letter-spacing:normal;text-transform:none}
.cookie-notice button:focus-visible,.cookie-notice a:focus-visible{outline:3px solid #b3341b;outline-offset:4px}
.cookie-notice-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.cookie-notice-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;background:#f05f4014;border:1px solid #f05f4026;border-radius:13px;color:#b3341b}
.cookie-notice-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cookie-notice-kicker{display:block;font-size:7px;font-weight:700;letter-spacing:.12em;color:#8b7464;line-height:1.5;margin-bottom:5px}
.cookie-notice h2{font-family:inherit;font-weight:700;color:#282320;margin:0;font-size:23px;letter-spacing:-.045em;line-height:1.15}
.cookie-notice-close{display:grid;place-items:center;align-self:start;flex:none;margin-left:auto;padding:0;width:29px;height:29px;background:transparent;border:1px solid #ddd4cb;border-radius:50%;color:#62564c;font-size:20px;line-height:1;transition:background .2s}
.cookie-notice-close:hover{background:#f4e8db}
.cookie-notice>p{margin-bottom:20px;color:#6d6058;font-size:12px;line-height:1.8}
.cookie-notice-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}
.cookie-notice#cookieConsent .cookie-notice-policy{display:inline-block;margin-top:16px;font-size:11px;font-weight:600;color:#6a4935;text-decoration:underline;text-underline-offset:4px}
.cookie-notice-actions>button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:12px 20px;min-height:44px;border:1px solid #f05f40;border-radius:30px;background:var(--red,#f05f40);color:#171719;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s}
.cookie-notice-actions>button:hover{background:#ee4b28}
.cookie-notice[data-cookie-optional=true] .cookie-notice-actions>button:first-child{background:transparent;border-color:#b9a99a;color:#55483c}
.cookie-notice[data-cookie-optional=true] .cookie-notice-actions>button:first-child:hover{background:#f1e8df}
.cookie-notice-footer{background:transparent;text-align:center;padding:6px 0 0}
.cookie-notice-footer button{padding:4px 8px;background:transparent;border:0;color:#ccc;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.cookie-notice-footer button:hover{color:#fff}
@keyframes cookie-notice-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){.cookie-notice#cookieConsent{left:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);padding:20px;border-radius:17px;max-height:calc(100dvh - 24px);overflow-y:auto}.cookie-notice h2{font-size:21px}.cookie-notice-kicker{font-size:6px}.cookie-notice-actions{gap:10px}.cookie-notice-actions>button{padding:12px 17px}}
@media(prefers-reduced-motion:reduce){.cookie-notice{animation:none}.cookie-notice button{transition:none}}

/* Footer originale e animazione originale del sito principale. */
/* Shared website footer, scoped to avoid importing Bootstrap into the page. */
#myFooter{background:#3c3d41;color:#fff;padding-top:10px;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
#myFooter .container{width:100%;margin-inline:auto;padding-inline:15px}
#myFooter .row{display:flex;flex-wrap:wrap;margin:0 -15px 20px}
#myFooter .row>[class*=col-]{position:relative;width:100%;padding-inline:15px}
#myFooter .justify-content-center{justify-content:center}
#myFooter .logo{margin:0 0 8px}
#myFooter .logo img{display:inline-block;vertical-align:middle;border:0;width:140px;height:auto}
#myFooter h5{font-size:18px;font-weight:700;line-height:1.2;letter-spacing:normal;margin:30px 0 8px;color:#fff}
#myFooter ul{list-style:none;padding-left:0;line-height:1.7;margin:0 0 16px}
#myFooter a{color:#d2d1d1;text-decoration:none}
#myFooter a:hover,#myFooter a:focus{color:#fff;text-decoration:none}
#myFooter .social-networks{text-align:center;padding:30px 0 16px}
#myFooter .social-networks a{display:inline-block;font-size:32px;color:#f9f9f9;padding:10px;line-height:1.5;transition:color .2s}
#myFooter .facebook:hover{color:#0077e2}
#myFooter .twitter:hover{color:#00aced}
#myFooter .instagram:hover{color:#e36a9b}
#myFooter .form-group{margin-bottom:16px}
#myFooter .form-control{display:block;width:100%;height:38px;padding:6px 12px;font-size:16px;line-height:1.5;color:#495057;background:#fff;border:1px solid #ced4da;border-radius:4px}
#myFooter .form-control:focus{border-color:#ff8372;box-shadow:0 0 0 3px #f05f4026;outline:none}
#myFooter .btn{display:block;width:150px;margin:10px auto 0;padding:8px 16px;line-height:25px;font-size:20px;font-weight:400;text-align:center;color:#fff;background:#f05f40;border-radius:20px;border:0;transition:background .2s}
#myFooter .btn:hover,#myFooter .btn:focus{color:#fff;background:#ee4b28}
#myFooter .footer-copyright{background:#333;padding:3px 15px;text-align:center}
#myFooter .footer-copyright p{margin:10px;color:#ccc}
@media(min-width:576px){#myFooter .container{max-width:540px}#myFooter .col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}#myFooter .col-sm-3{flex:0 0 25%;max-width:25%}#myFooter .col-sm-6{flex:0 0 50%;max-width:50%}}
@media(min-width:768px){#myFooter .container{max-width:720px}#myFooter .col-md-3{flex:0 0 25%;max-width:25%}#myFooter .col-md-4{flex:0 0 33.333333%;max-width:33.333333%}}
@media(min-width:992px){#myFooter .container{max-width:960px}#myFooter .col-lg{flex:1 0 0;max-width:100%}}
@media(min-width:1200px){#myFooter .container{max-width:1140px}}
@media(max-width:767px){#myFooter{text-align:center}#myFooter .footer-copyright p{font-size:12px}}

/* Compact, full-width bands. Footer content and destinations remain unchanged. */
body.rs #myFooter.rs-footer-original{background:#303034;color:#ededf0;padding:30px 0 0;border-top:3px solid #f05f40;font:16px/1.6 var(--rs-font);text-align:left}
body.rs #myFooter.rs-footer-original :is(p,span,a,label,input,button,h5,h6,ul,li){font-family:var(--rs-font)}
body.rs #myFooter.rs-footer-original .container{width:min(1320px,calc(100% - 80px));max-width:none;padding:0;margin-inline:auto}
body.rs #myFooter.rs-footer-original>.container>.row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1.2fr;gap:32px;align-items:start;margin:0;padding-bottom:26px}
body.rs #myFooter.rs-footer-original .row>[class*=col-]{width:auto;max-width:none;min-width:0;padding:0;flex:none}
body.rs #myFooter.rs-footer-original>.container>.row>.col-sm-3{text-align:left!important}
body.rs #myFooter.rs-footer-original h5{font-size:18px;font-weight:650;line-height:1.35;letter-spacing:-.015em;color:#fff;margin:0 0 10px}
body.rs #myFooter.rs-footer-original .logo{margin:0}
body.rs #myFooter.rs-footer-original .logo img{width:140px;max-width:100%!important;height:auto;padding:0!important;margin:0!important}
body.rs #myFooter.rs-footer-original ul{list-style:none;padding:0;margin:0;line-height:1.6}
body.rs #myFooter.rs-footer-original li{font-size:16px;line-height:1.6;margin:0 0 4px;color:#8d8b95;overflow-wrap:break-word}
body.rs #myFooter.rs-footer-original a{color:#c5c3cc;text-decoration:none;transition:color .2s}
body.rs #myFooter.rs-footer-original a:hover,body.rs #myFooter.rs-footer-original a:focus-visible{color:#f58d75}
body.rs #myFooter.rs-footer-original .social-networks{display:flex;justify-content:flex-start;gap:13px;flex-wrap:wrap;padding:0;margin-bottom:10px;text-align:left}
body.rs #myFooter.rs-footer-original .social-networks a{display:grid;place-items:center;width:34px;height:34px;font-size:25px;line-height:1;border:0;background:transparent;padding:0;color:#e8e6ed}
body.rs #myFooter.rs-footer-original .social-networks a:hover{color:#f58d75}
body.rs #myFooter.rs-footer-original .social-networks+span{font-size:16px;color:#b9b7c1;opacity:1!important}
body.rs #myFooter.rs-footer-original #cookie-notice-reopen{display:inline-block;margin-top:9px;padding:0;background:transparent;border:0;border-bottom:1px solid #aaa6b2;border-radius:0;color:#c7c4ce;font-size:14px;line-height:1.6}
body.rs #myFooter.rs-footer-original #cookie-notice-reopen:hover{color:#f58d75;border-color:#f58d75}
/* Newsletter is a dark full-width strip, without a colored card or outer margins. */
body.rs #myFooter.rs-footer-original>section:first-of-type{width:100%;margin:0;padding:22px 0;background:#1d1d20!important;border:0;border-block:1px solid #ffffff0a;border-radius:0;color:#e1dfe6;height:auto!important;min-height:0!important;overflow:visible!important}
body.rs #myFooter.rs-footer-original .ct-form-newsletter{margin:0!important;padding:0!important}
body.rs #myFooter.rs-footer-original .ct-form-newsletter .container{width:min(1320px,calc(100% - 80px));max-width:none;margin-inline:auto}
body.rs #myFooter.rs-footer-original .ct-form-newsletter .row{display:grid;grid-template-columns:1.15fr 1.8fr auto;align-items:center;gap:24px;margin:0 0 13px}
body.rs #myFooter.rs-footer-original .ct-form-newsletter .row>[class*=col-]{max-height:none!important;overflow:visible!important}
body.rs #myFooter.rs-footer-original .ct-form-newsletter .row>div:first-child>span{display:block;font-size:16px;line-height:1.55;color:#e4e2e9}
body.rs #myFooter.rs-footer-original .ct-form-newsletter .form-group{margin:0;padding:0!important}
body.rs #myFooter.rs-footer-original .form-control{height:46px;padding:10px 14px;border:1px solid #d4d2da;border-radius:6px;background:#fafafb;color:#29252e;font:16px/1.5 var(--rs-font);box-shadow:none}
body.rs #myFooter.rs-footer-original .form-control::placeholder{color:#797480;opacity:1}
body.rs #myFooter.rs-footer-original .form-control:focus{border-color:#f05f40;outline:2px solid #f05f4033;outline-offset:2px;box-shadow:none}
body.rs #myFooter.rs-footer-original .btn{display:block;width:auto;min-width:140px;min-height:46px;padding:10px 23px;margin:0;background:#f05f40;border:1px solid transparent;border-radius:30px;color:#171719;font:650 16px/1.5 var(--rs-font);box-shadow:none;transform:none;transition:background .2s}
body.rs #myFooter.rs-footer-original .btn:hover,body.rs #myFooter.rs-footer-original .btn:focus-visible{background:#f7775d;color:#171719;box-shadow:none;transform:none}
body.rs #myFooter.rs-footer-original .ct-form-newsletter p{font-size:16px;line-height:1.6;text-align:left!important;color:#aaa6b3!important;opacity:1!important;margin:0}
body.rs #myFooter.rs-footer-original .ct-form-newsletter p a{color:#d0cbd8;text-decoration:underline;text-underline-offset:3px}
body.rs #myFooter.rs-footer-original .ct-form-newsletter p a:hover{color:#f58d75}
body.rs #myFooter.rs-footer-original .rs-newsletter-result:not([hidden]){margin-top:14px;padding:12px;border:1px solid #ffffff20;border-radius:6px;background:#29292e;color:#e0dce8!important}
/* Regional services: eight columns on large screens instead of two tall rows. */
body.rs #myFooter.rs-footer-original>section:nth-of-type(2){background:#0e0e10!important;border:0;padding:25px 0;height:auto!important;min-height:0!important;overflow:visible!important}
body.rs #myFooter.rs-footer-original>section:nth-of-type(2)>div{width:min(1800px,calc(100% - 80px))!important;margin-inline:auto!important}
body.rs #myFooter.rs-footer-original .row.justify-content-center{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:24px;margin:0}
body.rs #myFooter.rs-footer-original .row.justify-content-center h5{font-size:17px;line-height:1.4;color:#e5e2e9;margin-bottom:10px}
body.rs #myFooter.rs-footer-original .row.justify-content-center li{font-size:16px;line-height:1.6;margin-bottom:4px}
body.rs #myFooter.rs-footer-original .row.justify-content-center li:last-child:not(:has(a)){display:none}
body.rs #myFooter.rs-footer-original .footer-copyright{padding:12px 35px;background:#202023;border-top:1px solid #ffffff08;text-align:center}
body.rs #myFooter.rs-footer-original .footer-copyright p{font:16px/1.6 var(--rs-font);color:#a8a4b1;margin:0}
@media(max-width:1279px){body.rs #myFooter.rs-footer-original .container,body.rs #myFooter.rs-footer-original .ct-form-newsletter .container{width:calc(100% - 56px)}body.rs #myFooter.rs-footer-original>section:nth-of-type(2)>div{width:calc(100% - 56px)!important}body.rs #myFooter.rs-footer-original>.container>.row{gap:22px}body.rs #myFooter.rs-footer-original .row.justify-content-center{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 28px}body.rs #myFooter.rs-footer-original .ct-form-newsletter .row{grid-template-columns:1.2fr 1.6fr auto;gap:20px}}
@media(max-width:900px){body.rs #myFooter.rs-footer-original>.container>.row{grid-template-columns:1fr 1fr 1fr 1fr}body.rs #myFooter.rs-footer-original>.container>.row>div:first-child{grid-column:1/-1}body.rs #myFooter.rs-footer-original .ct-form-newsletter .row{grid-template-columns:1fr auto;gap:15px}body.rs #myFooter.rs-footer-original .ct-form-newsletter .row>div:first-child{grid-column:1/-1}body.rs #myFooter.rs-footer-original .row.justify-content-center{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}}
@media(max-width:650px){body.rs #myFooter.rs-footer-original{padding-top:25px}body.rs #myFooter.rs-footer-original .container,body.rs #myFooter.rs-footer-original .ct-form-newsletter .container{width:calc(100% - 36px)}body.rs #myFooter.rs-footer-original>section:nth-of-type(2)>div{width:calc(100% - 36px)!important}body.rs #myFooter.rs-footer-original>.container>.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 24px;padding-bottom:23px}body.rs #myFooter.rs-footer-original .social-networks{gap:9px}body.rs #myFooter.rs-footer-original .row.justify-content-center{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 25px}body.rs #myFooter.rs-footer-original>section:first-of-type{padding:21px 0}body.rs #myFooter.rs-footer-original>section:nth-of-type(2){padding:23px 0}body.rs #myFooter.rs-footer-original .footer-copyright{padding:12px 18px}body.rs #myFooter.rs-footer-original .row.justify-content-center h5{font-size:17px}}
@media(max-width:420px){body.rs #myFooter.rs-footer-original .ct-form-newsletter .row{grid-template-columns:1fr;gap:13px}body.rs #myFooter.rs-footer-original .ct-form-newsletter .row>div:first-child{grid-column:auto}body.rs #myFooter.rs-footer-original .btn{width:100%;min-width:0}body.rs #myFooter.rs-footer-original .social-networks{gap:5px}}
@media(prefers-reduced-motion:reduce){body.rs #myFooter.rs-footer-original a,body.rs #myFooter.rs-footer-original button{transition:none}}

/* Three-second brand reveal, then five seconds of stillness. Official artwork is unchanged. */
.rs .rs-logo-motion{--logo-wait:.35s;--logo-ge-top:8.125%;--logo-ge-bottom:8.125%;--logo-nova-bottom:0%;--logo-turn-x:0deg;--logo-turn-y:0deg;position:relative;display:inline-flex;align-items:center;isolation:isolate;overflow:visible;vertical-align:middle;max-width:100%;transform:perspective(650px) rotateX(var(--logo-turn-y)) rotateY(var(--logo-turn-x));transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.rs .rs-logo-motion:before,.rs .rs-logo-motion:after{content:none}
.rs .rs-logo-ready>img{animation:rs-logo-wordmark-base 8s var(--logo-wait) linear infinite;animation-play-state:paused}
.rs .rs-logo-ready[data-logo-variant="full"]>img{animation-name:rs-logo-full-base}
.rs-logo-stage{position:absolute;inset:0;pointer-events:none;z-index:2;isolation:isolate}
.rs .rs-logo-motion .rs-logo-layer,body.rs #myFooter.rs-footer-original .rs-logo-motion .rs-logo-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none!important;padding:0!important;margin:0!important;opacity:0;animation-duration:8s;animation-delay:var(--logo-wait);animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-play-state:paused}
.rs .rs-logo-motion .rs-logo-layer-ge,body.rs #myFooter.rs-footer-original .rs-logo-motion .rs-logo-layer-ge{clip-path:inset(var(--logo-ge-top) 68.43% var(--logo-ge-bottom) 2.293%);animation-name:rs-logo-ge-ignite}
.rs .rs-logo-motion[data-logo-variant="full"]{--logo-ge-top:6.0185%;--logo-ge-bottom:31.9444%;--logo-nova-bottom:25.9259%}
.rs .rs-logo-motion .rs-logo-layer-nova,body.rs #myFooter.rs-footer-original .rs-logo-motion .rs-logo-layer-nova{clip-path:inset(0 0 var(--logo-nova-bottom) 33.8624%);transform-origin:72% 45%;animation-name:rs-logo-nova-depth}
.rs-logo-softworks{position:absolute;inset:0;opacity:0;clip-path:inset(0 100% 0 0);animation:rs-logo-softworks-reveal 8s var(--logo-wait) steps(12,end) infinite;animation-play-state:paused}
.rs .rs-logo-motion .rs-logo-layer-softworks,body.rs #myFooter.rs-footer-original .rs-logo-motion .rs-logo-layer-softworks{clip-path:inset(79.6296% 0 0 0);opacity:1;animation:none}
.rs-logo-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible;opacity:0;animation:rs-logo-frame-fade 8s var(--logo-wait) linear infinite;animation-play-state:paused}
.rs-logo-frame rect{fill:none;stroke:#ff4141;stroke-width:13;stroke-linejoin:miter;stroke-dasharray:1;stroke-dashoffset:1;animation:rs-logo-frame-draw 8s var(--logo-wait) cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused}
.rs-logo-reflection{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4}
.rs-logo-reflection:after{content:"";position:absolute;inset:-40% -65%;background:linear-gradient(110deg,transparent 43%,#ffffff85 50%,transparent 57%);opacity:0;animation:rs-logo-reflection-pass 8s var(--logo-wait) ease-in-out infinite;animation-play-state:paused}
.rs .rs-logo-on-screen>img,.rs .rs-logo-on-screen .rs-logo-layer,.rs .rs-logo-on-screen .rs-logo-softworks,.rs .rs-logo-on-screen .rs-logo-frame,.rs .rs-logo-on-screen .rs-logo-frame rect,.rs .rs-logo-on-screen .rs-logo-reflection:after{animation-play-state:running}
body.rs #myFooter.rs-footer-original .rs-logo-on-screen .rs-logo-layer{animation-play-state:running}
.rs-brand-paused .rs-logo-motion *,.rs-brand-paused .rs-logo-motion :after{animation-play-state:paused!important}
.rs #myFooter .rs-logo-motion{--logo-wait:.8s}
@keyframes rs-logo-wordmark-base{0%,20.3125%{opacity:0}25%,100%{opacity:1}}
@keyframes rs-logo-full-base{0%,28.125%{opacity:0}31.25%,100%{opacity:1}}
@keyframes rs-logo-ge-ignite{0%,6.25%{opacity:0;filter:drop-shadow(0 0 0 transparent)}10.9375%{opacity:1;filter:drop-shadow(0 0 4px #ff414180)}18.75%,29.6875%{opacity:1;filter:drop-shadow(0 0 0 transparent)}34.375%,100%{opacity:0;filter:drop-shadow(0 0 0 transparent)}}
@keyframes rs-logo-nova-depth{0%,9.375%{opacity:0;transform:perspective(500px) translateX(12px) rotateY(-30deg) scale(.92)}21.875%,29.6875%{opacity:1;transform:perspective(500px) translateX(0) rotateY(0) scale(1)}34.375%,100%{opacity:0;transform:perspective(500px) translateX(0) rotateY(0) scale(1)}}
@keyframes rs-logo-softworks-reveal{0%,17.1875%{opacity:0;clip-path:inset(0 100% 0 0)}18.75%{opacity:1;clip-path:inset(0 100% 0 0)}29.6875%,32.8125%{opacity:1;clip-path:inset(0 0 0 0)}35.9375%,100%{opacity:0;clip-path:inset(0 0 0 0)}}
@keyframes rs-logo-frame-fade{0%,31.25%{opacity:1}37.5%,100%{opacity:0}}
@keyframes rs-logo-frame-draw{0%{stroke-dashoffset:1}12.5%,100%{stroke-dashoffset:0}}
@keyframes rs-logo-reflection-pass{0%,28.125%{opacity:0;transform:translateX(-110%)}29.6875%{opacity:.65}37.5%,100%{opacity:0;transform:translateX(110%)}}

body.rs #myFooter.rs-footer-original .rs-footer-direct{display:grid;gap:5px;margin-top:13px}
body.rs #myFooter.rs-footer-original .rs-footer-direct a{font-size:16px;font-weight:600;line-height:1.5;color:#e9e6ef;overflow-wrap:anywhere}
body.rs #myFooter.rs-footer-original .rs-footer-direct a:first-child{color:#f7a18a}
body.rs #myFooter.rs-footer-original>.cookie-notice-footer{width:100%;text-align:center;background:#202023;padding:9px 20px 0;margin:0}
body.rs #myFooter.rs-footer-original>.cookie-notice-footer #cookie-notice-reopen{margin:0 auto;display:inline-block;font-size:16px}
body.rs #myFooter.rs-footer-original .footer-copyright{padding-top:8px}

@media(prefers-reduced-motion:reduce){.rs .rs-logo-motion{transform:none!important;transition:none}.rs .rs-logo-ready>img{animation:none!important;opacity:1}.rs-logo-stage,.rs-logo-frame,.rs-logo-reflection{display:none}.rs-hero-direct{animation:none}}

/* Stesse misure della navbar www (experience.css), anche ai breakpoint mobile. */
.nav { background: #111113ed; border-bottom: 1px solid #ffffff1c; }
.nav .nav-inner { height: 96px; gap: 35px; padding-block: 0; flex-wrap: nowrap; }
.nav .rs-brand { display: inline-flex; gap: 0; flex: none; }
.nav .rs-brand > img { width: 130px; height: auto; object-fit: contain; }
.store-mark { color: #c6c6d0; font-size: 11px; letter-spacing: .2em; }
.nav nav { display: flex; align-items: center; justify-content: flex-end; gap: 29px; margin-left: auto; font-size: 16px; }
.nav nav > a { font-size: 16px; line-height: 1.4; white-space: nowrap; }
.nav nav > a:not(.button) { padding: 16px 0; color: #c6c6d0; }
.nav nav > a:not(.button)::after { bottom: 7px; }
.nav nav > .button { padding: 12px 18px; }
.nav nav > .button::after { content: none; }
.nav .language-links { display: flex; align-items: center; gap: 14px; border-left: 1px solid #ffffff26; padding-left: 24px; margin: 0; }
.nav .language-links a { display: flex; align-items: center; gap: 7px; padding: 10px 0; font-size: 14px; color: #a2a2af; }
.nav .language-links a[aria-current] { color: #fff; border: 0; }
.nav .language-links a::after { content: none; }
.menu-toggle { display: none; }
html { scroll-padding-top: 108px; }
@media (max-width: 1150px) {
    .nav .nav-inner { gap: 25px; }
    .nav nav { gap: 20px; }
    .nav .language-links { gap: 12px; padding-left: 18px; }
    .store-mark { display: none; }
}
@media (max-width: 1000px) {
    .nav .nav-inner { height: 82px; }
    .nav .rs-brand > img { width: 115px; }
    .menu-toggle { display: flex; margin-left: auto; align-items: center; gap: 12px; border: 1px solid #ffffff38; background: #ffffff05; color: #fff; border-radius: 8px; padding: 12px 17px; font-size: 16px; }
    .menu-toggle span { font-size: 19px; }
    .nav nav { display: none; position: absolute; top: 82px; left: 0; right: 0; width: 100%; max-height: calc(100dvh - 110px); overflow-y: auto; background: #19191dfc; border-top: 1px solid #ffffff21; padding: 20px 32px 30px; flex-direction: column; align-items: stretch; gap: 3px; margin: 0; }
    .nav nav.is-open { display: flex; }
    .nav nav > a:not(.button) { font-size: 18px; padding: 16px 0; }
    .nav nav > a::after { display: none; }
    .nav .language-links { border-left: 0; border-top: 1px solid #ffffff20; padding: 18px 0 0; margin-top: 12px; gap: 25px; }
    .nav .language-links a { font-size: 16px; gap: 9px; }
    .nav .button.small { align-self: flex-start; font-size: 16px; margin-top: 12px; }
}
@media (max-width: 700px) {
    .nav .nav-inner { height: 78px; }
    .nav nav { top: 78px; padding-inline: 22px; }
    .nav .rs-brand > img { width: 115px; }
}

/* Font delle icone identico a quello di www, servito dallo store.
   Font Awesome Free 5.6.3 · Fonts: SIL OFL 1.1 · https://fontawesome.com/license */
@font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fa-brands-400.woff2') format('woff2'); }
#myFooter .fab { font-family: 'Font Awesome 5 Brands' !important; font-style: normal; font-weight: 400; font-variant: normal; text-rendering: auto; display: inline-block; line-height: 1; }
#myFooter .fa-twitter::before { content: '\f099'; }
#myFooter .fa-facebook::before { content: '\f09a'; }
#myFooter .fa-instagram::before { content: '\f16d'; }
#myFooter .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.store-contact-floating { position: fixed; right: 16px; bottom: 16px; z-index: 30; display: flex; flex-direction: column; }
.store-contact-floating img { width: auto; height: 60px; }

:root { --rs-font: var(--font); --rs-ink: var(--ink); --rs-coral: var(--coral); }
/* Stessa larghezza utile della navbar www, inclusi i margini responsive. */
.nav > .wrap { width: min(1320px, calc(100% - 96px)); }
@media (max-width: 1100px) { .nav > .wrap { width: calc(100% - 64px); } }
@media (max-width: 700px) { .nav > .wrap { width: calc(100% - 40px); } }

/* Pagine di vendita dedicate, con lo stesso configuratore della home. */
.sell-list > a { text-decoration:none; color:inherit; }
.sell-list > a:hover { color:var(--coral); }
.sell-landing .landing-copy { position:relative; z-index:1; padding-block:70px; }
.sell-landing h1 { max-width:1000px; font-size:clamp(44px,6.6vw,86px); }
.sell-landing .lead { max-width:690px; margin-top:28px; color:#bfbfc7; line-height:1.9; }
.landing-breadcrumb { margin:22px 0; color:#bfbfc7; font-size:13px; }
.landing-breadcrumb a { color:inherit; }

.wizard textarea { resize:vertical; line-height:1.6; }