@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--green:#545454;--ink:#393939;--muted:#949494;--line:#eaeaea}*{box-sizing:border-box}body{margin:0;background:#f8f8f8;color:var(--ink);font:13px 'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:7px;padding:10px 15px;color:var(--ink)}button:hover{background:#f2f2f2}button.primary{background:var(--green);color:white;border-color:var(--green)}aside{position:fixed;inset:0 auto 0 0;width:244px;background:white;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column}.brand{font:800 30px Manrope;letter-spacing:-1.9px;color:#474747}.brand span{color:#999999}aside>small{font-size:8px;letter-spacing:3px;margin:5px 4px;color:#8d8d8d}.company{border:1px solid var(--line);border-radius:8px;margin:35px 0 25px;padding:15px 10px;font-size:12px;font-weight:600}.company small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin:7px 0 0 22px}aside>label{font-size:9px;letter-spacing:1.5px;color:#a8a8a8;margin:0 12px 13px}nav button{border:0;display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:13px;margin:3px 0;color:#8d8d8d;font-size:12px}nav button.active{background:#f2f2f2;color:#656565;font-weight:700}nav button em{margin-left:auto;background:#e5e5e5;font-size:10px;font-style:normal;padding:2px 5px;border-radius:4px}.icon{font-size:17px;width:20px}.help{margin-top:auto;background:#f3f3f3;padding:20px 15px;border-radius:10px}.help b{font:700 15px Manrope;line-height:1.6}.help p{font-size:10px;line-height:1.8;color:#939393}.help button{border:0;background:none;font-size:10px;color:#6c6c6c;padding:5px 0}.profile{padding-top:23px;margin-top:22px;border-top:1px solid var(--line);font-size:12px}.profile select{display:block;margin:7px 0 0 26px;border:0;background:white;font-size:10px;color:#929292}.shell{margin-left:244px}header{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:11px;color:#989898}header b{font-weight:500;color:#626262}.demo{background:#f3f3f3;font-size:10px;color:#888888;padding:7px 11px;border-radius:5px}main{padding:33px 36px 10px;max-width:1600px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}h1{font:800 27px Manrope;letter-spacing:-.9px;margin:0 0 8px}.subtitle{font-size:12px;color:#989898;margin:0}h2{font:700 15px Manrope;margin:0}.actions{display:flex;gap:10px}.actions button{font-size:11px}.hero{position:relative;overflow:hidden;background:#434343;border-radius:13px;color:white;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.hero:after{content:'';position:absolute;right:160px;top:-100px;width:320px;height:320px;border:1px solid #707070;border-radius:50%;box-shadow:0 0 0 45px #ffffff05,0 0 0 90px #ffffff05,0 0 0 135px #ffffff05}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#d7d7d7}.hero h2{font-size:24px;margin:12px 0}.hero p{font-size:11px;color:#c7c7c7;line-height:1.8}.hero button{position:relative;z-index:1;background:#e2e2e2;border:0;font-size:11px;color:#494949}.plane{position:absolute;right:235px;top:35px;font-size:80px;color:#e2e2e2;transform:rotate(-25deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:19px}.stat>div{display:flex;justify-content:space-between;color:#8f8f8f;font-size:11px}.stat strong{display:block;font:800 25px Manrope;letter-spacing:-.8px;margin:13px 0 9px}.stat small{font-size:9px;color:#a1a1a1}.stat small b{color:#898989}.grid{display:grid;grid-template-columns:1.85fr 1fr;gap:22px;margin-bottom:25px}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:22px}.card-head p{font-size:10px;color:#a0a0a0;margin:7px 0 0}.card-head button{font-size:10px;padding:7px 10px}.legend{font-size:9px;color:#939393}.legend b{color:#747474}.legend i{color:#d7d7d7}.chart{height:200px;padding:15px 24px 23px;display:flex;gap:20px}.axis{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#a8a8a8;padding-bottom:22px}.bars{display:flex;justify-content:space-around;flex:1;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#f2f2f2 44px,#f2f2f2 45px)}.bar{display:flex;position:relative;align-items:end;gap:5px;padding-bottom:22px}.bar b{display:block;width:14px;background:#727272;border-radius:3px 3px 0 0}.bar b+b{background:#dcdcdc}.bar label{position:absolute;bottom:0;font-size:9px;color:#a6a6a6}.approval{display:flex;gap:12px;align-items:center;padding:16px 0;margin:0 22px;border-top:1px solid #f2f2f2}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f2f2f2;color:#9f9f9f;font-size:10px}.approval b{font-size:11px}.approval small{display:block;color:#a1a1a1;font-size:9px;margin-top:5px}.approval strong{font-size:11px;margin-left:auto}.card-link{border:0;border-top:1px solid var(--line);width:100%;font-size:10px;border-radius:0;color:#7a7a7a;padding:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{padding:13px 22px;background:#fbfbfb;color:#9f9f9f;font-size:9px;font-weight:500;white-space:nowrap}td{padding:17px 22px;border-top:1px solid #f2f2f2;white-space:nowrap}td small{display:block;font-size:9px;color:#a2a2a2;margin-top:5px}td b{font-size:11px}.badge{display:inline-block;padding:5px 8px;border-radius:4px;font-size:9px;color:#878787;background:#f3f3f3}.badge.amber{background:#fbf4df;color:#ad9655}.badge.gray{background:#f1f1f1;color:#9a9a9a}.table-bottom{padding:15px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:#a0a0a0}.table-bottom button{border:0;padding:0;color:#7f7f7f;font-size:10px}footer{display:flex;gap:20px;padding:25px 36px;font-size:9px;color:#aaaaaa}footer span{flex:1}.filters{display:flex;gap:12px;margin-bottom:22px}.filters input{flex:1}input,select{border:1px solid var(--line);padding:11px;border-radius:7px;background:white;color:#696969}dialog{border:0;border-radius:14px;width:650px;max-width:94vw;padding:28px;color:var(--ink);box-shadow:0 20px 100px #3b3b3b40}dialog::backdrop{background:#34343466;backdrop-filter:blur(3px)}.modal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-title button{border:0;padding:4px 8px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{font-size:11px;display:flex;flex-direction:column;gap:8px}.full{grid-column:1/-1}.note{padding:13px;background:#f5f5f5;color:#929292;border-radius:7px;font-size:11px;line-height:1.8}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.result{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:8px;padding:17px;margin:12px 0}.result p{font-size:11px;color:#9b9b9b}.seats{display:grid;grid-template-columns:repeat(4,44px);gap:9px;width:max-content;margin:20px auto}.seats button{padding:10px}.seats button.selected{background:var(--green);color:white}.seats button:disabled{background:#eee;color:#ccc}.steps{font-size:10px;color:#949494;margin-bottom:18px}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.integration{padding:25px}.integration p{color:#9b9b9b;font-size:12px;line-height:1.8}.empty{padding:35px;text-align:center;color:#959595}#toast{position:fixed;bottom:25px;left:50%;background:#4d4d4d;color:white;padding:14px 22px;border-radius:8px;display:none;z-index:9}@media(max-width:1100px){aside{width:205px;padding:25px 14px}.shell{margin-left:205px}main{padding:25px 22px}.grid{grid-template-columns:1fr}.plane{display:none}.stat strong{font-size:21px}.stats{gap:10px}}@media(max-width:750px){aside{position:relative;width:100%;padding:18px}.company,.help,.profile,aside>small,aside>label{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav button{width:auto;white-space:nowrap}.shell{margin:0}header{height:55px;padding:0 18px}.demo{font-size:8px}main{padding:22px 16px}.stats{grid-template-columns:1fr 1fr}.heading{align-items:start;gap:10px}h1{font-size:23px}.actions button{padding:9px}.hero{display:block;padding:22px}.hero h2{font-size:21px}.hero button{margin-top:10px}.integration-grid,.formgrid{grid-template-columns:1fr}.full{grid-column:auto}footer span{display:none}footer{padding:20px}}
/* Updated corporate workspace */
:root{--green:#424242;--ink:#292929;--muted:#8d8d8d;--line:#e8e8e8}body{background:#f5f5f5;font-size:14px}aside{width:260px;background:#262626;border:0;color:#e1e1e1;padding:29px 20px;overflow-y:auto}.brand{color:#fff;font-size:32px}.brand span{color:#dedede}aside>small{color:#8f8f8f}.company{background:#ffffff08;border:1px solid #ffffff12;color:#e8e8e8;margin:27px 0 23px;padding:16px 12px}.company small{color:#9c9c9c}.shell{margin-left:260px}aside>label{color:#808080;font-size:9px}.modal-nav{padding-bottom:17px;margin-bottom:14px;border-bottom:1px solid #ffffff12}.modal-nav button{padding:13px 12px;background:#ffffff04;border:1px solid #ffffff0b;color:#b8b8b8;border-radius:10px;margin-bottom:9px;gap:13px}.modal-nav button.selected{background:#e0e0e0;color:#323232;border-color:#e0e0e0}.modal-nav button>span{font-size:24px;width:25px}.modal-nav button div{font-size:14px;font-weight:700}.modal-nav small{display:block;font-size:9px;margin-top:4px;opacity:.6;font-weight:400}.modal-nav b{margin-left:auto;font-size:16px;font-weight:400}.nav-context{font-size:8px;letter-spacing:1.4px;color:#838383;padding:0 12px 12px}nav>button{color:#a7a7a7;padding:11px 13px;border-radius:7px;font-size:11px;margin:2px 0}nav>button:hover{background:#ffffff09}nav>button.active{background:#ffffff10;color:#f0f0f0}nav>button em{background:#dddddd;color:#414141}nav .icon{font-size:17px;color:#b8b8b8}.help{background:linear-gradient(140deg,#404040,#313131);margin-top:27px;padding:18px;color:#e3e3e3}.help b{font-size:14px}.help p{color:#959595}.help button{color:#dadada}.profile{border-color:#ffffff12;color:#e1e1e1;margin-top:20px}.profile select{background:#262626;color:#979797}header{background:#ffffffb8;height:76px;border-color:#eaeaea}header b{color:#4e4e4e}.demo{color:#808080;background:#f1f1f1}.heading{margin-bottom:29px}h1{font-size:30px;letter-spacing:-1.2px}.subtitle{color:#919191;font-size:12px}main{padding:34px 38px 15px}.actions button{padding:12px 17px;border-radius:9px}.primary{box-shadow:0 4px 10px #3f3f3f14}.modern-hero{min-height:265px;padding:30px 36px;background:linear-gradient(115deg,#404040,#4f4f4f 60%,#535353);border-radius:18px;box-shadow:0 12px 28px #35353510}.modern-hero:after{display:none}.modern-hero h2{font:800 35px/1.2 Manrope;letter-spacing:-1.2px;margin:17px 0 12px}.modern-hero p{color:#bdbdbd;max-width:400px;margin-bottom:20px;font-size:12px}.modern-hero button{border-radius:8px;padding:12px 17px;background:#e5e5e5}.eyebrow{font-size:8px;letter-spacing:2px;color:#d8d8d8}.journey-art{position:absolute;right:5%;top:0;bottom:0;width:340px;display:grid;place-items:center}.orbit{position:absolute;width:220px;height:220px;border:1px solid #d3d3d31c;transform:rotate(-25deg);border-radius:50%}.o2{width:320px;height:320px}.o3{width:420px;height:420px}.orb{height:128px;width:128px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,#eeeeee,#c0c0c0);color:#454545;box-shadow:14px 20px 50px #062c3655,inset 1px 1px 2px #fff;font-size:70px;transform:rotate(-15deg)}.route-chip{position:absolute;bottom:25px;left:8px;background:#ffffff12;border:1px solid #ffffff25;backdrop-filter:blur(8px);padding:13px 20px;border-radius:9px;color:#f4f4f4;font-size:12px;letter-spacing:2px;transform:rotate(-7deg)}.route-chip i{font-style:normal;color:#c9c9c9;font-size:10px}.art-caption{position:absolute;top:25px;right:0;font-size:7px;letter-spacing:2px;color:#bcbcbc}.section-kicker{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;font-weight:700;color:#7d7d7d;margin:28px 0 14px}.section-kicker span{font-size:10px;font-weight:400;letter-spacing:0;color:#9d9d9d}.stats{gap:15px;margin-bottom:27px}.stat{padding:21px;border-radius:13px;border-color:#e7e7e7;box-shadow:0 3px 8px #25252503}.stat>div{font-size:11px;color:#8d8d8d}.stat>div span{width:27px;height:27px;background:#f3f3f3;border-radius:8px;display:grid;place-items:center;margin-top:-5px;font-size:16px;color:#5f5f5f}.stat strong{font-size:28px;margin:16px 0 7px;color:#404040}.stat small{font-size:10px;color:#a7a7a7}.grid{grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:20px}.card{border-radius:13px;border-color:#e7e7e7;box-shadow:0 4px 12px #31313103}.card-head{padding:23px}.card-head h2{font-size:16px;margin-top:7px}.eyebrow.dark{color:#a1a1a1;font-size:7px;letter-spacing:1.5px}th{background:#f8f8f8;padding:13px 17px;font-size:8px;letter-spacing:.7px}td{padding:18px 17px;font-size:11px}td button{padding:6px 10px;border-radius:7px;color:#7b7b7b}.badge{border-radius:20px;padding:6px 9px;font-size:8px}.approval{padding:18px 0}.approval small{font-size:9px}.avatar{background:#f0f0f0;color:#8b8b8b;border:1px solid #e8e8e8}.card-link{color:#6f6f6f}.insight{margin:18px;padding:20px;background:#f5f5f5;border-radius:9px}.insight>span{font-size:23px;color:#939393}.insight h3{font:700 13px Manrope;margin:9px 0}.insight p{color:#9a9a9a;font-size:10px;line-height:1.8;margin:0}.bottom-banner{display:flex;align-items:center;justify-content:space-between;border:1px dashed #dedede;border-radius:10px;padding:18px 23px;color:#8f8f8f;font-size:12px}.bottom-banner button{border:0;background:none;color:#676767;font-size:11px}.search-banner{display:flex;gap:25px;align-items:center;background:linear-gradient(120deg,#444444,#5b5b5b);color:#f6f6f6;padding:32px;border-radius:16px;margin-bottom:24px}.search-banner>span{font-size:50px;color:#e1e1e1}.search-banner h2{font-size:24px;letter-spacing:-.7px}.search-banner p{font-size:11px;color:#bfbfbf}.integration{padding:28px}.field{font-size:12px;color:#6c6c6c}.field input,.field select{padding:14px;background:#fcfcfc;border-color:#e4e4e4;border-radius:9px}.filters input{padding:13px}dialog{border-radius:18px;padding:30px}.modal-title h2{font-size:20px}.result{padding:20px;border-radius:11px}.seats button{border-radius:9px}.profile select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #c3c3c3;outline-offset:3px}footer{color:#a4a4a4}
@media(min-width:1550px){.modern-hero{min-height:300px}.modern-hero h2{font-size:42px}.journey-art{right:10%}.grid{grid-template-columns:2fr 1fr}}
@media(max-width:1150px){aside{width:225px;padding:25px 16px}.shell{margin-left:225px}main{padding:28px 24px}.grid{grid-template-columns:1fr}.journey-art{right:-60px;opacity:.6}.modern-hero>div:first-child{z-index:1}.modern-hero h2{font-size:29px}.modern-hero p{max-width:300px}.stat{padding:17px}.stat strong{font-size:24px}}
@media(max-width:750px){aside{position:relative;width:100%;padding:20px;overflow:visible}.shell{margin:0}.company,.help,.profile,aside>label{display:none}nav{display:block;overflow:visible;margin-top:20px}.modal-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:10px;margin-bottom:10px}.modal-nav button{margin:0;padding:12px}.modal-nav button div{font-size:12px}.modal-nav button b{display:none}.nav-context{display:none}nav>button{display:inline-flex;width:auto;padding:9px;font-size:10px}nav>button .icon{display:none}header{height:55px;padding:0 18px}.demo{display:none}main{padding:25px 16px}h1{font-size:24px}.heading{display:block}.heading .actions{margin-top:17px}.modern-hero{min-height:290px;padding:25px}.modern-hero h2{font-size:29px}.journey-art{right:-150px;opacity:.2}.modern-hero p{max-width:260px}.modern-hero button{font-size:10px}.stats{gap:10px}.stat strong{font-size:23px}.grid{grid-template-columns:1fr}.section-kicker{font-size:8px}.section-kicker span{font-size:8px}.bottom-banner{display:block}.bottom-banner button{padding:12px 0 0}.search-banner{padding:24px;gap:15px}.search-banner h2{font-size:19px}.integration-grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}}
nav>button{background:transparent}nav>button.active{background:#ffffff10;color:#f0f0f0}nav>button:hover{background:#ffffff09}
.menu-toggle,.drawer-close,.drawer-backdrop{display:none}
@media(max-width:750px){aside{position:fixed;inset:0 auto 0 0;width:min(310px,86vw);height:100dvh;z-index:100;padding:29px 20px;overflow-y:auto;transform:translateX(-100%);transition:transform .24s ease;box-shadow:20px 0 70px #1e1e1e30}body.menu-open aside{transform:translateX(0)}body.menu-open{overflow:hidden}.drawer-backdrop{position:fixed;inset:0;z-index:99;background:#1c1c1c77;backdrop-filter:blur(4px);border:0;border-radius:0;width:100%;height:100%;padding:0}body.menu-open .drawer-backdrop{display:block}.drawer-close{display:block;position:absolute;top:16px;right:12px;background:#ffffff0b;border:0;color:#c0c0c0;padding:6px 9px}.brand{display:block;font-size:28px}aside>small{display:block}.company{display:block;margin:26px 0 23px}.help,.profile{display:block}.help{margin-top:25px}.profile select{background:#262626}nav{display:block;margin-top:0}nav>button{display:flex;width:100%;font-size:12px;padding:13px 12px;margin:3px 0}nav>button .icon{display:inline-block}header{position:sticky;top:0;z-index:20;height:66px;background:#fdfdfdf5;backdrop-filter:blur(10px);gap:13px;justify-content:flex-start}.menu-toggle{display:grid;place-items:center;border:1px solid #e5e5e5;border-radius:9px;padding:8px 11px;font-size:19px;background:white;color:#535353}header>span{font-size:10px}.shell{margin-left:0}main{padding-top:25px}}
@media(prefers-reduced-motion:reduce){aside{transition:none}}
.company-card{padding:25px}.company-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.company-symbol{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#f1f1f1;color:#7e7e7e;font-size:25px}.company-card h2{font-size:20px;letter-spacing:-.5px}.company-card p{font-size:12px;line-height:1.9;color:#979797}.company-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:16px 0;gap:10px}.company-meta span{color:#9c9c9c;font-size:10px}.company-meta b{display:block;color:#606060;margin-top:6px;font-size:11px}.onboarding-track{display:flex;flex-wrap:wrap;gap:10px;font-size:9px;margin:19px 0 10px;color:#a6a6a6}.onboarding-track b{color:#838383}.integration-hint{font-size:9px;color:#acacac}.company-card-actions{display:flex;justify-content:space-between;gap:10px;margin-top:23px}.company-card-actions button{font-size:11px}.people-filters{padding:0 22px 22px;display:flex;gap:10px}.people-filters input{flex:1;min-width:0}.people-filters select{max-width:220px;font-size:11px}.row-actions{display:flex;gap:7px}.row-actions button{font-size:10px}.remove-action{color:#a56d61!important}.danger-button{background:#a55948;color:white;border-color:#a55948}.wizard-steps{display:flex;justify-content:space-between;gap:8px;margin-bottom:27px;padding-bottom:20px;border-bottom:1px solid #eaeaea}.wizard-steps span{display:flex;align-items:center;gap:6px;font-size:9px;color:#a5a5a5}.wizard-steps b{display:grid;place-items:center;width:23px;height:23px;background:#f3f3f3;border-radius:50%;font-size:10px}.wizard-steps .current{color:#535353;font-weight:700}.wizard-steps .current b{background:#e1e1e1;color:#4c4c4c}.wizard-steps .done{color:#848484}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.review-grid section{padding:17px;background:#f7f7f7;border-radius:10px}.review-grid small{font-size:8px;letter-spacing:1.5px;color:#9c9c9c}.review-grid h3{font:700 15px Manrope;margin:12px 0}.review-grid p{font-size:12px;color:#8a8a8a;line-height:1.9;overflow-wrap:anywhere}.confirm-check{font-size:11px;color:#8e8e8e;display:flex;gap:9px;align-items:center}.confirm-check input{accent-color:#585858}@media(max-width:750px){.people-filters{flex-wrap:wrap;padding:0 17px 20px}.people-filters input{flex-basis:100%}.people-filters select{flex:1;max-width:100%;min-width:0}.review-grid{grid-template-columns:1fr}.wizard-steps{gap:5px}.wizard-steps span{flex-direction:column;font-size:8px;text-align:center;flex:1}.wizard-steps b{margin-bottom:4px}.company-card{padding:22px}}
.onboarding-view>aside,.onboarding-view>.shell,.onboarding-view>.drawer-backdrop{display:none}.onboarding-view{background:#fff}.onboarding-view #toast{z-index:200}#customer-journey{display:none}.onboarding-view #customer-journey{display:block}.signup-shell{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(550px,1.2fr);min-height:100dvh}.signup-story{background:radial-gradient(ellipse at 20% 100%,#5e5e5e 0,transparent 60%),linear-gradient(150deg,#272727,#414141);color:#fff;padding:42px 50px;display:flex;flex-direction:column;position:relative;overflow:hidden}.signup-story .brand{z-index:1;font-size:34px;color:#fbfbfb;text-decoration:none;letter-spacing:-2px;width:max-content}.story-content{margin:auto 0;padding:65px 0 30px;position:relative}.story-content .eyebrow{font-size:8px;letter-spacing:2px;color:#bebebe}.story-content h1{font:800 clamp(38px,4.5vw,69px)/1.11 Manrope;letter-spacing:-3px;margin:26px 0}.story-content h1>span{display:block;color:#dedede;margin-top:6px}.story-content>p{font-size:12px;color:#adadad;line-height:1.9}.story-orbit{height:170px;position:relative;margin:40px 0 20px}.story-orbit>div{position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid #bfbfbf28;left:-70px;top:-20px;transform:rotate(-35deg)}.story-orbit>div+div{width:460px;height:460px;top:-80px;left:-130px}.story-orbit>span{position:absolute;left:65px;top:20px;font-size:85px;color:#e4e4e4;transform:rotate(-20deg);filter:drop-shadow(10px 20px 12px #24242440)}.story-orbit>i{position:absolute;left:230px;top:100px;font-size:40px;color:#b9b9b9;transform:rotate(-15deg)}.story-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:25px;z-index:1;border-top:1px solid #ffffff18}.story-bottom b{font-size:12px;font-weight:500}.story-bottom div>span{display:block;font-size:10px;color:#ababab;margin-top:7px}.story-bottom>span{border-radius:50%;border:1px solid #c1c1c144;width:35px;height:35px;display:grid;place-items:center;font-size:19px;color:#d1d1d1}.signup-main{padding:32px 8%;display:flex;flex-direction:column;max-width:100%;min-width:0;background:linear-gradient(150deg,#fff 60%,#fafafa)}.signup-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.signup-top>span{font-size:8px;letter-spacing:1.5px;color:#aaaaaa}.signup-top button{border:0;padding:5px 0;background:none;color:#7a7a7a;font-size:10px}.signup-progress{display:flex;justify-content:space-between;gap:12px;margin:50px 0 44px;position:relative}.signup-progress:before{content:'';position:absolute;left:15px;right:15px;top:15px;height:1px;background:#e8e8e8}.signup-progress>div{display:flex;flex-direction:column;position:relative;align-items:center;gap:9px;font-size:9px;color:#acacac}.signup-progress b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#f4f4f4;border:5px solid #fff;color:#a0a0a0;font-size:9px;font-weight:600}.signup-progress .current{color:#535353;font-weight:600}.signup-progress .current b{background:#e5e5e5;color:#474747}.signup-progress .complete b{background:#535353;color:white}.signup-progress .complete{color:#7f7f7f}.signup-content{max-width:580px;width:100%;margin:auto}.step-kicker{font-size:9px;letter-spacing:2px;color:#a0a0a0;font-weight:600;margin-bottom:17px}.signup-content h1{font:800 32px/1.22 Manrope;letter-spacing:-1.3px;margin:0;color:#373737;max-width:450px}.signup-intro{font-size:12px;line-height:1.9;color:#969696;max-width:450px;margin:17px 0 28px}.signup-content .formgrid{grid-template-columns:1fr;gap:18px}.signup-content .field{font-size:11px;color:#6b6b6b;font-weight:500;gap:8px}.signup-content input,.signup-content select{font-size:12px;padding:14px;border:1px solid #e5e5e5;background:white;border-radius:8px;min-width:0}.signup-content input::placeholder{color:#b8b8b8;font-weight:400}.signup-content input:focus,.signup-content select:focus{outline:2px solid #dfdfdf;outline-offset:2px;border-color:#bcbcbc}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:70px}.password-wrap button{position:absolute;top:50%;right:9px;transform:translateY(-50%);background:none;border:0;color:#9a9a9a;padding:6px;font-size:9px;font-weight:400}.password-hint{font-size:9px;font-weight:400;color:#a7a7a7}.signup-disclosure{font-size:10px;color:#a4a4a4;line-height:1.7;margin:20px 0}.signup-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:27px}.signup-actions>.primary{flex:1;padding:15px 18px;font-size:12px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;background:#474747}.signup-actions>button:not(.primary){border:0;background:transparent;color:#8c8c8c;font-size:11px;padding:12px 0}.signup-actions>.primary:hover{background:#3b3b3b}.signup-login{text-align:center;border-top:1px solid #efefef;margin-top:30px;padding-top:20px;font-size:10px;color:#a4a4a4}.signup-login button{border:0;background:transparent;color:#818181;font-size:10px;padding:4px}.signup-footer{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#b2b2b2;margin-top:45px;padding-top:25px}.signup-tip{display:flex;gap:13px;background:#f5f5f5;border-radius:9px;padding:14px 17px;margin-top:23px;color:#959595}.signup-tip>span{font-size:23px}.signup-tip p{font-size:10px;line-height:1.8;margin:0}.mini-progress{display:flex;gap:14px;font-size:10px;color:#afafaf;margin-bottom:21px}.mini-progress b{font-weight:600;color:#747474}.signup-content .address-grid{grid-template-columns:1fr 1fr;gap:15px}.signup-checkbox{display:flex;align-items:center;gap:9px;font-size:10px;color:#8f8f8f;margin:19px 0;line-height:1.7}.signup-checkbox input{accent-color:#5e5e5e}.welcome-status{display:inline-block;border:1px solid #e8e8cc;color:#a29651;background:#faf9ea;padding:7px 12px;border-radius:20px;font-size:9px;margin-bottom:22px}.welcome-status.approved{background:#f2f2f2;border-color:#e7e7e7;color:#808080}.applicant-summary{display:flex;align-items:center;gap:13px;border:1px solid #eaeaea;padding:16px;border-radius:11px;margin:25px 0}.applicant-summary>span{display:grid;place-items:center;border-radius:9px;background:#f3f3f3;color:#939393;width:37px;height:37px;font-size:21px}.applicant-summary b{display:block;font-size:12px;color:#646464}.applicant-summary small{display:block;font-size:10px;color:#a5a5a5;margin-top:5px}.applicant-summary button{margin-left:auto;border:0;background:none;font-size:9px;padding:3px;color:#999999;white-space:nowrap}.onboarding-timeline{margin:28px 0}.timeline-item{display:flex;gap:17px;position:relative;padding-bottom:25px;min-height:68px}.timeline-item:not(:last-child):before{content:'';position:absolute;top:30px;bottom:0;left:14px;width:1px;background:#ebebeb}.timeline-item>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f3f3f3;color:#acacac;font-size:9px;flex-shrink:0}.timeline-item.done>span{background:#f1f1f1;color:#7d7d7d}.timeline-item.current>span{background:#e5e5e5;color:#666666;box-shadow:0 0 0 4px #f6f6f6}.timeline-item b{font-size:11px;color:#8c8c8c;font-weight:500}.timeline-item.current b{color:#585858;font-weight:700}.timeline-item p{font-size:10px;color:#aeaeae;line-height:1.6;margin:6px 0 0}.timeline-item>small{margin-left:auto;color:#9f9f9f;font-size:8px;white-space:nowrap;align-self:flex-start;margin-top:5px}.waiting-info{border:1px solid #ebebeb;background:#f9f9f9;padding:17px 20px;border-radius:10px}.waiting-info b{font-size:11px;font-weight:500;color:#7d7d7d}.waiting-info p{font-size:10px;color:#a4a4a4;line-height:1.9;margin:7px 0 0}.demo-controls{border-top:1px dashed #e6e6e6;margin-top:25px;padding-top:17px}.demo-controls>span{font-size:7px;letter-spacing:1.5px;color:#b2b2b2}.demo-controls p{font-size:9px;line-height:1.7;color:#ababab}.demo-controls button{font-size:10px;color:#858585;background:transparent;border:1px solid #e6e6e6;padding:10px 13px}.enter-portal{width:100%;padding:16px;font-size:12px}.new-customer-link{margin-top:16px!important;border-top:1px solid #ffffff15!important;border-radius:0!important;padding-top:20px!important;color:#c9c9c9!important}
@media(min-width:1600px){.signup-main{padding-left:12%;padding-right:12%}.story-content h1{font-size:75px}.signup-content h1{font-size:37px}.signup-content .formgrid{gap:23px}}
@media(max-width:1050px){.signup-shell{grid-template-columns:.8fr 1.2fr}.signup-story{padding:32px}.signup-main{padding:28px 8%}.story-content h1{font-size:42px;letter-spacing:-1.8px}.signup-content h1{font-size:29px}.signup-progress{margin:35px 0}.story-orbit>i{left:180px}}
@media(max-width:750px){.signup-shell{display:block}.signup-story{padding:22px 24px 25px;min-height:0}.signup-story .brand{font-size:28px}.story-content{padding:28px 0 0;margin:0}.story-content .eyebrow{font-size:7px;letter-spacing:1.3px}.story-content h1{font-size:29px;line-height:1.18;letter-spacing:-1px;margin:13px 0 0;max-width:300px}.story-content h1>span{display:inline;color:#dedede}.story-content h1 br{display:none}.story-content>p,.story-orbit,.story-bottom{display:none}.signup-main{padding:22px 24px 25px}.signup-top{gap:12px}.signup-top>span{font-size:7px;letter-spacing:1.1px}.signup-top button{font-size:9px}.signup-progress{margin:28px 0 32px}.signup-progress>div{font-size:8px}.signup-progress b{width:29px;height:29px}.signup-content h1{font-size:28px;letter-spacing:-1.1px}.signup-intro{font-size:12px;margin:14px 0 24px}.signup-content .formgrid{gap:17px}.signup-content .address-grid{gap:14px;grid-template-columns:1fr 1fr}.signup-content .field{font-size:10px}.signup-content input,.signup-content select{font-size:13px;padding:14px 11px}.signup-footer{font-size:7px;margin-top:32px}.applicant-summary{flex-wrap:wrap}.applicant-summary button{font-size:9px}.timeline-item>small{display:none}.signup-actions{margin-top:24px}.signup-checkbox{font-size:10px}.onboarding-view dialog{max-height:90dvh;overflow:auto}}
/* Travels&Cia identity */
:root{--brand:#FCBE26;--premium:#111111;--air:#0084ff;--bus:#249689;--hotel:#ab00ff;--services:#EE8B60;--green:#FCBE26;--ink:#232323;--muted:#828282;--line:#e9e9e9}
body{background:#f7f7f8;color:var(--ink)}button{color:#333}button:hover{background:#f6f6f6}button.primary,.signup-actions>.primary{background:var(--brand);border-color:var(--brand);color:#151515;box-shadow:0 4px 12px #FCBE261a;font-weight:700}button.primary:hover,.signup-actions>.primary:hover{background:#edaf18;border-color:#edaf18}.brand span,.signup-story .brand span{color:var(--brand)}aside{background:#111;color:#dedede}.brand{color:white}.company{background:#ffffff07;border-color:#ffffff14;color:#ececec}.company small,aside>small{color:#909090}aside>label{color:#737373}nav>button{color:#a5a5a5}nav>button .icon{color:#b0b0b0}nav>button.active{background:#FCBE2615;color:#FCBE26}nav>button.active .icon{color:#FCBE26}nav>button em{background:#FCBE26;color:#191919}.help{background:linear-gradient(140deg,#242424,#1a1a1a);color:#eee}.help p{color:#939393}.help button{color:#FCBE26}.profile{color:#ddd}.profile select{background:#111;color:#aaa}.drawer-close{color:#ddd}.demo{background:#FCBE2614;color:#7a5a11}header{background:#fff;color:#888}header b{color:#333}h1,h2,.stat strong{color:#232323}.subtitle{color:#858585}.modern-hero{background:radial-gradient(ellipse at 100% 0%,#3c3523,transparent 60%),linear-gradient(115deg,#121212,#232323);box-shadow:0 14px 30px #0000000d}.modern-hero h2{color:#fff}.modern-hero p{color:#aaa}.modern-hero button{background:var(--brand);color:#161616}.eyebrow{color:#FCBE26}.orbit{border-color:#FCBE2620}.orb{background:linear-gradient(145deg,#ffdc80,#FCBE26);color:#151515;box-shadow:14px 20px 50px #00000055,inset 1px 1px 2px #fff}.route-chip{color:#fff;border-color:#ffffff25;background:#ffffff0c}.route-chip i{color:var(--brand)}.art-caption{color:#b9a97a}.section-kicker{color:#717171}.section-kicker span{color:#939393}.stat{background:#fff;border-color:#e7e7e7}.stat>div{color:#7d7d7d}.stat>div span{background:#FCBE2618;color:#9c7210}.stat small{color:#999}.card{border-color:#e7e7e7;background:#fff}.card-head h2{color:#292929}.eyebrow.dark{color:#999}.badge{color:#555;background:#f1f1f1}.badge.amber{background:#FCBE261c;color:#89620a}.badge.gray{background:#f3f3f3;color:#888}.avatar{background:#FCBE2614;color:#9b761c;border-color:#FCBE2620}.card-link{color:#745b1a}.insight{background:#FCBE260c}.insight>span{color:#ba8c16}.insight h3{color:#444}.insight p{color:#999}.bottom-banner{border-color:#e1d8bd;color:#777}.bottom-banner button{color:#8b6913}th{background:#fafafa;color:#929292}td small{color:#999}td button{color:#666}.filters input,input,select{border-color:#e5e5e5;color:#444}.field{color:#555}.field input,.field select{background:#fff;border-color:#e5e5e5}.note{background:#FCBE260c;color:#82734d}.integration p{color:#888}.integration-hint{color:#999}.company-card h2{color:#333}.company-card p{color:#888}.company-symbol{background:#FCBE2618;color:#a87c12}.company-meta span{color:#999}.company-meta b{color:#555}.onboarding-track{color:#999}.onboarding-track b{color:#a47b19}.wizard-steps .current{color:#333}.wizard-steps .current b{background:#FCBE26;color:#151515}.wizard-steps .done{color:#98741c}.review-grid section{background:#f7f7f7}.review-grid small,.review-grid p{color:#888}.confirm-check{color:#888}.new-customer-link{color:#FCBE26!important}#toast{background:#1b1b1b;color:white}button:focus-visible,a:focus-visible{outline:3px solid #FCBE26;outline-offset:3px}input:focus,select:focus{outline-color:#FCBE26}.menu-toggle{color:#222;border-color:#e4e4e4;background:#fff}
/* Product colors remain distinct, using alpha only on decoration. */
nav>button:has([onclick]){isolation:isolate}nav>button[onclick*="Reservar aéreo"] .icon{color:var(--air)}nav>button[onclick*="Reservar rodoviário"] .icon{color:var(--bus)}nav>button.active[onclick*="Reservar aéreo"]{background:#0084ff18;color:var(--air)}nav>button.active[onclick*="Reservar rodoviário"]{background:#2496891a;color:var(--bus)}
body[data-mode="Aéreo"] .search-banner{background:linear-gradient(120deg,#0084ff1c,#0084ff08);border:1px solid #0084ff22;color:#0064c2}body[data-mode="Aéreo"] .search-banner h2{color:#135182}body[data-mode="Aéreo"] .search-banner>span{color:var(--air)}body[data-mode="Aéreo"] .search-banner p{color:#5d87b0}body[data-mode="Rodoviário"] .search-banner{background:linear-gradient(120deg,#2496891c,#24968908);border:1px solid #24968925;color:#177b70}body[data-mode="Rodoviário"] .search-banner h2{color:#1b5f57}body[data-mode="Rodoviário"] .search-banner>span{color:var(--bus)}body[data-mode="Rodoviário"] .search-banner p{color:#668c86}.transport-tag{display:inline-block;padding:4px 7px;border-radius:5px;margin-top:7px;font-size:8px}.transport-tag.air{color:#006ace;background:#0084ff10}.transport-tag.bus{color:#207e73;background:#24968912}
.category-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.category-card{--category:var(--air);border:1px solid #e8e8e8;border-radius:12px;background:white;padding:19px;position:relative;overflow:hidden}.category-card.bus{--category:var(--bus)}.category-card.hotel{--category:var(--hotel)}.category-card.services{--category:var(--services)}.category-card:before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--category);opacity:.8}.category-title{display:flex;align-items:center;gap:9px;font-size:12px}.category-icon{color:var(--category);background:color-mix(in srgb,var(--category) 10%,white);display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-size:18px}.category-title b{color:#444;font-size:11px;font-weight:600}.category-dot{width:5px;height:5px;border-radius:50%;background:var(--category);margin-left:auto}.category-card>strong{display:block;color:#333;font:800 24px Manrope;margin:17px 0 8px}.category-card strong small{font:400 10px 'DM Sans';color:#999}.category-card>strong.coming-soon{font:600 13px Manrope;margin-top:22px;margin-bottom:11px}.category-card>p{font-size:9px;color:#999;line-height:1.8;min-height:30px;margin:0 0 12px}.category-label{display:inline-block;padding:5px 8px;border-radius:5px;background:color-mix(in srgb,var(--category) 9%,white);font-size:8px;color:#626262}.category-card.air .category-label{color:#006ace}.category-card.bus .category-label{color:#207e73}.category-card.hotel .category-label{color:#8800cb}.category-card.services .category-label{color:#a85029}
/* First-time customer journey: white forms, premium black and yellow identity. */
.signup-story{background:radial-gradient(ellipse at 10% 100%,#3b3525 0,transparent 60%),linear-gradient(150deg,#111,#1f1f1f)}.signup-main{background:#fff}.signup-story .brand{color:#fff}.story-content .eyebrow{color:#FCBE26}.story-content h1{color:#fff}.story-content h1>span{color:var(--brand)}.story-content>p{color:#aaa}.story-orbit>div{border-color:#FCBE2626}.story-orbit>span{color:var(--brand);filter:drop-shadow(10px 20px 12px #00000040)}.story-orbit>i{color:#FCBE2680}.story-bottom div>span{color:#999}.story-bottom>span{color:var(--brand);border-color:#FCBE2640}.signup-top>span{color:#aaa}.signup-top button{color:#777}.signup-progress:before{background:#e8e8e8}.signup-progress>div{color:#aaa}.signup-progress b{background:#f1f1f1;color:#999}.signup-progress .current{color:#222}.signup-progress .current b{background:var(--brand);color:#191919}.signup-progress .complete{color:#777}.signup-progress .complete b{background:#222;color:var(--brand)}.step-kicker{color:#a67a0b}.signup-content h1{color:#242424}.signup-intro{color:#888}.signup-content .field{color:#555}.signup-content input,.signup-content select{border-color:#e4e4e4;background:#fff;color:#333}.signup-content input::placeholder{color:#b1b1b1}.signup-content input:focus,.signup-content select:focus{outline-color:#FCBE2660;border-color:var(--brand)}.password-wrap button{color:#999}.password-hint,.signup-disclosure,.signup-login,.signup-footer{color:#999}.signup-login button{color:#8b6713}.signup-tip{background:#FCBE2612;color:#8a763e}.signup-actions>button:not(.primary){color:#888}.mini-progress{color:#aaa}.mini-progress b{color:#8e6915}.signup-checkbox{color:#888}.signup-checkbox input,.confirm-check input{accent-color:#FCBE26}.welcome-status{background:#FCBE2616;border-color:#FCBE2633;color:#8d6813}.welcome-status.approved{background:#FCBE2616;border-color:#FCBE2633;color:#70530b}.applicant-summary{border-color:#e8e8e8}.applicant-summary>span{background:#FCBE2615;color:#a77c13}.applicant-summary b{color:#444}.applicant-summary small{color:#999}.applicant-summary button{color:#777}.timeline-item:before{background:#e8e8e8!important}.timeline-item>span{background:#f4f4f4;color:#aaa}.timeline-item.done>span{background:#222;color:#FCBE26}.timeline-item.current>span{background:#FCBE26;color:#151515;box-shadow:0 0 0 4px #FCBE2614}.timeline-item b{color:#777}.timeline-item.current b{color:#333}.timeline-item p{color:#999}.timeline-item>small{color:#a37a17}.waiting-info{border-color:#eee6d0;background:#FCBE2609}.waiting-info b{color:#70623f}.waiting-info p{color:#999}.demo-controls{border-color:#e9e9e9}.demo-controls>span,.demo-controls p{color:#999}.demo-controls button{border-color:#e9dcb9;color:#80621a}.enter-portal{background:#FCBE26;color:#151515}
@media(max-width:750px){aside,.profile select{background:#111}.story-content h1>span{color:var(--brand)}header{background:#fffffff5}.category-overview{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.category-card{padding:15px}.category-card>strong{font-size:22px}.category-title{gap:7px}.category-title b{font-size:10px}.category-card>strong.coming-soon{font-size:11px}.category-card>p{font-size:9px}.category-icon{width:27px;height:27px;font-size:16px}}
/* Original supplied logo files, displayed proportionally without graphic transformations. */
a.brand, .signup-story a.brand{display:block;width:180px;max-width:100%;padding:0;line-height:0;letter-spacing:normal;flex-shrink:0}
a.brand img{display:block;width:100%;height:auto;object-fit:contain;filter:none;opacity:1;transform:none}
.signup-story a.brand{width:215px}
aside>a.brand{margin:0 8px 2px}
.footer-logo{display:block;width:105px;height:auto;object-fit:contain;filter:none;opacity:1;transform:none;flex-shrink:0}
footer,.signup-footer{align-items:center}
@media(max-width:750px){aside>a.brand{width:175px;margin:0 0 8px}.signup-story a.brand{width:170px}.footer-logo{width:90px}.signup-footer{gap:20px}}