/* Buildiario Premium — desktop software-inspired, restrained enterprise visual language */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=DM+Serif+Display&display=swap');
:root{--navy:#12243f;--navy-2:#243953;--blue:#1868b9;--blue-2:#155aa4;--muted:#64748c;--bg:#f5f7f9;--line:#e4e8ed;--shadow:0 12px 30px rgba(11,33,56,.045);--champagne:#d8bd86;--dark:#0c1d31;--teal:#15b7a8}
body{background:#f4f6f8;color:#162944;letter-spacing:-.003em}
h1,h2,h3,h4{letter-spacing:-.045em}
.site-layout{background:radial-gradient(circle at 90% 3%,rgba(225,232,238,.6),transparent 37%),#f5f7f9}
.sidebar{width:258px;background:linear-gradient(168deg,#0d2037 0%,#0a1a2d 100%);border-right:1px solid #1f344d;box-shadow:8px 0 34px rgba(7,20,39,.10)}
.main-area{margin-left:258px}
.brand-section{padding:10px 5px 18px;border-bottom:1px solid #ffffff12;margin-bottom:14px}
.brand img{background:#fff;border-color:#ffffff1c;padding:4px;border-radius:12px}
.brand strong{color:#f7fafc;font-size:20px;letter-spacing:-.8px}
.brand small{color:#839db7;letter-spacing:1.7px;font-size:7.6px}
.workspace-badge{background:linear-gradient(125deg,rgba(29,67,94,.72),rgba(14,57,70,.49));border-color:#2d4c61;color:#d5bd86;box-shadow:inset 0 1px #ffffff13;border-radius:13px;margin-bottom:22px}
.workspace-badge b{color:#f0f4fb;font-weight:750}
.workspace-badge small{color:#a4b7c9}
.nav-label{color:#8ca8c0;letter-spacing:2px;font-weight:700}
.nav-link{color:#a8bdcf;font-weight:650;border-radius:11px;min-height:47px;font-size:12.5px;letter-spacing:.03px}
.nav-link:hover{background:#ffffff0b;border-color:#ffffff0e;color:#fff;transform:translateX(0)}
.nav-link.active{background:linear-gradient(100deg,rgba(53,108,148,.54),rgba(38,91,120,.35));border-color:#56718b8a;color:#fff;box-shadow:inset 3px 0 var(--champagne)}
.nav-link.active .nav-chevron{color:#c5b58c;opacity:1}
.nav-link .nav-icon{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.065)!important;color:#a9cce0!important}
.nav-link.active .nav-icon{color:#e3d0a7!important;background:rgba(255,255,255,.09)!important}
.nav-chevron{color:#9aafc2}
.sidebar-help{background:linear-gradient(145deg,#142c43,#102a3e);border-color:#34506a;border-radius:16px;padding:16px}
.sidebar-help strong{color:#f5f8fb}
.sidebar-help p{color:#9db3c8}
.side-help-icon{background:#ffffff12;color:#e1c58b}
.sidebar-footer{color:#819bb0;padding-top:13px;font-size:9.5px}
.topbar{height:75px;background:#fffdfaf7;border-bottom-color:#e5e7e9;backdrop-filter:blur(15px)}
.topbar .breadcrumb{color:#738398;letter-spacing:1.6px}
.topbar .breadcrumb b{color:#273c53}
.topbar .top-link{font-weight:650}
.btn{border-radius:10px;letter-spacing:0;font-weight:750;box-shadow:none}
.btn-blue{background:linear-gradient(130deg,#0d5eaa,#1572bb);border-color:#0d5eaa;box-shadow:0 10px 20px #07589f22}
.btn-blue:hover{background:linear-gradient(130deg,#0d5394,#1465a9)}
.btn-outline{background:transparent;border-color:#ccd7e2;color:#175a93}
.btn-white{background:#fffdfb}
.content{max-width:1580px;padding-top:31px}
.section{margin-top:84px}
.section-intro h2,.page-heading h1{letter-spacing:-.05em}
.section-intro h2{font-weight:790}
.eyebrow,.kicker,.mini-tag{color:#af8a4d;letter-spacing:2.1px;font-weight:850}
.gradient-text{background:linear-gradient(115deg,#bfac80,#f0dbab);background-clip:text;-webkit-background-clip:text;color:transparent}
/* Premium flagship hero */
.home-hero{position:relative;isolation:isolate;grid-template-columns:minmax(380px,.98fr) minmax(380px,1.05fr);background:radial-gradient(ellipse at 91% 28%,#25526b 0%,transparent 42%),radial-gradient(ellipse at 10% 100%,#203d60 0%,transparent 45%),linear-gradient(115deg,#0b1e33,#112c44 80%);border:1px solid #203b54;border-radius:25px;padding:clamp(30px,4.4vw,69px) clamp(27px,3.8vw,61px);min-height:565px;overflow:hidden;box-shadow:0 27px 55px #0a28401d}
.home-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent 97%,rgba(225,202,156,.08) 100%),linear-gradient(0deg,transparent 97%,rgba(225,202,156,.07) 100%);background-size:57px 57px;mask-image:linear-gradient(90deg,transparent 24%,#000 100%);z-index:-1}
.home-hero:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(211,187,139,.2);border-radius:50%;top:-260px;right:-20px;box-shadow:0 0 0 50px rgba(211,187,139,.022),0 0 0 125px rgba(211,187,139,.023);pointer-events:none}
.home-hero .eyebrow{color:#e2ca97;font-size:10px}
.home-hero .status-pulse{background:#bcdbca;box-shadow:0 0 0 4px #b5e1c52b}
.home-hero h1{font-family:'DM Serif Display',Georgia,serif;letter-spacing:-.044em;font-size:clamp(44px,4.55vw,77px);line-height:1.09;font-weight:400;color:#fffdf7;margin-bottom:24px;max-width:680px}
.home-hero .lead{color:#b9c9d7;font-size:15px;max-width:570px;line-height:1.85}
.home-hero .hero-sub{color:#b6c6d3;font-size:11px;font-weight:600}
.home-hero .hero-sub span:first-letter{color:#d9c18b}
.home-hero .btn-blue{background:#e1c997;border-color:#e1c997;color:#18283c;box-shadow:0 12px 25px #08132126}
.home-hero .btn-blue:hover{background:#f0d9aa}
.home-hero .btn-outline{background:#ffffff10;border-color:#8a9fb15b;color:#f5f7fa}
.home-hero .btn-outline:hover{background:#ffffff1e}
.hero-art{padding:44px 2px 42px}
.hero-art:before{background:radial-gradient(circle at center,rgba(37,126,146,.35),transparent 69%);filter:blur(14px)}
.home-hero .screen-frame{transform:rotate(-1.4deg);background:#f9f9f9;border:4px solid #d9e4ed;border-radius:15px;padding:6px;box-shadow:0 35px 85px #00111d78,0 0 0 1px #ffffff25}
.home-hero .screen-frame img{height:clamp(275px,29vw,366px)}
.home-hero .screen-bar{color:#617a90}
.home-hero .art-label{top:9px;right:5%;background:#153447;border:1px solid #537b87;color:#b9e8d5}
.home-hero .floating-pill{background:#fffdf8;color:#203b52;border:1px solid #fff9;box-shadow:0 16px 30px #06182a4b}
/* Richer editorial layout and quiet cards */
.metric-strip{border:1px solid #e5e6e7;background:#fff;box-shadow:0 17px 39px #14283f09;border-radius:16px;margin-top:22px}
.metric-strip>div{border-color:#eaedf1}
.role-card,.product-card,.feature-item,.faq-card,.contact-option,.download-card,.price-card,.wizard-main,.wizard-aside,.mailbox-card{border-color:#e1e6eb!important;box-shadow:0 9px 25px #0a2c4908!important;background:#fff!important}
.role-card:hover,.product-card:hover,.mailbox-card:hover{border-color:#c7b389!important;box-shadow:0 15px 35px #0a2c4912!important}
.product-card img,.feature-item img,.solution-row img{border-radius:12px;border:1px solid #dbe4eb}
.role-card,.product-card{border-radius:17px}
.page-heading .eyebrow{color:#ab8648}
.page-heading h1{font-weight:790}
.cta-banner{background:linear-gradient(110deg,#102c41,#153c4a);border-radius:19px;border:1px solid #436175}
.cta-banner h2{color:#fff}
.cta-banner p{color:#bdd1d8}
.ai-launcher{background:linear-gradient(125deg,#102b45,#1b5e7d);border:1px solid #668b99;color:#fff;box-shadow:0 17px 33px #0f345344;border-radius:12px}
.ai-header{background:linear-gradient(125deg,#102b45,#1c6179)}
.ai-message.user{background:#164c74}
.ai-form button{background:#175b81}
.sidebar-help .btn-blue{background:#e4cc99;border-color:#e4cc99;color:#192a3c;font-size:11px;box-shadow:none}
.main-footer{border-top-color:#e0e5e9}
/* Added conversion surfaces */
.premium-trust{margin:20px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 23px;padding:16px 4px;color:#596e81;font-size:12px;font-weight:620}
.premium-trust span{display:inline-flex;gap:8px;align-items:center}
.premium-trust i{display:inline-block;width:7px;height:7px;background:#bb975f;border-radius:50%}
.premium-eyebrow{color:#a98a59;font-weight:850;letter-spacing:2px;font-size:10px;margin:0 0 12px}
.premium-role-section{margin-top:67px}
.premium-section-intro{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:24px}
.premium-section-intro h2{font-size:clamp(29px,3vw,43px);line-height:1.18;max-width:740px;margin:0;letter-spacing:-.055em}
.premium-section-intro p{max-width:420px;margin:0;line-height:1.7}
.premium-role-board{display:grid;grid-template-columns:265px minmax(0,1fr);background:#fff;border:1px solid #e0e5ec;border-radius:19px;overflow:hidden;box-shadow:0 13px 42px #102f4b09;min-height:365px}
.premium-role-tabs{background:#f3f5f6;padding:17px;display:grid;gap:9px;align-content:start;border-right:1px solid #e4e7e9}
.premium-role-tabs button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 15px;border:1px solid transparent;border-radius:11px;background:transparent;color:#54677c;text-align:left;font-weight:750;font-size:13px}
.premium-role-tabs button:hover{background:#fff}
.premium-role-tabs button[aria-selected="true"]{background:#fff;border-color:#d6dedf;color:#123552;box-shadow:inset 3px 0 #c9a66b,0 5px 14px #122d4a09}
.premium-role-tabs .tab-index{font-family:'DM Serif Display',serif;font-size:20px;color:#b29b79;font-weight:400}
.premium-role-panel{padding:clamp(23px,3vw,40px)}
.premium-role-panel[hidden]{display:none!important}
.premium-role-panel h3{font-size:27px;margin:0 0 12px;letter-spacing:-.052em}
.premium-role-panel p{font-size:14px;line-height:1.8;max-width:750px}
.premium-role-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 25px;padding:0;list-style:none;margin:21px 0 25px}
.premium-role-panel li{font-size:12.5px;color:#385269;display:flex;gap:10px;align-items:baseline}
.premium-role-panel li:before{content:'✓';color:#a7864c;font-weight:900}
.premium-role-panel .btn{padding:10px 18px}
.premium-journey{background:linear-gradient(120deg,#f9fafb,#eff4f6);border:1px solid #dfe5e7;border-radius:18px;padding:clamp(24px,3vw,43px);margin-top:70px}
.premium-journey h2{margin:0 0 18px;font-size:clamp(26px,2.8vw,38px)}
.premium-journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.premium-journey-step{background:#fff;border-radius:13px;border:1px solid #e1e6ea;padding:19px;position:relative}
.premium-journey-step .step-number{font-family:'DM Serif Display',serif;font-size:31px;line-height:1;color:#b59a6c}
.premium-journey-step h3{font-size:15px;letter-spacing:-.02em;margin:13px 0 8px}
.premium-journey-step p{font-size:12px;line-height:1.65;margin:0}
.premium-journey-cta{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:24px;font-size:13px;color:#60768a}
.premium-contact-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(95deg,#10253e,#1b4052);padding:24px 27px;border-radius:15px;color:#fff;margin-top:60px}
.premium-contact-banner strong{font-size:19px}.premium-contact-banner p{font-size:12px;color:#bbd0df;margin:4px 0 0}
.premium-contact-banner .btn{background:#e8d2a6;color:#10243a;border:0;flex-shrink:0}
/* Prevent claims of active AI when secrets have not been configured. */
.sidebar-footer .online-dot{background:#c0a36a;box-shadow:0 0 0 4px #c0a36a24}
/* Responsive and accessible */
@media(max-width:1250px){.premium-role-board{grid-template-columns:215px 1fr}.home-hero{gap:23px}.home-hero h1{font-size:clamp(43px,4vw,62px)}.premium-role-panel ul{grid-template-columns:1fr}}
@media(max-width:980px){.home-hero{grid-template-columns:1fr}.home-hero .hero-content{max-width:730px}.home-hero .hero-art{max-width:750px;width:100%;margin:0 auto;padding:6px 20px 26px}.home-hero .screen-frame img{height:340px}.premium-journey-grid{grid-template-columns:1fr 1fr}}
@media(max-width:730px){.sidebar{width:min(300px,85vw)}.main-area{margin-left:0}.mobile-close,.menu-btn{background:#17334b;border-color:#3c5369;color:#fff}.menu-btn{background:#fff;color:#26455e;border-color:#dbe5ed}.brand-section{padding-bottom:14px}.content{padding:18px 14px}.home-hero{padding:32px 25px;min-height:auto;border-radius:18px}.home-hero h1{font-size:clamp(42px,10vw,58px)}.home-hero .lead{font-size:13px}.hero-art{padding:13px 7px!important}.home-hero .screen-frame img{height:260px!important}.home-hero .float-one{right:-7px}.home-hero .float-two{left:-6px}.premium-role-board{grid-template-columns:1fr}.premium-role-tabs{border-right:0;border-bottom:1px solid #e4e7e9;grid-template-columns:repeat(2,1fr);padding:12px}.premium-role-tabs button{font-size:11px;padding:11px}.premium-role-tabs .tab-index{font-size:16px}.premium-role-panel{padding:24px}.premium-role-panel h3{font-size:23px}.premium-role-panel ul{grid-template-columns:1fr}.premium-section-intro{display:block}.premium-section-intro p{margin-top:13px}.premium-journey-grid{grid-template-columns:1fr}.premium-contact-banner{display:block}.premium-contact-banner .btn{margin-top:18px}.premium-trust{font-size:11px}.premium-role-section{margin-top:50px}}
@media(prefers-reduced-motion:reduce){.home-hero *{animation:none!important}}

/* Portal entry call-to-action added with secure web preview */
.portal-login-cta{background:#122e45!important;color:#f3e2bc!important;border:1px solid #b89c6f!important;white-space:nowrap}.portal-login-cta:hover{background:#1d4965!important;color:#fff!important}.portal-nav-link{border:1px solid #bfa56a51!important;background:#d8bd8612;color:#edd6a8!important}.portal-nav-link .nav-icon{color:#e8ce96!important}@media(max-width:600px){.portal-login-cta{font-size:10px!important;padding:9px!important}}