/* Dolana B2B premium visual layer, scoped to the standalone application */
.db-app{--ink:#10233e;--cyan:#10a5db;background:linear-gradient(180deg,#f8fcff 0%,#fff 30%);overflow:hidden}
.db-header{position:relative;z-index:5;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #e8f1f7;max-width:none;padding-left:max(28px,calc((100vw - 1248px)/2));padding-right:max(28px,calc((100vw - 1248px)/2))}
.db-header nav a{position:relative;transition:color .2s}.db-header nav a:after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:2px;background:#10a5db;transition:width .25s}.db-header nav a:hover:after{width:100%}
.db-hero{min-height:610px;background:#e7f7ff}.db-hero:after{background:linear-gradient(90deg,#eefaff 0%,#eefaff 28%,#eefaffed 43%,#eefaff18 84%)}.db-hero-photo{width:69%;filter:saturate(1.08)}.db-hero-content{padding-top:96px;padding-bottom:96px}.db-hero h1{font-weight:850;letter-spacing:-.055em;text-wrap:balance}.db-hero .db-eyebrow{display:inline-flex;border:1px solid #b8e3f7;background:#ffffffc9;border-radius:100px;padding:9px 16px;letter-spacing:1.3px}.db-hero .db-benefits{display:inline-block;background:#ffffffc9;border:1px solid #d7eaf3;border-radius:10px;padding:11px 16px}
.db-app .db-button{border-radius:12px;box-shadow:0 8px 20px #10a5db25;transition:transform .25s,box-shadow .25s,background .25s}.db-app .db-button:hover{transform:translateY(-3px);box-shadow:0 13px 28px #10a5db40}.db-app .db-outline{box-shadow:none}
.db-section>h2{position:relative;max-width:850px;text-wrap:balance}.db-card{border-radius:20px;box-shadow:0 5px 22px #12364a0a;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.db-card:hover{transform:translateY(-8px);border-color:#b8dff0;box-shadow:0 20px 45px #12364a20}.db-card img{transition:transform .65s cubic-bezier(.2,.8,.2,1)}.db-card:hover img{transform:scale(1.055)}.db-card>div{position:relative;background:#fff}.db-card span{display:inline-flex;align-items:center;gap:8px}.db-how{background:linear-gradient(135deg,#edf9ff,#f5f9ff);border:1px solid #e0eff9;border-radius:24px}.db-how .db-grid>div{background:#fff;border:1px solid #e4eff6;border-radius:17px;padding:26px;box-shadow:0 8px 24px #16476a0b}
.db-seo-content{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.db-seo-content>.db-eyebrow{grid-column:1/-1;margin:0}.db-seo-paragraph{margin:0;border:1px solid #e1edf5;background:linear-gradient(145deg,#fff,#f8fcff);border-radius:20px;padding:28px;box-shadow:0 7px 22px #183e580a;transition:transform .3s,box-shadow .3s}.db-seo-paragraph:hover{transform:translateY(-4px);box-shadow:0 14px 34px #183e5817}.db-seo-paragraph h2{font-size:clamp(21px,2vw,27px);line-height:1.3}.db-seo-paragraph p{color:#536b7f;font-size:15px;margin:0}.db-seo-paragraph:before{content:'';display:block;width:38px;height:5px;border-radius:5px;background:linear-gradient(90deg,#10a5db,#78d8f1);margin-bottom:20px}
.db-request{background:linear-gradient(135deg,#e9f8ff,#f2f7ff);border:1px solid #d6eaf5;box-shadow:0 20px 60px #164a6812;border-radius:26px}.db-request form{background:#fff;border:1px solid #e1edf5;border-radius:20px;padding:28px;box-shadow:0 14px 40px #173a5310}.db-app input:not([type=checkbox]),.db-app textarea,.db-app select{border-radius:10px;transition:border-color .2s,box-shadow .2s}.db-app input:focus,.db-app textarea:focus,.db-app select:focus{border-color:#10a5db;box-shadow:0 0 0 3px #10a5db1b;outline:none}.db-upload{background:#f6fcff;border-width:2px;border-radius:14px}.db-faq details{background:#fff;border:1px solid #e0edf4;border-radius:13px;padding:18px 20px;margin-bottom:10px}.db-faq summary{list-style-position:inside}.db-footer{color:#536b7f}.db-whatsapp{transition:transform .2s,box-shadow .2s}.db-whatsapp:hover{transform:translateY(-4px);box-shadow:0 10px 25px #143c3a40}
.db-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.db-reveal.db-visible{opacity:1;transform:none}.db-seo-paragraph.db-reveal:nth-child(2n){transition-delay:.08s}
@media(max-width:800px){.db-seo-content{grid-template-columns:1fr}.db-hero{min-height:unset}.db-request form{padding:18px}.db-hero-content{padding-top:45px;padding-bottom:45px}}
@media(max-width:700px){.db-hero-content{padding-top:30px}.db-hero-photo{width:100%}.db-seo-paragraph{padding:22px}.db-header{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.db-reveal{opacity:1;transform:none;transition:none}.db-app *{animation:none!important;transition:none!important}}