/* Promtano: two brand colours, original Pfau monogram, quiet material detail. */
:root,body,body.studio,body.software,body.trade,body.assistant,body.network,body.housing{--brand-dark:#442C4F;--brand-light:#F3C8B8;--ink:#442C4F;--accent:#442C4F;--forest:#442C4F;--green:#442C4F;--lime:#F3C8B8;--on:#fff;--tint:color-mix(in srgb,#F3C8B8 46%,white);--paper:color-mix(in srgb,#F3C8B8 16%,white);--surface:color-mix(in srgb,#F3C8B8 7%,white);--line:color-mix(in srgb,#442C4F 17%,white);--muted:color-mix(in srgb,#442C4F 75%,white);--gold:#442C4F;--orange:#442C4F;--primary:#442C4F;--secondary:#F3C8B8}
body{background-color:var(--paper);background-image:url('/brand/texture.svg');background-attachment:fixed;color:var(--ink)}
.brand{gap:12px!important;letter-spacing:-.45px!important;font-family:Georgia,'Times New Roman',serif!important;font-weight:500!important}
.brand .brand-emblem,.brand>span.brand-emblem:first-child,.brand-emblem{display:block!important;flex:0 0 54px;width:54px!important;height:60px!important;border-radius:0!important;background:transparent url('/brand/logo.png') center -3px / 84px auto no-repeat!important;mix-blend-mode:multiply;color:transparent!important}
.brand small{font:10px/1.5 system-ui,sans-serif;letter-spacing:1px}
.top,.account-header{background:color-mix(in srgb,var(--paper) 95%,transparent);border-bottom:1px solid var(--line)}
.top .nav{min-height:94px}.branddot{color:var(--brand-dark)!important}
h1,h2,.bigtype{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}
h1 em,h2 em{font-family:inherit;font-style:italic;color:var(--brand-dark)}
.hero,.welcome,.home-hero{position:relative;isolation:isolate}
.hero:before,.welcome:before,.home-hero:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background:linear-gradient(115deg,transparent 15%,color-mix(in srgb,var(--brand-light) 32%,transparent));border-radius:inherit}
.hero:after,.welcome:after{content:'';position:absolute;z-index:-1;pointer-events:none;right:3%;top:20px;width:min(36vw,440px);height:min(40vw,470px);background:url('/brand/logo.png') center top / 135% auto no-repeat;mix-blend-mode:multiply;opacity:.035}
.hero .split{position:relative}.hero{border-bottom:1px solid var(--line)}
.brand-signature{display:flex;align-items:center;gap:18px;padding:4px 0 22px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.signature-emblem{flex:0 0 75px;width:75px;height:90px;background:url('/brand/logo.png') center -2px / 118px auto no-repeat;mix-blend-mode:multiply}
.signature-name{display:block;font:30px/1.15 Georgia,serif;letter-spacing:-.8px;color:var(--brand-dark)}
.signature-tag{display:block;font:11px/1.6 system-ui,sans-serif;letter-spacing:.7px;margin-top:7px;color:var(--muted)}
.btn,.button,.primary{background:var(--brand-dark);color:white;border-radius:6px}.btn.ghost,.secondary{background:transparent;color:var(--brand-dark);border:1px solid var(--line)}
.btn:hover,.button:hover{background:color-mix(in srgb,var(--brand-dark) 90%,black)}
.btn.ghost:hover,.secondary:hover{background:var(--tint)}
.tile,.window,.marketboard,.browsermock,.personal-card,.opportunity{border-color:var(--line);box-shadow:0 18px 50px color-mix(in srgb,var(--brand-dark) 5%,transparent)}
.windowbar,.wideband,.square,.chip,.main-tabs button[aria-current=page]{border-color:var(--line)}
.windowbar,.wideband,.square{background:var(--tint);color:var(--brand-dark)}
section.block{background:color-mix(in srgb,var(--paper) 88%,transparent)}
.footer{background:var(--paper)}.footer .brand{font-size:22px}
aside .brand{line-height:1.2}aside{border-color:var(--line)}
:focus-visible{outline-color:var(--brand-dark)!important}
@media(max-width:700px){.brand{font-size:21px!important;gap:8px!important}.brand .brand-emblem,.brand>span.brand-emblem:first-child{width:42px!important;height:48px!important;flex-basis:42px;background-size:67px auto!important}.top .nav{min-height:78px}.brand-signature{gap:12px;padding-bottom:16px}.signature-emblem{width:60px;height:72px;flex-basis:60px;background-size:94px auto}.signature-name{font-size:25px}.hero:after{width:55vw;height:62vw;right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}}

/* Restrain the older illustrative accents to the selected palette. */
.studio h1,.trade h1,.assistant h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;text-transform:none;letter-spacing:-.04em}
.studio .browsermock{box-shadow:-15px 18px 0 var(--brand-light)}
.studio .mockinside{background:var(--brand-dark);color:var(--brand-light)}
.studio .mockinside .tiny{color:var(--brand-light)}.studio .arch{background:var(--brand-light)}
.trade .marketboard{box-shadow:14px 14px 0 var(--brand-light)}
.network .orbital{background:radial-gradient(ellipse at center,var(--tint),transparent 70%)}.network .network-tag{background:var(--brand-light);color:var(--brand-dark);transform:none}
.assistant .assistant-core{color:var(--brand-dark);border-color:var(--line);background:var(--tint);box-shadow:none}.assistant .hero:before{width:auto;height:auto;inset:0;background:linear-gradient(115deg,transparent,color-mix(in srgb,var(--brand-light) 28%,transparent))}
.assistant .output,.software .scope-choice{background:var(--tint);color:var(--brand-dark)}

:root,body{--deep:var(--brand-dark);--navy:var(--brand-dark);--blue:var(--brand-dark);--light:var(--tint);--bg:var(--paper)}
body.brand-workspace{--green:var(--brand-light)}
.brand-workspace .brand{font-size:19px!important;gap:7px!important}.brand-workspace .brand-emblem{flex-basis:40px!important;width:40px!important;height:50px!important;background-size:70px auto!important}
.brand-workspace .workspace,.brand-workspace .avatar,.brand-workspace .prototypebar,.brand-workspace .upgrade{background:var(--tint);color:var(--brand-dark);border-color:var(--line)}
.brand-workspace .prototypebar b{color:var(--brand-dark)}
.brand-workspace nav .active,.brand-workspace nav a[aria-current=page],.brand-workspace nav a.active{background:var(--tint);color:var(--brand-dark)}
.brand-workspace .primary{background:var(--brand-dark);color:white}.brand-workspace .online-dot{background:var(--brand-dark)}
.journey,.profile-panel{background:var(--tint)}.atlas svg{fill:var(--brand-dark)}.atlas path{stroke:var(--brand-dark)}

/* Transparent animal monogram, fitted without clipping. */
.brand .brand-emblem,.brand>span.brand-emblem:first-child,.brand-emblem{background-position:center!important;background-size:contain!important}
.signature-emblem,.heroart .signature-emblem,.home-hero>div:first-child:before{background-position:center!important;background-size:contain!important}
.hero:after,.welcome:after{background-position:center;background-size:contain}
.portrait-outline{background-position:center!important;background-size:contain!important;opacity:1}
@media(max-width:700px){.brand .brand-emblem,.brand>span.brand-emblem:first-child,.signature-emblem{background-size:contain!important}}

.assistant .routine{background:var(--tint);color:var(--brand-dark)}.assistant .routine span{color:var(--brand-dark)}
.trade .marketboard{background:var(--brand-dark);color:var(--brand-light)}
.trade .marketboard p,.trade .marketboard .samplelabel,.trade .marketboard .chip,.trade .marketboard .boardnumber{color:var(--brand-light)}
.trade .marketboard .brand-signature{background:var(--brand-light);padding:12px;border-radius:6px}.trade .marketboard .signature-tag{color:var(--brand-dark)}
.trade .profit{background:var(--tint)}
.studio .browsermock{background:var(--brand-dark)}.studio .mockinside .arch{background:var(--brand-light)}
.software h1{font-family:Georgia,serif;font-weight:400}
.studio .wideband,.trade .wideband,.wideband{background:var(--brand-dark);color:var(--brand-light)}
.studio .wideband p,.trade .wideband p,.wideband p{color:var(--brand-light)}.wideband .btn{background:var(--brand-light);color:var(--brand-dark)}
.network .entrypaths{background:var(--brand-dark);color:var(--brand-light)}.network .entrypaths p,.network .entrypaths .eyebrow{color:var(--brand-light)}

.window>.brand-signature{padding:16px 24px;margin:0;background:var(--tint)}

/* ATMOSPHERE — photographic edge details across every page, never an interaction layer. */
html{background-color:var(--paper)}
body{position:relative;isolation:isolate;--atmosphere-opacity:.42;--atmosphere-width:clamp(110px,27vw,460px)}
body::before,body::after{content:"";position:fixed;top:0;bottom:0;width:var(--atmosphere-width);z-index:-1;pointer-events:none;user-select:none;background-image:url('/brand/atmosphere.jpg');background-repeat:no-repeat;background-size:auto 100%;opacity:var(--atmosphere-opacity)}
body::before{left:0;background-position:left center;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 22%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 22%,transparent 100%)}
body::after{right:0;background-position:right center;-webkit-mask-image:linear-gradient(to left,#000 0%,#000 22%,transparent 100%);mask-image:linear-gradient(to left,#000 0%,#000 22%,transparent 100%)}
.top,.account-header,.footer{background-color:color-mix(in srgb,var(--paper) 90%,transparent)}
section.block{background-color:color-mix(in srgb,var(--paper) 54%,transparent)}
body.brand-workspace>aside{background-color:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(8px)}
@media(max-width:720px){body{--atmosphere-opacity:.29;--atmosphere-width:clamp(82px,28vw,150px)}body.brand-workspace>aside{background-color:var(--paper);backdrop-filter:none}}
@media(prefers-reduced-transparency:reduce){body::before,body::after{opacity:.15}.top,.account-header,.footer,body.brand-workspace>aside{background-color:var(--paper)}}
@media print{body::before,body::after{display:none}}

/* Workspace theme stays tied to the brand even when its legacy polish sheet loads later. */
html body.brand-workspace{--ink:var(--brand-dark);--accent:var(--brand-dark);--on:#fff;--paper:color-mix(in srgb,var(--brand-light) 16%,white);--surface:color-mix(in srgb,var(--brand-light) 7%,white);--tint:color-mix(in srgb,var(--brand-light) 46%,white);--line:color-mix(in srgb,var(--brand-dark) 17%,white);--muted:color-mix(in srgb,var(--brand-dark) 75%,white);--bg:var(--paper);--deep:var(--brand-dark);--green:var(--brand-light);--navy:var(--brand-dark);--blue:var(--brand-dark);--light:var(--tint)}
body.brand-workspace .navbutton.active,body.brand-workspace nav a.active{background:var(--tint)!important;color:var(--brand-dark)!important}

body.brand-workspace .guide{background:var(--tint);border-color:var(--line)}
body.brand-workspace label,body.brand-workspace .eyebrow{color:var(--brand-dark)}
body.brand-workspace .guide p,body.brand-workspace .guide li{color:var(--muted)}

/* Quiet, prospective responsibility note at the page ending. */
footer .responsibility-note{font:400 11.5px/1.65 system-ui,-apple-system,sans-serif;color:var(--muted);margin:18px 0 0;padding:0;max-width:76ch;grid-column:1/-1;flex-basis:100%;text-transform:none;letter-spacing:normal}
footer:has(>.responsibility-note){flex-wrap:wrap}
.responsibility-footer{width:min(1208px,100%);margin:0 auto;padding:0 24px 28px;display:block;background:transparent;border:0}
.responsibility-footer .responsibility-note{margin:0}
@media(max-width:650px){.responsibility-footer{padding:0 18px 24px}footer .responsibility-note{font-size:11.5px}}

/* APPROVED OVERVIEW DESIGN */
:root,body,body.studio,body.software,body.trade,body.assistant,body.network,body.housing{--brand-dark:#35203F;--brand-light:#FF806A}
.brand .brand-emblem,.brand>span.brand-emblem:first-child,.brand-emblem,.signature-emblem{background:transparent url('/brand/logo.png?v=animals1') center / contain no-repeat!important;mix-blend-mode:normal!important}
.brand .brand-emblem{width:42px!important;height:46px!important;flex-basis:42px!important}
.brand{font-size:27px!important;font-weight:600!important}
.hero,.welcome{background-color:#35203F;background-image:linear-gradient(90deg,#35203F 0%,#35203Fed 23%,#35203Fa8 43%,#35203F00 72%),url('/brand/hero.webp');background-size:cover;background-position:center;overflow:hidden;color:#fff9ef;border-radius:0}
.hero:before,.hero:after,.welcome:before,.welcome:after{display:none!important}
.hero{min-height:670px;display:flex;align-items:center;padding:72px 0!important}
.hero>.wrap.split{display:block!important;width:min(1240px,100%);margin:auto;padding:0 38px}
.hero>.wrap.split>div:first-child{max-width:540px;width:49%}
.hero h1,.hero h1 em,.hero .eyebrow,.hero .lead,.hero .micro,.hero p,.welcome h1,.welcome p,.welcome .eyebrow{color:#fff9ef!important}
.hero h1{font-size:clamp(42px,4.5vw,68px)!important;line-height:1.07!important;letter-spacing:-.04em!important}
.hero .lead{font-size:17px;line-height:1.7;max-width:48ch}
.hero .btn,.hero .button{background:#FF806A;color:#35203F;border-color:#FF806A}
.hero .btn.ghost{background:#35203Fcc;color:#fff9ef;border:1px solid #fff9ef66}
.hero .micro{font-size:11px;opacity:.85}
.hero-tools{padding:48px 0!important}
.hero-tools>.wrap{max-width:1120px;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:50px}
.hero-tools h2{font-size:36px;line-height:1.2}
.hero-tools .orbital,.hero-tools .window,.hero-tools .marketboard{width:100%;margin:0}
.hero-tools .brand-signature{display:none}
.hero-tools .personal-card{max-width:470px}
@media(max-width:760px){
.brand{font-size:23px!important}.hero{min-height:780px;align-items:flex-start;padding:38px 0 280px!important;background-size:auto 100%;background-position:62% center;background-image:linear-gradient(180deg,#35203F 0%,#35203Ff2 35%,#35203Fa8 55%,#35203F00 80%),url('/brand/hero.webp')}
.hero>.wrap.split{padding:0 24px}.hero>.wrap.split>div:first-child{width:100%;max-width:520px}
.hero h1{font-size:46px!important}.hero .lead{font-size:16px}.hero .actions{flex-wrap:wrap}
.hero-tools>.wrap{grid-template-columns:1fr;gap:25px}.hero-tools{padding:35px 0!important}
}

/* RESPONSIVE SCENE V3 */
/* Wide screens retain the composition; narrow screens receive a separate full-width scene. */
body .hero{min-height:580px;padding:64px 0!important;background-size:cover;background-position:center}
body .hero h1{font-size:clamp(42px,4.5vw,66px)!important;line-height:1.07!important}
body .hero>.wrap.split>div:first-child{max-width:520px;width:48%}
body .hero .lead,body .hero .herocopy>p{font-size:17px;line-height:1.65;max-width:46ch}
body .hero .herocopy{width:48%;max-width:540px}
body .hero .herocopy h1{margin-top:18px}
body .hero .herocopy .herosearch{margin-top:22px}
body .hero .herocopy .heronote{margin-top:18px}
@media(min-width:761px) and (max-width:1024px){body .hero>.wrap.split>div:first-child,body .hero .herocopy{width:56%}body .hero h1{font-size:50px!important}}
@media(max-width:760px){
html,body{max-width:100%;overflow-x:clip}
body .hero,body.software .hero{display:block;min-height:0;padding:30px 0 280px!important;background:#35203F!important;position:relative;isolation:isolate;overflow:hidden}
body .hero>.wrap.split{width:100%;padding:0 22px!important;position:relative;z-index:1}
body .hero>.wrap.split>div:first-child,body .hero .herocopy{width:100%;max-width:none}
body .hero .herocopy{padding:0 22px!important}
body .hero h1{font-size:clamp(36px,10vw,46px)!important;line-height:1.05!important;margin:14px 0 16px}
body .hero .lead,body .hero .herocopy>p{font-size:15px;line-height:1.55;margin:0 0 20px}
body .hero .eyebrow{font-size:9px;letter-spacing:1.5px}
body .hero .actions{gap:10px;margin-top:20px;display:flex;flex-wrap:wrap}
body .hero .actions .btn{font-size:12px;padding:12px 15px;min-height:44px}
body .hero .micro{font-size:10px!important;line-height:1.5;margin:14px 0 22px!important}
body .hero::after{display:block!important;content:'';position:absolute;top:auto;bottom:0;left:0;right:0;width:100%;height:260px;z-index:0;background:url('/brand/hero.webp?v=responsive3') 78% center/cover no-repeat!important;opacity:1!important;mix-blend-mode:normal!important;border-radius:0;pointer-events:none;mask-image:none!important;-webkit-mask-image:none!important}
body .hero::before{display:none!important}
body .hero .herosearch{padding:10px!important;margin-top:16px}
body .hero .heronote{margin-bottom:24px;font-size:10px}
body .hero-tools>.wrap{width:100%;padding:0 22px;box-sizing:border-box}
body .top .nav{min-height:74px;gap:12px}body .top .brand{font-size:21px!important}body .top .nav>.btn{font-size:11px;padding:10px 12px;min-height:42px}
}

/* The originally chosen animal monogram is the canonical logo. */
.brand .brand-emblem,.brand>span.brand-emblem:first-child,.brand-emblem,.signature-emblem{background-image:url("/brand/logo.png?v=animals1")!important;background-size:contain!important;background-position:center!important;mix-blend-mode:normal!important;filter:none!important}.brand .brand-emblem{width:54px!important;height:58px!important;flex-basis:54px!important}@media(max-width:700px){.brand .brand-emblem{width:46px!important;height:48px!important;flex-basis:46px!important}}