:root{
    --verto-ink:#071326;
    --verto-muted:#6b7890;
    --verto-blue:#075cff;
    --verto-cyan:#22d3ee;
    --verto-yellow:#facc15;
    --verto-line:#dbe6f6;
    --verto-soft:#f3f7ff;
    --verto-shadow:0 18px 44px rgba(20,43,86,.10);
    --verto-shadow-lg:0 28px 76px rgba(20,43,86,.14);
    --exibo-hero-image:url("https://images.unsplash.com/photo-1514933651103-005eec06c04b?auto=format&fit=crop&w=1800&q=88");
    --exibo-hero-overlay:linear-gradient(90deg,rgba(2,8,23,.96) 0%,rgba(2,8,23,.78) 46%,rgba(2,8,23,.22) 100%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    background:
        linear-gradient(180deg,rgba(2,8,23,.92) 0,rgba(6,17,38,.92) 360px,var(--verto-soft) 361px),
        var(--exibo-hero-image) center top / 100% auto no-repeat !important;
    color:var(--verto-ink) !important;
}
a{text-decoration:none}
.wrap{
    width:min(1160px,calc(100% - 40px)) !important;
    max-width:1160px !important;
    margin:0 auto !important;
    padding:26px 0 46px !important;
}
.hero,
.header{
    position:relative;
    overflow:hidden;
    margin:0 auto 24px !important;
    padding:54px 38px !important;
    border-radius:0 0 34px 34px !important;
    color:#fff !important;
    text-align:left !important;
    background:
        var(--exibo-hero-overlay),
        var(--exibo-hero-image) center / cover no-repeat !important;
    box-shadow:0 34px 90px rgba(0,0,0,.28) !important;
}
.hero:after,
.header:after{
    content:"VERTO EXIBO";
    display:inline-flex;
    align-items:center;
    min-height:32px;
    margin-top:18px;
    padding:7px 11px;
    border-radius:999px;
    background:var(--verto-yellow);
    color:var(--verto-ink);
    font-size:12px;
    font-weight:950;
    letter-spacing:.12em;
}
.hero h1,
.header h1{
    max-width:820px;
    margin:0 0 12px !important;
    color:#fff !important;
    font-size:clamp(34px,5vw,64px) !important;
    line-height:.98 !important;
    letter-spacing:-.06em !important;
}
.hero p,
.header p{
    max-width:780px;
    margin:0 !important;
    color:#d8e6fb !important;
    font-size:18px !important;
    line-height:1.65 !important;
}
.wrap > h1:first-child,
body > h1:first-of-type{
    position:relative;
    overflow:hidden;
    margin:0 0 22px !important;
    padding:50px 34px 88px !important;
    border-radius:0 0 34px 34px !important;
    color:#fff !important;
    background:
        var(--exibo-hero-overlay),
        var(--exibo-hero-image) center / cover no-repeat !important;
    box-shadow:0 34px 90px rgba(0,0,0,.28) !important;
    font-size:clamp(34px,5vw,64px) !important;
    line-height:.98 !important;
    letter-spacing:-.06em !important;
}
.wrap > h1:first-child:after,
body > h1:first-of-type:after{
    content:"VERTO EXIBO";
    position:absolute;
    left:34px;
    bottom:34px;
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:7px 11px;
    border-radius:999px;
    background:var(--verto-yellow);
    color:var(--verto-ink);
    font-size:12px;
    font-weight:950;
    letter-spacing:.12em;
}
.wrap > h1:first-child + .small,
.wrap > h1:first-child + p,
body > h1:first-of-type + p{
    margin-top:-86px !important;
    margin-left:34px !important;
    margin-bottom:52px !important;
    max-width:740px;
    position:relative;
    z-index:2;
    color:#d8e6fb !important;
    font-size:18px;
}
.section,
.box,
.card,
.plan,
.panel,
.item{
    background:#fff !important;
    border:1px solid var(--verto-line) !important;
    border-radius:24px !important;
    box-shadow:var(--verto-shadow) !important;
}
.section,
.box,
.card,
.plan,
.panel{
    padding:24px !important;
}
.section:hover,
.card:hover,
.plan:hover{
    box-shadow:0 30px 70px rgba(20,43,86,.16) !important;
}
.section:first-of-type,
.box:first-of-type{
    border-top:4px solid rgba(250,204,21,.72) !important;
}
h1,h2,h3{
    color:var(--verto-ink);
    letter-spacing:-.045em;
}
h2{font-size:clamp(28px,3vw,38px);line-height:1.05}
h3{font-size:22px}
p,
.small,
li,
label{
    color:#43516a;
    line-height:1.65;
}
.kicker,
.badge{
    display:inline-flex !important;
    width:auto !important;
    align-items:center;
    border-radius:999px !important;
    padding:7px 10px !important;
    margin:0 0 14px !important;
    background:#e0f2fe !important;
    color:#075985 !important;
    font-size:12px !important;
    font-weight:950 !important;
    letter-spacing:.1em !important;
    text-transform:uppercase;
}
.btn,
button,
input[type=submit],
.topbar a,
.topbar button{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-height:44px;
    border:0 !important;
    border-radius:999px !important;
    padding:11px 17px !important;
    background:var(--verto-blue) !important;
    color:#fff !important;
    font-weight:950 !important;
    text-decoration:none !important;
    cursor:pointer;
    box-shadow:0 14px 32px rgba(7,92,255,.22) !important;
}
.btn.dark,
.btn-dark,
.btn.secondary{
    background:#071326 !important;
    color:#fff !important;
}
.btn.warm,
.btn.orange{
    background:#f05b19 !important;
    box-shadow:0 14px 32px rgba(240,91,25,.24) !important;
}
.btn-blue{background:var(--verto-blue) !important;color:#fff !important}
.btn:hover,
button:hover,
input[type=submit]:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 46px rgba(7,92,255,.28) !important;
}
input,
textarea,
select{
    width:100%;
    border:1px solid #cfdced !important;
    border-radius:14px !important;
    padding:12px 13px !important;
    background:#fff !important;
    color:var(--verto-ink) !important;
    font:inherit;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}
input[type=color]{
    min-height:46px;
    padding:4px !important;
    background:transparent !important;
    cursor:pointer;
}
input[type=color]::-webkit-color-swatch-wrapper{
    padding:0;
}
input[type=color]::-webkit-color-swatch{
    border:0;
    border-radius:10px;
}
input:focus,
textarea:focus,
select:focus{
    outline:4px solid rgba(7,92,255,.12);
    border-color:rgba(7,92,255,.55) !important;
}
label{
    display:block;
    margin:12px 0 6px;
    color:var(--verto-ink) !important;
    font-weight:850 !important;
}
.grid,
.plans,
.template-grid{
    gap:18px !important;
}
.msg,
.success{
    background:#ecfdf5 !important;
    border:1px solid #bbf7d0 !important;
    color:#065f46 !important;
    border-radius:18px !important;
    padding:14px 16px !important;
}
table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    border-radius:18px;
    background:#fff;
    box-shadow:var(--verto-shadow);
}
th{
    background:#eef5ff;
    color:var(--verto-ink);
    text-align:left;
}
th,td{
    padding:13px 14px;
    border-bottom:1px solid #e6eef9;
}
.topbar{
    background:
        var(--exibo-hero-overlay),
        var(--exibo-hero-image) center / cover no-repeat !important;
    color:#fff !important;
    box-shadow:0 24px 70px rgba(0,0,0,.32);
    border-radius:0 0 30px 30px;
    padding:18px !important;
}
.printbar{
    background:
        var(--exibo-hero-overlay),
        var(--exibo-hero-image) center / cover no-repeat !important;
    color:#fff !important;
    box-shadow:0 24px 70px rgba(0,0,0,.32);
}
.printbar a,
.printbar button,
.printbar select{
    border-radius:999px !important;
}
.template-card,
.preview{
    border-radius:18px !important;
    box-shadow:var(--verto-shadow);
}
img{
    max-width:100%;
}
@media(max-width:900px){
    .wrap{width:min(100% - 28px,1160px) !important}
    .hero,.header{padding:34px 22px !important}
    .wrap > h1:first-child,
    body > h1:first-of-type{padding:38px 22px 82px !important}
    .wrap > h1:first-child:after,
    body > h1:first-of-type:after{left:22px;bottom:28px}
    .wrap > h1:first-child + .small,
    .wrap > h1:first-child + p,
    body > h1:first-of-type + p{margin-left:22px !important}
    .grid,.plans,.template-grid{grid-template-columns:1fr !important}
}
@media print{
    body{background:#fff !important}
    .topbar,.hero,.header,.btn,button{box-shadow:none !important}
}