.phone,.phone.is-desktop {
    width:min(780px, calc(100vw - 40px));
    height:min(780px, calc(100vh - 160px));
    min-height:560px;
    background:#fff0;
    border-radius:28px;
    padding:0;
    box-shadow:0 30px 80px -20px rgb(20 20 20 / .18),0 12px 30px -8px rgb(217 117 87 / .12)
}
.phone::before {
    content:none!important
}
.phone-btn-l,.phone-btn-r {
    display:none!important
}
.screen {
    background:#fff;
    border-radius:28px;
    box-shadow:inset 0 0 0 1px rgb(43 29 27 / .06)
}
.screen::before {
    border-radius:28px;
    background:linear-gradient(180deg,rgb(255 233 221 / .5) 0%,transparent 30%);
    z-index:0
}
.screen-body {
    padding-top:4px;
    z-index:1
}
.topbar {
    padding:14px 36px 12px
}
.s h1 {
    font-size:2.4rem;
    line-height:1.05;
    max-width:18ch
}
.s p.lede {
    font-size:1.02rem;
    max-width:52ch
}
.btn-row.sticky {
    position:static;
    background:none;
    padding:24px 0 0;
    margin:16px 0 0
}
.progress-bar {
    margin:0 36px 14px;
    padding:0
}
.build-steps {
    max-width:320px
}
.sms-preview {
    max-width:360px
}
.hero-s h1 {
    font-size:2.8rem
}
.hero-s .sub {
    font-size:1.08rem;
    max-width:420px
}
.field-row.thirds {
    grid-template-columns:1fr 1fr 1fr
}
.build-orb-portrait {
    width:168px;
    height:168px
}
.ph-sub {
    max-width:340px
}
.phone {
    position:relative
}
.chat-hdr {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:14px 18px 10px
}
@media (max-width:600px) {
    .stage {
        padding:0
    }
    .frame-col {
        width:100%;
        height:100dvh;
        gap:0
    }
    .brand-row {
        padding:12px 0 8px
    }
    .share-hint {
        padding:10px 0 16px
    }
    .phone,.phone.is-desktop {
        width:100vw;
        flex:1;
        height:auto;
        min-height:0;
        border-radius:0;
        box-shadow:none
    }
    .screen,.phone.is-desktop .screen {
        border-radius:0;
        box-shadow:none
    }
    .screen::before {
        border-radius:0
    }
    .s,.phone.is-desktop .s {
        padding:16px 20px 20px
    }
    .topbar,.phone.is-desktop .topbar {
        padding:12px 20px 10px
    }
    .s h1,.phone.is-desktop .s h1 {
        font-size:1.8rem
    }
    .field-row.thirds {
        grid-template-columns:1fr
    }
    
}
.field .select2-container--default .select2-selection--single {
    min-height:52px;
    padding:12px 14px;
    font:inherit;
    font-size:1rem;
    border:1.5px solid var(--line);
    border-radius:12px;
    background-color:#fff;
    color:var(--ink);
    transition:border-color .2s,box-shadow .2s;
    font-family:'Inter',sans-serif;
    display:flex;
    align-items:center
}
.field .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left:0;
    padding-right:0;
    line-height:normal;
    color:inherit
}
.field .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:100%;
    right:14px;
    display:flex;
    align-items:center
}
.field .select2-container--default.select2-container--open .select2-selection--single,.field .select2-container--default.select2-container--focus .select2-selection--single {
    outline:none;
    border-color:var(--coral);
    box-shadow:0 0 0 4px rgb(255 107 90 / .12)
}
.field .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color:#fff0;
    cursor:default;
    opacity:.6
}

@media (max-width:767px) { 
    .field .select2-container--default .select2-selection--single { min-height: 40px; padding: 8px 10px; font-size: 14px; border-radius: 8px; }
    .field .select2-container--default .select2-selection--single .select2-selection__arrow { right: 5px;}
}

@media (max-width:425px) {
    .stage {
        padding:16px 12px 24px
    }
    .frame-col {
        height:auto;
        min-height:calc(100dvh - 40px)
    }
    .phone,.phone.is-desktop {
        width:100%;
        flex:none;
        height:auto;
        min-height:calc(100dvh - 160px);
        max-height: auto;
        border-radius:12px;
        box-shadow:none;
        max-height:100% ;
    }
    .screen,.phone.is-desktop .screen {
        border-radius:12px;
        margin-top: 20px;
    }
    .screen::before {
        border-radius:32px
    }
    .chip {padding: 6px 10px; font-size: 12px;}
}