/* DIFFORMA 2026 approved black-and-gold design system */
:root{--gold:#e8ae53;--gold2:#ffdc90;--bg:#040608}
.app-header.approved-header{height:77px;gap:20px;padding:0 3%;background:#030506f7;border-bottom:1px solid #252118}
.approved-logo{min-width:270px;width:270px;flex-shrink:0;gap:0;display:block}.approved-logo img{width:270px;height:auto;border-radius:0;object-fit:contain;box-shadow:none}
.approved-header .nav{display:flex;gap:clamp(10px,1.35vw,26px);justify-content:center;align-items:stretch;flex:1;height:100%}.nav-drop{position:relative;display:flex;align-items:center;white-space:nowrap}.nav-drop>a{color:#eee;font-weight:500;font-size:clamp(11px,.9vw,14px);display:flex;align-items:center;gap:4px;height:100%;border-bottom:2px solid transparent}.nav-drop>a.active,.nav-drop>a:hover{border-bottom-color:#f2c66e;color:#e9b557}.dropdown-menu{position:absolute;top:100%;left:0;min-width:218px;padding:10px 0;background:#090b0edb;border:1px solid #634820;backdrop-filter:blur(14px);border-radius:0 0 12px 12px;display:none;box-shadow:0 24px 55px #000a}.dropdown-menu a{display:block;padding:11px 16px;font-size:12px;color:#ddd}.dropdown-menu a:hover{background:#3c2b17;color:#ffdf99}.nav-drop:hover .dropdown-menu,.nav-drop:focus-within .dropdown-menu{display:block}.approved-header .header-actions{gap:9px;flex-shrink:0}.approved-header .btn{white-space:nowrap;font-size:12px;padding:12px 20px;border-radius:7px}
.lang-menu{position:relative;white-space:nowrap}.lang-menu summary{list-style:none;font-size:12px;cursor:pointer;padding:9px;color:#ddd}.lang-menu summary::-webkit-details-marker{display:none}.lang-options{position:absolute;right:0;top:38px;width:206px;background:#090b0e;border:1px solid #55411e;border-radius:9px;display:flex;flex-direction:column;padding:14px;gap:9px;z-index:60;box-shadow:0 20px 45px #000c}.lang-options small,.lang-options span:not(.lang-selected){font-size:11px;color:#777}.lang-selected{color:#ffd58a;font-size:13px}
.approved-page{max-width:1800px;margin:auto}.cinematic-hero{min-height:410px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #22242a;background:radial-gradient(ellipse at 75% 80%,#4a2d10,#060708 60%)}.approved-scene{position:absolute;inset:0 0 0 45%;background-size:cover;background-position:center center;filter:contrast(1.12) saturate(1.03)}.cinematic-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#030506 0%,#030506f8 22%,#030506e3 37%,#03050600 62%)}.approved-copy{position:relative;z-index:2;padding:34px 5.4%;width:55%;max-width:865px}.approved-copy>.eyebrow{color:#f0c36a;letter-spacing:3px;font-size:11px}.approved-copy>p{font-size:clamp(14px,1.25vw,18px);max-width:630px;color:#e1e3e7;line-height:1.55;margin:15px 0 20px}.crumb{font-size:12px;color:#b7bbc2;margin-bottom:29px}.crumb a:hover{color:#ffd18b}
.metallic-title{font-family:'Arial Black',Impact,'Segoe UI',Arial,sans-serif;font-size:clamp(40px,4.55vw,78px);letter-spacing:-2.9px;font-weight:950;line-height:1.08;margin:14px 0 10px;text-shadow:0 2px 0 #6d4d24;white-space:nowrap}.metallic-title span{background:linear-gradient(180deg,#fff8e9 2%,#ffffff 38%,#bdbdc2 65%,#f5efe9 91%);-webkit-background-clip:text;background-clip:text;color:transparent}.metallic-title em{font-style:normal;background:linear-gradient(180deg,#fff2d3 2%,#f7d094 37%,#be7929 89%);-webkit-background-clip:text;background-clip:text;color:transparent}.metallic-title.home-wordmark{font-size:clamp(58px,5.8vw,100px);letter-spacing:1px}.home-statement{font-family:Arial,sans-serif;font-size:clamp(34px,3.3vw,58px);font-weight:800;line-height:1.06;letter-spacing:-1.6px;margin:14px 0}.home-cine{min-height:585px}.home-cine .approved-scene{inset:0 0 0 45%;background-position:center}.home-cine .approved-copy{width:55%}.home-cine:after{background:linear-gradient(90deg,#030506 0%,#030506f9 23%,#030506cc 39%,#03050600 60%)}.product-hero{min-height:405px}.products-hero{min-height:375px}.product-headline{font-size:clamp(18px,1.75vw,28px);margin:10px 0 0;letter-spacing:-.4px}.hero-actions{gap:12px}.hero-actions .btn{font-size:14px;min-width:180px;text-align:center;border-radius:7px;padding:13px 20px}.btn.outline{background:#050608b8;border:1px solid #ae8544}.btn.outline:hover{background:#1f170e}
.feature-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:22px 3%;background:linear-gradient(180deg,#080a0b,#040608);border-bottom:1px solid #222}.feature-entry{display:flex;gap:12px;padding:5px 14px;border-right:1px solid #34312e;min-width:0}.feature-entry:last-child{border-right:0}.tiny3d{display:inline-flex;align-items:center;justify-content:center;color:#fbd282;text-shadow:0 1px 0 #5f3a13,0 2px 5px #bf7b37,0 0 12px #b88049;filter:drop-shadow(0 1px 2px #aa783d);font-size:29px;line-height:1;flex-shrink:0}.feature-entry b{font-size:12px;line-height:1.3;display:block}.feature-entry small{font-size:11px;line-height:1.4;display:block;margin-top:6px;color:#a2a5ac}.feature-entry:hover .tiny3d,.audience-tile:hover .tiny3d{transform:translateY(-3px) rotateY(12deg);transition:.25s;filter:drop-shadow(0 4px 9px #d5a35e)}
.home-audiences{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding:20px 4% 48px}.audience-tile{border:1px solid #5c4932;min-height:170px;border-radius:10px;background:linear-gradient(140deg,#0c0e11,#070809 75%,#39230b);padding:17px 18px;position:relative;transition:.2s}.audience-tile:hover{border-color:#ffc87a;transform:translateY(-2px)}.audience-tile .tiny3d{float:left;margin-right:16px}.audience-tile .eyebrow{letter-spacing:2px;font-size:9px}.audience-tile h3{margin:7px 0;font-size:19px}.audience-tile p{font-size:12px;line-height:1.5;color:#b6bac2;margin:7px 0 16px}.audience-tile b{font-size:12px;color:#f2c269}
.product-tools{display:flex;justify-content:space-between;gap:16px;padding:22px 3.5%}.filter-tabs{display:flex;gap:10px;flex-wrap:wrap}.product-filter{border:1px solid #353a42;background:#0a0c0f;color:#bdc2ca;border-radius:7px;padding:10px 14px;font-size:12px}.product-filter.active{color:#f7c571;border-color:#e3ad4e;background:#1b150c}.product-tools .input{width:270px;max-width:100%;font-size:12px}.products-grid{padding:0 3.5% 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-item{border:1px solid #393941;border-radius:11px;min-height:177px;background:linear-gradient(145deg,#090a0d,#171007);display:grid;grid-template-columns:40% 60%;overflow:hidden;transition:.2s}.product-item:hover{transform:translateY(-2px);border-color:#dfa950}.product-item[hidden]{display:none}.product-item>div:last-child{padding:17px 14px}.product-thumb{background-size:cover;background-position:center}.product-item h3{font-size:18px;margin:0 0 3px}.product-item h3 span,.commerce-card h3 span{color:#f4c36d}.product-item small{font-size:10px;color:#c9cdd2}.product-item p{font-size:11px;color:#babdc5;line-height:1.5}.product-item b{color:#efc06d;font-size:11px}.reality-note{font-size:11px;color:#9da6af;padding:10px 3.5% 26px;line-height:1.5}
.tabline{display:flex;gap:0;overflow:auto;border-top:1px solid #242528;border-bottom:1px solid #282c31;padding-left:4.5%}.section-tab{padding:19px clamp(12px,1.8vw,32px);border:0;border-bottom:2px solid transparent;background:transparent;color:#cbd0d5;font-size:13px;white-space:nowrap}.section-tab.active{color:#f7c368;border-color:#f7c368}.section-tab:hover{color:#ffd38a}
.product-overview{display:grid;grid-template-columns:1.18fr .85fr .78fr;gap:20px;padding:34px 5%;min-height:360px}.product-copy h2,.audience-text h2{font-size:clamp(24px,2.2vw,34px);margin:12px 0 15px;letter-spacing:-.5px}.product-copy p,.audience-text p{color:#cdd1d8;line-height:1.65;font-size:clamp(13px,1.1vw,16px)}.fine-list{padding-left:16px;color:#ddd;line-height:1.8;font-size:14px}.product-preview{align-self:center;height:258px;overflow:hidden;border:1px solid #32363d;border-radius:10px;background:#0e1116}.product-preview img,.audience-picture img{width:100%;height:100%;object-fit:cover}.commerce-card{border:1px solid #30343a;background:linear-gradient(#0d1114,#050709);border-radius:10px;padding:23px 20px;align-self:start}.commerce-card h3{font-size:19px;margin:0 0 8px}.commerce-card p{color:#bfc4cd;font-size:13px;line-height:1.5}.commerce-card ul{padding:0;list-style:none;margin:12px 0 20px}.commerce-card li{margin:12px 0 12px 23px;position:relative;font-size:12px;color:#dce0e4;line-height:1.4}.commerce-card li:before{content:'✓';position:absolute;left:-24px;top:-1px;border:1px solid #ecc168;border-radius:50%;color:#ecc168;width:16px;height:16px;line-height:14px;text-align:center;font-weight:bold}.commerce-card .btn{display:block;width:100%;margin-top:9px;text-align:center;font-size:12px}
.audience-hero{min-height:435px}.audience-title{font-size:clamp(48px,4.6vw,76px)}.audience-main{display:grid;grid-template-columns:1fr .9fr .76fr;gap:17px;padding:27px 4%}.audience-picture{border:1px solid #36322e;border-radius:12px;overflow:hidden;height:290px}.advantage-list{display:grid;gap:13px;margin-top:22px}.advantage-list>div{font-size:13px;color:#e8e8e8}.advantage-list span{color:#e9b359;margin-right:9px}.audience-text .reality-note{padding:20px 0}
.plan-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:32px 0}.plan-option{background:linear-gradient(140deg,#0b0d11,#14100a);border:1px solid #584225;border-radius:12px;padding:24px;display:flex;flex-direction:column;min-height:260px}.plan-option h3{font-size:21px;margin:12px 0 9px}.plan-option p{color:#b8bfc6;font-size:13px;line-height:1.6}.plan-pending{color:#f2c777;font-weight:700;margin:auto 0 20px;font-size:15px}.plan-option .btn{width:100%}
.member-shell{display:grid;grid-template-columns:225px 1fr;min-height:calc(100vh - 120px)}.member-side{border-right:1px solid #2a2d35;background:#060809;padding:28px 12px}.member-side .eyebrow{font-size:10px;margin:10px 11px 22px}.member-nav{display:flex;gap:13px;padding:13px 12px;align-items:center;font-size:13px;color:#d4d7df;border-radius:8px}.member-nav>span{color:#f5bf68;font-size:20px}.member-nav.active,.member-nav:hover{background:linear-gradient(90deg,#583916,#100d09);color:#ffd17e}.plan-foot{border:1px solid #594526;color:#aaa;font-size:12px;border-radius:9px;padding:14px;margin-top:50px}.plan-foot strong{color:#f2bf67;display:block;font-size:16px}.member-content{padding:30px 2.5%;min-width:0}.member-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px;align-items:center}.member-top h1{font-size:34px;margin:0}.member-top p{color:#afb6bf;font-size:13px;margin:8px 0}.subscription-status{font-size:12px;color:#71d696}.member-content .workspace{padding:0;max-width:none}.member-footer-note{font-size:11px;color:#8e95a0;padding:18px 0}.access-locked{min-height:70vh;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:7%;background:radial-gradient(circle at 78% 50%,#332211,#050608 65%)}.access-locked h1{font-size:50px;margin:12px 0}.access-locked p{color:#bec4ce;max-width:560px}.lock3d{font-size:75px;color:#eac27a}
.dev-access-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.dev-access-card{display:block;border:1px solid #444039;background:#0a0d10;border-radius:10px;padding:22px}.dev-access-card:hover{border-color:#edc67d}.dev-access-card h3{font-size:17px}.dev-access-card p{font-size:12px;color:#bbc0c7}.dev-docs-panel{margin-top:20px;border:1px solid #32363c;border-radius:11px;padding:24px;background:#0b0d10}.dev-docs-panel p{color:#bec4cb}.dev-docs-panel pre{padding:18px;background:#040609;border-radius:8px;color:#eeb968;overflow:auto}
@media(max-width:1360px){.approved-logo{width:205px;min-width:205px}.approved-logo img{width:205px}.approved-header .nav{gap:12px}.app-header.approved-header{gap:12px;padding:0 1.8%}.approved-header .btn{padding:10px 14px}.feature-entry{padding:4px 9px}.product-overview{grid-template-columns:1fr .7fr .8fr}}
@media(max-width:1070px){.approved-header .nav{display:flex;overflow-x:auto;justify-content:flex-start;height:56px;order:3;width:100%;flex-basis:100%}.app-header.approved-header{height:auto;min-height:76px;flex-wrap:wrap;padding-top:8px}.nav-drop{flex:0 0 auto}.approved-header .header-actions{margin-left:auto}.approved-copy{width:65%}.metallic-title{white-space:normal}.feature-bar{grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.product-overview,.audience-main{grid-template-columns:1fr 1fr}.commerce-card{grid-column:span 2}.home-audiences,.plan-choices,.dev-access-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.approved-logo{min-width:145px;width:145px}.approved-logo img{width:145px}.approved-header .btn{padding:8px 10px;font-size:11px}.approved-copy{width:100%;padding:33px 20px}.cinematic-hero{min-height:520px;align-items:flex-end}.approved-scene{inset:0;opacity:.43}.cinematic-hero:after{background:linear-gradient(0deg,#040608 5%,#040608cb 35%,#04060844 100%)}.home-cine{min-height:620px}.metallic-title{font-size:46px}.home-statement{font-size:33px}.hero-actions .btn{min-width:0}.home-audiences,.products-grid,.plan-choices,.dev-access-grid,.product-overview,.audience-main{grid-template-columns:1fr}.commerce-card{grid-column:span 1}.feature-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.product-tools{flex-wrap:wrap}.product-tools .input{width:100%}.product-item{grid-template-columns:38% 62%}.member-shell{grid-template-columns:1fr}.member-side{display:flex;gap:5px;overflow-x:auto;padding:10px}.member-side .eyebrow,.plan-foot{display:none}.member-nav{white-space:nowrap}.member-content{padding:20px}.member-top{flex-wrap:wrap}.product-overview{padding:22px 17px}.product-preview{height:240px}}

/* Exact heading hierarchy from the approved artwork: product name metallic silver; DIFFORMA wordmark metallic gold. */
.home-wordmark em,.product-hero .metallic-title span,.audience-title span{background:linear-gradient(180deg,#fff2d7 0%,#f8c985 38%,#c17a2c 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.products-hero .metallic-title span,.product-hero .metallic-title em,.audience-title em{background:linear-gradient(180deg,#fff 0%,#f4f4f4 53%,#adb0b7 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.products-hero .metallic-title em{background:linear-gradient(180deg,#ffe7b0 0%,#f5bb62 46%,#a5661e 88%);-webkit-background-clip:text;background-clip:text;color:transparent}

.core-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.core-grid>div{background:#0a0c0f;border:1px solid #262b31;border-radius:8px;padding:10px}.core-grid h3{font-size:13px;margin:3px 0 6px;color:#e9be72}.core-grid p{font-size:12px;margin:0}.spec-table{font-size:12px;border-collapse:collapse;width:100%;margin:20px 0}.spec-table td,.spec-table th{border-bottom:1px solid #293139;padding:8px;text-align:left;vertical-align:top;color:#ced1d6}.core-faq details{padding:10px;border-bottom:1px solid #343637}.core-faq summary{cursor:pointer;color:#e9bd6f;font-size:13px}.core-faq p{font-size:12px}.product-copy:has(.core-grid){grid-column:span 1}@media(max-width:650px){.core-grid{grid-template-columns:1fr}}

/* v3: exact approved wordmark and repaired photo crops, no overhanging letters */
.exact-wordmark{width:min(610px,100%);max-height:83px;object-fit:contain;object-position:left center;display:inline-block;vertical-align:middle;filter:drop-shadow(0 3px 8px #2a1b0c80)}
.home-wordmark .exact-wordmark{width:min(650px,100%);max-height:94px}
.metallic-title.branded-heading{display:flex;align-items:center;gap:10px;line-height:1.1;max-width:100%;overflow:visible}
.metallic-title.branded-heading .exact-wordmark{width:min(58%,570px);flex-shrink:1;min-width:0}
.metallic-title.branded-heading em{font-size:clamp(34px,4.2vw,68px);letter-spacing:-2px;white-space:nowrap;text-shadow:0 2px 3px #171b20}
.metallic-title.audience-title .exact-wordmark{width:min(480px,95%);max-height:73px}
.product-hero .approved-copy{width:56%;max-width:880px}
.cinematic-hero .approved-scene{left:46%;background-position:center;background-size:cover}
.cinematic-hero:after{background:linear-gradient(90deg,#030506 0%,#030506fc 21%,#030506f3 37%,#0305066b 54%,transparent 70%)}
.product-thumb{background-position:center center}
.account-landing{min-height:calc(100vh - 175px);max-width:1150px;margin:auto;padding:65px 30px 80px}
.account-landing h1{font-size:clamp(34px,4vw,54px);margin:18px 0;color:#fff}
.account-landing p{line-height:1.7;color:#cbd0d6;max-width:800px}
.account-landing b{color:#f1be72}.account-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0}
.account-actions a{display:flex;align-items:center;min-height:89px;padding:18px 23px;border:1px solid #5d4629;background:linear-gradient(155deg,#0e1013,#0b0b0c,#2a1b0c);border-radius:11px;font-weight:700;color:#eee}
.account-actions a:hover,.account-actions a.priority{border-color:#d4a055;color:#ffd38b}.review-notice{padding:18px 21px;color:#f4cb88;background:#21180f;border:1px solid #806137;border-radius:9px;font-size:13px;max-width:810px}
.access-locked .lock3d{display:none}.access-locked h1{font-size:clamp(32px,3.5vw,48px)}
@media(max-width:1070px){.approved-copy,.product-hero .approved-copy{width:65%}.metallic-title.branded-heading{flex-wrap:wrap}.account-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.cinematic-hero .approved-scene{left:0;opacity:.45}.approved-copy,.product-hero .approved-copy{width:100%}.metallic-title.branded-heading .exact-wordmark{width:93%}.account-actions{grid-template-columns:1fr}}

/* Contrast-corrected metallic suffixes: approved wordmark gold, product names silver. */
.product-hero .branded-heading em,
.audience-hero .audience-title em {
 background-image:linear-gradient(180deg,#ffffff 1%,#f4f4f4 30%,#d8dce5 58%,#ffffff 79%,#c5c8d0 100%)!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
 text-shadow:none!important;
 filter:drop-shadow(0 2px 2px #22252a);
}
.products-hero .metallic-title span{
 background-image:linear-gradient(180deg,#ffffff,#f4f6f8 49%,#bec4ce 84%)!important;
 -webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;
}
.products-hero .metallic-title em,.audience-title em{
 text-shadow:none!important;
}
.products-hero .metallic-title em{
 background-image:linear-gradient(180deg,#ffe5ad,#ffd68d 40%,#c4822f 93%)!important;
 -webkit-text-fill-color:transparent!important;
}
/* Workspace tab contrast: no default white browser button backgrounds. */
.workspace-tabs .workspace-tab{background:#0a0c10!important;color:#bfc4cc!important;border:0;border-right:1px solid #33373c!important;border-radius:0!important;cursor:pointer}
.workspace-tabs .workspace-tab.active{background:linear-gradient(180deg,#302518,#18140e)!important;color:#ffce80!important;border-bottom:2px solid #e7b557!important;box-shadow:none!important}
.workspace-tabs .workspace-tab:hover{background:#1d1b18!important;color:#ffe0a5!important}

/* Page 1 approval: chess icons from the previously approved metallic-ring design. */
.home-audiences .audience-tile .chess-piece{float:left;display:block;width:50px;height:67px;object-fit:contain;margin:-3px 13px 2px 0;filter:drop-shadow(0 2px 7px #9a611f88);transition:transform .25s ease,filter .25s ease}
.home-audiences .audience-tile:hover .chess-piece{transform:translateY(-3px);filter:drop-shadow(0 4px 12px #f3ba6a88)}
.home-cine .approved-scene{background-position:center center;background-color:#030506}