@font-face{font-family:Inter;src:url('/assets/showcase/v2/fonts/inter-cyrillic.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;src:url('/assets/showcase/v2/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;font:15px/1.55 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#161718;background:#fff}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:500;letter-spacing:-.035em;line-height:1.08}h1{font-size:64px}h2{font-size:48px}h3{font-size:24px}p{margin:18px 0}img{width:100%;display:block;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9196f2;outline-offset:4px}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.page-width{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}.concept-nav{max-width:1240px;margin:auto;padding:18px 32px;display:flex;align-items:center;gap:35px;min-height:74px}.concept-brand{font-weight:650;letter-spacing:-.065em;font-size:27px;line-height:1;white-space:nowrap}.concept-nav nav{display:flex;align-items:center;gap:26px;margin:auto;font-size:13px}.concept-nav nav a{display:flex;align-items:center;min-height:40px}.control{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 18px;background:transparent;border:1px solid #dedfe3;border-radius:6px;font-size:13px;font-weight:500;text-align:center;line-height:1.4}.control:hover{filter:brightness(.94)}.control.black{background:#18191c;color:#fff;border-color:#18191c;border-radius:30px}.control.blue{background:#0071e3;color:#fff;border-color:#0071e3;border-radius:30px;padding:10px 24px}.control.primary{background:var(--accent,#533afd);border-color:var(--accent,#533afd);color:var(--on-accent,#fff)}.control.light{background:#e9e9eb;border-color:#e9e9eb;color:#171719}.control.quiet{background:#ffffff08;border-color:#ffffff15}.control.outline{border-color:var(--line,#dedfe3)}.text-control{border:0;padding:10px 0;min-height:44px;background:transparent;color:inherit;font-size:13px;text-align:left}.text-control:hover{text-decoration:underline}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.07em;margin:0 0 24px}.mono{font:11px/1.5 ui-monospace,monospace;color:#8a8f98}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:35px;font-size:14px}.section-title{max-width:700px;margin-bottom:45px}.section-title>p:not(.eyebrow){max-width:560px;font-size:18px;line-height:1.6;color:var(--muted,#69717c);margin-top:24px}.section-title h2{font-weight:500;letter-spacing:-.04em}.concept-footer{max-width:1240px;margin:auto;padding:50px 32px;display:flex;gap:30px;justify-content:space-between;align-items:center;border-top:1px solid var(--line,#e5e7eb);font-size:12px}.concept-footer>span{color:var(--muted,#777)}.segments{display:inline-flex;border:1px solid var(--line,#e5e7eb);border-radius:7px;padding:3px;gap:2px}.segments .control{border:0;padding:8px 16px;min-height:36px;font-size:12px;color:var(--muted,#777)}.segments button[aria-pressed=true]{background:var(--segment,#fff);color:var(--ink,#111);box-shadow:0 0 0 1px #0000000c}.person{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d9e0ec;color:#475e74;font-size:9px;flex-shrink:0}label{display:flex;flex-direction:column;gap:8px;font-size:12px}input,select{border:1px solid var(--line,#dfe2e7);border-radius:5px;padding:10px 12px;min-height:42px;color:inherit;background:var(--input,#fff);min-width:0;max-width:100%}input[type=checkbox]{min-height:0;accent-color:var(--accent,#6767c5);width:14px;height:14px}input[type=range]{padding:0;accent-color:var(--accent,#303034);min-height:38px}progress{width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:#e7e8eb}progress::-webkit-progress-bar{background:#e7e8eb}progress::-webkit-progress-value{background:var(--accent,#7774db);border-radius:5px}.notice{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:100;background:#202126;color:#fff;padding:14px 22px;border:1px solid #fff2;border-radius:10px;box-shadow:0 10px 35px #0003;font-size:13px;max-width:calc(100% - 30px);width:max-content;transition:opacity .2s,transform .2s}.notice.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}.three-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.three-columns p{font-size:15px;color:var(--muted,#777);line-height:1.7}.section-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}
/* Linear reference: left-aligned 64 px headline and a full, dense workspace. */
.concept-smena{--ink:#f7f8f8;--muted:#8a8f98;--line:#24262a;--input:#141517;--segment:#282a30;--accent:#e4f222;--on-accent:#0b0c0d;background:#08090a;color:var(--ink);font-feature-settings:'cv01' on,'ss03' on,'zero' on}.concept-smena .concept-nav{border-bottom:1px solid #1a1c1f;max-width:none;padding-left:max(32px,calc((100vw - 1176px)/2));padding-right:max(32px,calc((100vw - 1176px)/2))}.concept-smena .concept-nav nav{color:#8a8f98}.concept-smena .nav-action{background:#e9e9eb;color:#141517;border-radius:25px;border:0}.linear-hero{padding-top:148px}.linear-hero h1{font-size:64px;line-height:1.03;font-weight:510;letter-spacing:-.035em}.linear-sub{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:30px 0 70px}.linear-sub p{font-size:15px;color:var(--muted);line-height:1.6;margin:0}.linear-sub>a{font-size:13px;white-space:nowrap}.smena-workspace{background:#0e1011;border:1px solid #282b2d;border-radius:12px;display:grid;grid-template-columns:185px minmax(0,1fr) 225px;min-height:510px;overflow:hidden;box-shadow:0 40px 80px #0005,0 0 60px #6c8c8c08}.smena-workspace>aside:first-child{border-right:1px solid #232528;padding:20px 15px;display:flex;flex-direction:column;gap:3px;font-size:12px;color:#92989f}.smena-workspace>aside>strong{color:#f1f1f1;font-size:15px;margin-bottom:15px}.workspace-label{display:block;font-size:10px;color:#737981;letter-spacing:.02em;margin:20px 0 7px}.smena-workspace>aside>a{padding:7px;border-radius:5px;display:flex;align-items:center;gap:9px;min-height:34px}.smena-workspace>aside>a.active{background:#ffffff08;color:#e5e5e6}.smena-workspace>aside>a i{margin-left:auto;font-size:10px;font-style:normal}.smena-workspace .icon{width:14px;height:14px}.workspace-center{min-width:0}.workspace-toolbar{padding:17px 20px;border-bottom:1px solid #232528;font-size:10px;color:#92989f;display:flex;justify-content:space-between;gap:10px}.workspace-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:24px 20px 15px}.workspace-heading h3{font-size:18px;letter-spacing:-.02em}.workspace-heading .control{font-size:10px;min-height:30px;padding:5px 10px}.task-list{padding:0 15px}.task-list>button{display:grid;grid-template-columns:45px 9px 1fr 65px;align-items:center;gap:9px;width:100%;text-align:left;border:0;border-radius:4px;background:transparent;color:#c2c7cd;font-size:10px;padding:12px 7px;min-height:38px}.task-list>button>span:last-child{display:none}.task-list>button[aria-pressed=true]{background:#ffffff08}.task-list strong{font-size:11px;font-weight:450}.task-list small{font-size:9px;color:#8a8f98}.task-code{font:8px ui-monospace,monospace;color:#717781}.task-dot{width:8px;height:8px;border-radius:50%;border:1px solid #6e7690}.task-dot.state-0{background:#d9c561;border-color:#d9c561}.task-dot.state-1{background:#7774d9;border-color:#7774d9}.task-detail{padding:30px 28px;border-top:1px solid #232528;margin-top:20px}.task-detail h4{font-size:20px;margin:12px 0}.task-detail>p:not(.mono){font-size:12px;line-height:1.7;color:#8a8f98}.task-activity{display:flex;gap:12px;margin-top:24px}.task-activity .person{background:#60504a;color:#eadad4}.task-activity>div>strong{font-size:11px;font-weight:500}.task-activity small{font-size:9px;color:#6e747c;margin-left:10px}.task-activity p{font-size:11px;color:#9a9fa5;margin:8px 0}.task-checks{display:grid;gap:9px;margin:20px 0}.task-checks label{display:flex;flex-direction:row;align-items:center;gap:8px;color:#a6abb1;font-size:10px}.workspace-properties{border-left:1px solid #232528;padding:5px 18px;font-size:11px;color:#9ca2a9}.workspace-properties label{font-size:11px}.workspace-properties select{font-size:11px;background:#181a1d;border:1px solid #292c31;min-height:32px;padding:5px 8px}.workspace-properties>p{display:flex;align-items:center;gap:8px;font-size:11px}.mini-assistant{padding:17px;background:#15181a;border:1px solid #2b2e33;border-radius:6px;margin-top:40px}.mini-assistant strong{color:#d4d8dd;font-size:11px}.mini-assistant p{font-size:10px;line-height:1.7}.mini-assistant>span{font-size:9px;color:#767d87}.feature-section{padding-top:135px;padding-bottom:100px}.linear-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#22252a;border:1px solid #22252a;border-radius:8px;overflow:hidden}.linear-features article{background:#0d0e10;padding:30px 25px;min-width:0}.feature-number{font:10px ui-monospace,monospace;color:#787e88}.linear-features h3{font-size:22px;margin-top:25px}.linear-features p{font-size:13px;color:#8a8f98;line-height:1.7}.mini-task{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid #25282d;font-size:10px}.mini-task span{font-size:9px;color:#8c8aaf}.linear-features blockquote{margin:25px 0;padding:20px 15px;border-left:1px solid #62666d;font-size:12px;color:#9da2aa;line-height:1.8}.release-progress{font-size:10px;border:1px solid #25282d;border-radius:6px;padding:18px;display:grid;gap:14px;margin-top:25px}.release-progress strong{font-size:15px;font-weight:450}.release-progress progress::-webkit-progress-bar{background:#282b2f}.workflow-section{border-top:1px solid #23252a;padding-top:80px;padding-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.workflow-section p{font-size:16px;line-height:1.7;color:#8a8f98}.workflow-section h2{font-size:44px}.pricing-section{padding-top:70px;padding-bottom:100px;border-top:1px solid #23252a}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.plan-grid article{border:1px solid #23252a;border-radius:12px;padding:32px}.plan-grid article>span{font-size:12px;color:#8a8f98}.plan-grid h3{font-size:38px;margin:20px 0}.plan-grid h3 b{font-weight:500}.plan-grid h3 small{font-size:12px;color:#8a8f98;font-weight:400;letter-spacing:0}.plan-grid p,.plan-grid li{font-size:13px;color:#8a8f98}.plan-grid ul{padding-left:17px;margin:30px 0;line-height:2}
/* Stripe reference: ruled broad canvas, rich ribbon, left-aligned light type. */
.concept-potok{--accent:#533afd;--muted:#64748d;--line:#e5edf5;color:#061b31;background:#fff;font-weight:350}.concept-potok .concept-nav{position:relative;z-index:2;max-width:1320px;border-left:1px solid #e5edf5;border-right:1px solid #e5edf5}.concept-potok .concept-brand{font-weight:700;font-size:31px}.concept-potok .control{border-radius:3px;font-weight:450}.stripe-hero{position:relative;isolation:isolate;min-height:635px;border-top:1px solid #e5edf5;overflow:hidden}.stripe-ribbon{position:absolute;inset:0;height:100%;width:100%;z-index:-1;object-fit:cover;object-position:center}.stripe-hero-content{max-width:1160px;margin:auto;padding:110px 32px 100px}.stripe-hero-content .eyebrow{font-size:10px;letter-spacing:.02em;margin-bottom:35px}.stripe-hero h1{font-size:44px;line-height:1.16;letter-spacing:-.035em;font-weight:400;max-width:1000px}.stripe-hero h1>span{color:#50617a}.stripe-hero .hero-actions{margin-top:38px}.stripe-scenarios{display:flex;align-items:center;justify-content:space-around;gap:25px;flex-wrap:wrap;padding:30px;max-width:1320px;margin:auto;border:1px solid #e5edf5;font-size:15px;font-weight:550}.stripe-section{padding-top:95px;padding-bottom:95px;border-left:1px solid #e5edf5;border-right:1px solid #e5edf5}.concept-potok .section-title h2{font-weight:350;font-size:45px}.concept-potok .section-title>p:not(.eyebrow){font-weight:350;font-size:19px}.concept-potok .segments{border-radius:3px;background:#f8fafd}.concept-potok .segments button[aria-pressed=true]{color:#533afd}.payment-preview{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:45px;align-items:center}.payment-preview>div:first-child{max-width:450px}.payment-preview h3{font-size:30px;font-weight:350}.payment-preview p:not(.eyebrow){font-size:16px;color:#64748d;line-height:1.7}.payment-flow{display:flex;align-items:center;gap:25px;list-style:none;padding:20px 0;font-size:12px;border-top:1px solid #e5edf5;margin-top:30px}.payment-flow li:not(:last-child):after{content:'→';margin-left:25px;color:#839bc8}.checkout-surface{padding:30px 35px;border:1px solid #e5edf5;background:#f8fafd;border-radius:4px;max-width:420px;width:100%;justify-self:center}.checkout-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5edf5;padding-bottom:20px}.checkout-header .concept-brand{font-size:24px}.checkout-header small{font-size:10px;color:#64748d}.checkout-surface>p{font-size:12px!important;margin:25px 0 10px}.checkout-surface h4{font-size:22px;font-weight:400}.checkout-surface>strong{display:block;font-size:34px;font-weight:400;margin:15px 0 30px;letter-spacing:-.04em}.checkout-surface label{font-size:11px}.checkout-surface select{font-size:12px;background:#fff}.checkout-surface>.control{width:100%;margin-top:20px}.checkout-status{font-size:11px!important}.stripe-features{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.stripe-features .icon{color:#533afd;width:27px;height:27px}.stripe-features h3{font-size:25px;font-weight:350;margin-top:25px}.stripe-features p{font-size:15px;color:#64748d;line-height:1.7}.rate-calculator{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:30px;padding:35px;background:#f8fafd;border:1px solid #e5edf5;border-radius:4px;align-items:end}.rate-calculator label{font-size:11px}.rate-calculator select,.rate-calculator input{font-size:13px;background:#fff}.rate-calculator>div{padding-left:20px}.rate-calculator>div>span{display:block;font-size:11px;color:#64748d}.rate-calculator strong{display:block;font-size:27px;font-weight:400;letter-spacing:-.04em;margin-top:10px}
/* Steep reference: centered serif title and peripheral live data fragments. */
.concept-mera{--line:#e6e4e3;--muted:#716e70;color:#201e1f;background:#fdfdfc}.concept-mera .concept-nav{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;z-index:2}.concept-mera .concept-brand{font-weight:500;font-size:29px}.concept-mera .control{border-radius:30px}.steep-hero{position:relative;min-height:860px;overflow:hidden;background:radial-gradient(ellipse at 67% 70%,#f8c8b59c 0,transparent 48%),radial-gradient(ellipse at 30% 42%,#e3dcf19e 0,transparent 48%),radial-gradient(ellipse at 10% 10%,#e4effc90 0,transparent 40%),#fdfdfc;display:flex;align-items:center;justify-content:center;padding:150px 28px 220px}.steep-title{text-align:center;max-width:900px;z-index:1}.steep-title h1{font:normal 76px/1.05 Georgia,serif;letter-spacing:-.05em}.steep-title h1 em{font-weight:400}.steep-title>p{font-size:17px;line-height:1.65;margin-top:26px}.steep-title .hero-actions{justify-content:center;margin-top:30px}.floating-metric{position:absolute;padding:22px;background:#ffffffb8;border:1px solid #fff8;box-shadow:0 15px 20px #281a3610;border-radius:16px;font-size:12px;backdrop-filter:blur(5px)}.floating-metric>span{font-size:10px}.floating-metric>strong{font-size:28px;display:block;letter-spacing:-.04em;font-weight:500;margin:8px 0}.floating-metric small{font-size:9px;color:#7b7171;display:block;margin-top:10px}.float-left{left:-50px;top:200px;width:235px;background:#eaf4feb8}.mini-columns{height:60px;display:flex;align-items:end;gap:9px;margin-top:18px}.mini-columns i{height:var(--h);width:18px;background:#377d9d;border-radius:2px}.float-right{right:-30px;top:350px;width:220px;background:#fff0e8d9}.target-ring{display:grid;place-items:center;border-radius:50%;border:3px solid #975e4b;border-left-color:#e0c3b7;width:90px;height:90px;margin:18px auto}.target-ring strong{font-size:24px;letter-spacing:-.04em}.float-bottom{left:12%;bottom:65px;width:220px;transform:rotate(-3deg)}.steep-composer{position:absolute;bottom:100px;left:55%;width:350px;max-width:80%;padding:20px 22px;background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 12px 22px #281a3610;font-size:12px;display:flex;justify-content:space-between;gap:20px;color:#777}.steep-composer span{width:23px;height:23px;border-radius:50%;background:#222;color:#fff;display:grid;place-items:center}.mera-analysis{padding-top:110px;padding-bottom:100px}.concept-mera .section-title h2{font:normal 55px/1.08 Georgia,serif;letter-spacing:-.04em}.analysis-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:25px;border-bottom:1px solid #e6e4e3}.analysis-top>span{font-size:11px;color:#7b7171}.mera-data{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:35px 0}.mera-data article{border-right:1px solid #e6e4e3;padding-right:20px}.mera-data article:last-child{border:0}.mera-data article>span{font-size:12px;color:#7b7171}.mera-data strong{font-size:38px;letter-spacing:-.045em;display:block;font-weight:450;margin:10px 0}.mera-data small{font-size:11px;color:#7b7171}.analysis-chart{background:#f2f2f1;border-radius:20px;padding:30px}.analysis-chart h3{font-size:21px}.analysis-chart p{font-size:11px;color:#716e70;margin:8px 0}.analysis-chart canvas{width:100%;height:280px;display:block}.ask-data{margin-top:35px}.ask-data>label{font-size:12px;margin-bottom:12px}.ask-data>div{display:flex;gap:12px}.ask-data input{flex:1;border-radius:30px;font-size:14px}.ask-data p{font-size:15px;line-height:1.7;max-width:700px}.mera-features{padding-top:70px;padding-bottom:100px;border-top:1px solid #e6e4e3}.mera-pricing{padding-top:75px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #e6e4e3}.mera-pricing h2{font:normal 49px/1.1 Georgia,serif;letter-spacing:-.04em}.mera-pricing>div>span{font-size:13px}.mera-pricing strong{display:block;font-size:32px;font-weight:450;letter-spacing:-.04em;margin:18px 0}.mera-pricing p{font-size:14px;color:#716e70}
/* Apple reference: near-black product exhibition and a compact blue buy path. */
.concept-aura{--line:#303033;--muted:#929297;--input:#202023;background:#000;color:#f5f5f7}.concept-aura .concept-nav{min-height:58px;padding-top:9px;padding-bottom:9px}.concept-aura .concept-brand{font-size:23px;letter-spacing:.05em}.concept-aura .concept-nav nav{font-size:11px;color:#b9b9bd}.concept-aura .control.blue{min-height:34px;padding:7px 20px;font-size:11px}.product-announcement{text-align:center;background:#1d1d1f;color:#e2e2e6;font-size:11px;padding:17px 25px}.product-announcement a{color:#2997ff;margin-left:8px}.aura-hero{padding:0 5% 70px}.aura-product-image{height:530px;display:flex;justify-content:center;overflow:hidden}.aura-product-image img{height:100%;max-width:1050px;object-fit:contain}.aura-hero-caption{max-width:1240px;margin:0 auto;display:flex;align-items:end;justify-content:space-between;gap:50px}.aura-hero-caption>div>p{font-size:24px;font-weight:600;margin:0 0 15px}.aura-hero-caption h1{font-size:56px;font-weight:600;letter-spacing:-.035em;line-height:1.05}.aura-buy{display:flex;align-items:center;gap:25px;padding:14px 15px 14px 25px;border-radius:35px;background:#252527}.aura-buy>span{font-size:14px;font-weight:500;white-space:nowrap}.aura-buy small{font-size:10px;color:#b8b8bd;display:block;margin-top:4px;font-weight:400}.aura-buy>.control.blue{min-height:40px;font-size:12px}.aura-story{padding-top:120px;padding-bottom:100px;border-top:1px solid #19191b}.aura-story>.eyebrow{color:#86868b;font-size:11px}.aura-story h2{font-size:72px;font-weight:600;line-height:1.02}.aura-story h2>span{color:#86868b}.aura-story-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;margin-top:60px}.aura-detail-image{height:500px;overflow:hidden;background:#090909;border-radius:28px}.aura-detail-image img{height:100%;object-fit:cover;transform:scale(1.3);object-position:55% center}.aura-story-grid h3{font-size:36px;font-weight:600}.aura-story-grid p{font-size:17px;line-height:1.7;color:#929297}.concept-aura .segments{display:flex;border-radius:35px;padding:4px;border-color:#424245;flex-wrap:wrap;margin-top:30px}.concept-aura .segments .control{border-radius:30px;color:#929297;font-size:11px;flex:1;white-space:nowrap}.concept-aura .segments .control[aria-pressed=true]{background:#d5d5da;color:#1d1d1f}.aura-story-grid #sound-description{font-size:13px}.aura-specs{padding-top:100px;padding-bottom:100px;border-top:1px solid #252527}.aura-specs h2{font-size:64px;font-weight:600}.aura-spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:60px}.aura-spec-grid article{background:#171719;border-radius:28px;padding:40px 30px}.aura-spec-grid strong{font-size:40px;font-weight:550;letter-spacing:-.04em}.aura-spec-grid p{font-size:16px;color:#929297}.aura-compare{padding-top:70px;padding-bottom:110px}.aura-compare h2{font-size:56px;font-weight:600;margin-bottom:60px}.aura-compare>.control{margin-top:35px;min-height:45px!important;font-size:13px!important}.product-dialog{background:var(--dialog,#fff);color:var(--dialog-ink,#18191c);border:1px solid #89898b40;border-radius:20px;padding:45px 35px;width:440px;max-width:calc(100% - 32px);box-shadow:0 30px 70px #0005;max-height:calc(100dvh - 30px);overflow:auto}.product-dialog::backdrop{background:#08090ab3}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:transparent;display:grid;place-items:center;width:40px;height:40px}.product-dialog h2{font-size:34px;margin-bottom:30px}.product-dialog>label{margin:18px 0;font-size:12px}.product-dialog select,.product-dialog input{font-size:13px;background:transparent;min-height:44px}.product-total{display:flex;align-items:center;justify-content:space-between;margin:28px 0;border-top:1px solid #8884;padding-top:25px}.product-total>span{font-size:12px}.product-total strong{font-size:27px;letter-spacing:-.04em}.product-dialog>.control{width:100%}.product-dialog>p:last-child{font-size:12px;line-height:1.6}.concept-aura .product-dialog{--dialog:#171719;--dialog-ink:#f5f5f7;--accent:#0071e3}.concept-aura .product-dialog select option{background:#171719}
/* teenage engineering reference: the product fills the image plane. */
.concept-takt{--accent:#eb6b29;--on-accent:#171719;--line:#d8dbdc;--muted:#63676a;background:#f6f8f7;font-weight:350}.concept-takt .concept-nav{max-width:none;border-bottom:1px solid #d8dbdc;padding:20px 4%}.concept-takt .concept-brand{font-weight:450;font-size:30px;letter-spacing:-.05em}.concept-takt .concept-nav nav{font-size:12px}.concept-takt .control{border-radius:0;font-weight:350}.takt-hero{height:650px;position:relative;background:#e5e7e9;overflow:hidden}.takt-hero>img{height:100%;object-fit:cover;object-position:center 48%}.takt-hero>div{position:absolute;bottom:0;left:0;right:0;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;font:10px ui-monospace,monospace;color:#303335;gap:20px;background:#e5e7e9b0}.takt-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:90px;padding-bottom:90px;border-bottom:1px solid #d8dbdc}.takt-intro h1{font-size:52px;font-weight:350}.takt-intro>p{font-size:17px;font-weight:300;line-height:1.7;margin:0;max-width:480px}.takt-catalog{padding-top:80px;padding-bottom:80px}.takt-catalog h2{font-size:35px;font-weight:350}.takt-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.takt-product-grid article{min-width:0}.takt-product-grid img{height:330px;object-fit:cover;background:#e5e7e9;object-position:center}.takt-product-grid .takt-crop{object-position:right;transform-origin:right;object-fit:cover;clip-path:inset(0)}.takt-product-grid article:nth-child(2){overflow:hidden}.takt-product-grid article:nth-child(2) img{object-fit:cover;object-position:100%;width:150%;max-width:none;margin-left:-50%}.takt-product-grid article>span{display:block;margin-top:20px;font-size:13px;font-weight:350}.takt-product-grid p{font-size:12px;color:#63676a;margin:8px 0}.takt-product-grid a,.takt-product-grid .text-control{font-size:12px}.takt-instrument{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;padding-top:90px;padding-bottom:90px;border-top:1px solid #d8dbdc}.takt-instrument h2{font-size:50px;font-weight:350}.takt-instrument p:not(.eyebrow){font-size:14px;color:#63676a;line-height:1.8;max-width:380px}.sequencer{border:1px solid #bfc3c5;background:#e3e6e7;padding:25px;box-shadow:0 8px 0 #ced2d4;border-radius:3px}.sequencer-head{display:flex;justify-content:space-between;gap:20px;font:10px ui-monospace,monospace;color:#525658;margin-bottom:30px}.pad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pad-grid button{aspect-ratio:1.1;background:#d1d5d7;border:1px solid #abb1b5;box-shadow:inset 0 2px 1px #fff5,0 3px 0 #b1b8bc;border-radius:4px;font:11px ui-monospace,monospace;color:#646c71;text-align:left;padding:12px;min-width:0}.pad-grid button[aria-pressed=true]{background:#eef0f0;color:#242628;box-shadow:inset 0 0 0 1px #f9f9f9,0 3px 0 #b1b8bc}.pad-grid button.is-step{border-color:#eb6b29;box-shadow:inset 0 0 0 2px #eb6b29}.sequencer-controls{margin-top:30px;display:flex;justify-content:space-between;gap:30px;align-items:center}.sequencer-controls label{font-size:10px}.sequencer-controls input{width:140px}.sequencer-controls label>span{font-size:10px}.takt-bundle{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:90px;padding-bottom:100px;border-top:1px solid #d8dbdc}.takt-bundle h2{font-weight:350}.takt-bundle p{font-size:16px;line-height:1.7;color:#63676a;max-width:400px}.takt-bundle strong{display:block;font-size:30px;font-weight:350;margin:30px 0}.concept-takt .product-dialog{border-radius:0;background:#f6f8f7}
/* Vanmoof reference: cinematic close-up, enormous model number, floating nav. */
.concept-hod{--line:#d9d9da;--muted:#666;background:#fff;color:#222}.hod-announcement{text-align:center;min-height:42px;font-size:11px;display:flex;gap:20px;align-items:center;justify-content:center;padding:10px 20px}.hod-announcement a{font-weight:500}.hod-hero{height:770px;min-height:600px;margin:0 8px;position:relative;color:#fff;overflow:hidden;border-radius:0 0 8px 8px}.hod-hero>img{height:100%;object-fit:cover;object-position:center}.hod-nav{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:550px;max-width:calc(100% - 40px);height:58px;border:1px solid #ffffff2b;background:#171717e8;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-radius:2px;font-size:11px}.hod-nav .concept-brand{font-size:23px;font-weight:450;letter-spacing:.1em;border:1px solid #fff;border-radius:30px;padding:3px 18px}.hod-nav .text-control{font-size:11px;color:#fff}.hod-title{position:absolute;left:8%;right:8%;top:35%;display:flex;justify-content:space-between;align-items:center;gap:50px}.hod-title h1{font-size:240px;line-height:1;font-weight:400;letter-spacing:-.085em}.hod-title>div{max-width:230px}.hod-title p{font-size:16px;font-weight:500;line-height:1.5}.hod-title>div>a{display:inline-block;margin-top:10px;font-size:12px;border-bottom:1px solid #fff7;padding-bottom:8px}.hod-reserve{position:absolute;right:5%;bottom:30px;color:#fff;background:transparent;border:0;padding:15px;font-size:12px;min-height:44px}.hod-intro{padding-top:100px;padding-bottom:90px}.hod-intro .section-title{max-width:800px}.hod-intro h2{font-size:62px;font-weight:400}.hod-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid #d9d9da;padding-top:45px;margin-top:60px}.hod-specs strong{font-size:36px;font-weight:400;letter-spacing:-.05em}.hod-specs p{font-size:12px;color:#666;margin:12px 0}.hod-detail{position:relative;margin:0 8px;min-height:600px;overflow:hidden;border-radius:8px}.hod-detail>img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:15% center}.hod-detail>div{position:relative;color:#fff;margin-left:auto;padding:150px 8%;width:50%;min-height:600px;background:#0002}.hod-detail h2{font-size:50px}.hod-detail p:not(.eyebrow){font-size:16px;line-height:1.7}.hod-config{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:100px;padding-bottom:100px}.hod-config h2{font-size:58px;font-weight:400}.hod-config>div>label{font-size:12px}.hod-config input{width:100%;margin-top:20px}.hod-config>div>strong{font-size:26px;font-weight:400;display:block;margin-top:20px}.hod-config>div>p{font-size:13px;color:#666;max-width:360px}.hod-price{padding:25px 0;border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:25px 0 10px}.hod-price strong{font-size:25px;font-weight:400}.concept-hod .control{border-radius:2px}.concept-hod .product-dialog{border-radius:8px}
/* Mercury reference: 236 px rail, broad continuous chart, quiet surfaces. */
.dashboard-shell{--accent:#7976d9;--line:#ebebef;--muted:#7c7d85;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100dvh;background:#fff}.dashboard-sidebar{display:flex;flex-direction:column;padding:24px 18px;background:#fafbfe;border-right:1px solid var(--line);min-width:0}.dashboard-sidebar>.concept-brand{font-size:25px;margin:4px 12px 35px;font-weight:500}.dashboard-sidebar nav{display:grid;gap:5px}.dashboard-sidebar nav>button{border:0;border-radius:6px;padding:11px 12px;display:flex;align-items:center;gap:12px;background:transparent;text-align:left;font-size:12px;min-height:40px;color:inherit}.dashboard-sidebar nav>button[aria-pressed=true]{background:var(--selected,#f0f0f7);color:var(--selected-ink,#5a5794)}.dashboard-sidebar .icon{width:15px;height:15px;color:var(--muted)}.dashboard-account{display:flex;gap:10px;align-items:center;margin-top:auto;padding:40px 5px 0;font-size:10px}.dashboard-account small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.dashboard-body{min-width:0}.dashboard-header{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);min-height:70px;padding:12px 30px;font-size:11px}.dashboard-header>.person{margin-left:auto}.dashboard-header>span:not(.person){white-space:nowrap;color:#777}.dashboard-search{display:flex;flex-direction:row;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;padding:0 12px;max-width:650px;flex:1}.dashboard-search .icon{width:15px;height:15px;color:#8c8d93}.dashboard-search input{font-size:12px;border:0;background:transparent;width:100%;min-height:34px;padding:8px 0}.dashboard-content{padding:28px 30px 60px}.dashboard-title{display:flex;align-items:center;gap:15px}.dashboard-title h1{font-size:29px;font-weight:450;letter-spacing:-.04em}.small-badge{font-size:9px;background:#e8f1f4;color:#708792;padding:3px 6px;border-radius:3px}.balance-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:22px}.balance-toolbar>label{font-size:0}.balance-toolbar>label>select{font-size:11px;min-height:34px;padding:7px 10px;background:#fafafa}.balance-toolbar .segments{background:#fafbfc;border-color:#e8e9ed;padding:2px}.balance-toolbar .segments>.control{min-height:28px;padding:5px 15px;font-size:11px}.balance-timeline{display:flex;justify-content:space-around;gap:25px;padding:28px 0 15px;border-bottom:1px solid var(--line);font-size:10px;color:#a2a3ab;margin-top:5px}.balance-timeline .active{background:#ededff;color:#7774cf;border:1px solid #c8c6ee;padding:5px 35px;margin:-5px -35px;border-radius:4px}.balance-totals{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px;padding-top:30px}.balance-totals>div>span{font-size:12px;color:#8c8c94;display:block}.balance-totals strong{font-size:27px;font-weight:450;letter-spacing:-.04em;display:block;margin:8px 0;white-space:nowrap}.balance-totals>div:first-child strong{font-size:40px;letter-spacing:-.055em}.balance-chart{margin-top:15px}.balance-chart canvas{height:300px;width:100%;display:block}.chart-legend{display:flex;align-items:center;justify-content:center;gap:25px;font-size:9px;color:#8b89a9;padding-top:5px}.chart-legend>span:last-child{color:#bd8d9e}.balance-breakdown{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}.balance-breakdown h2{font-size:17px;font-weight:500;letter-spacing:-.02em}.balance-breakdown>div>p{font-size:11px;color:#777;line-height:1.7}.balance-breakdown>div:first-child>p{display:grid;grid-template-columns:100px 1fr 30px;gap:20px;align-items:center;margin:20px 0}.balance-breakdown p>strong{font-weight:400;font-size:10px}.balance-planning>span{display:block;font-size:28px;color:#18191c;margin-top:12px;letter-spacing:-.04em}.balance-breakdown .control{font-size:11px;padding:8px 14px;min-height:34px;margin-top:10px}#balance-transactions{margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}#balance-transactions h2{font-size:20px}#balance-transactions .control{font-size:11px;min-height:34px;padding:8px 15px}.transaction-table{overflow:auto}.transaction-table table,.commerce-table table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;white-space:nowrap}.transaction-table th,.commerce-table th{font-size:10px;font-weight:450;color:#8c8c94;border-bottom:1px solid var(--line);padding:12px 14px 12px 0}.transaction-table td,.commerce-table td{border-bottom:1px solid var(--line);padding:17px 15px 17px 0}.transaction-table td>strong{font-size:11px;font-weight:450}.transaction-table td small{display:block;font-size:9px;color:#92929a;margin-top:5px}.transaction-table td:last-child{text-align:right}.positive{color:#4d8b78}.balance-accounts{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.balance-accounts article{padding:25px;border:1px solid var(--line);border-radius:8px}.balance-accounts span,.balance-accounts small{font-size:12px;color:#888}.balance-accounts strong{display:block;font-size:36px;font-weight:400;margin:18px 0}.balance-extra h1{font-size:32px}.balance-extra>p{font-size:14px;color:#777}
/* Monarch reference: dark, compact 2×2 information field. */
.reserve-shell{--line:#373632;--muted:#94938a;--input:#252522;--selected:#2c2c29;--selected-ink:#fff;--accent:#fa7849;color:#eaeae8;background:#1a1a17;grid-template-columns:205px minmax(0,1fr)}.reserve-shell .dashboard-sidebar{background:#1a1a17;border:0;padding:26px 15px}.reserve-shell .dashboard-sidebar>.concept-brand{color:#f8865d;font-weight:450;font-size:29px;margin-bottom:35px}.reserve-shell .dashboard-sidebar .icon{color:#ddd;width:18px;height:18px}.reserve-shell .dashboard-sidebar nav>button{font-size:13px;gap:14px;min-height:47px;padding:13px}.reserve-shell .dashboard-account{color:#b6b6b0}.reserve-shell .person{background:#3c3d37;color:#d5d6ce}.reserve-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 25px 22px}.reserve-header h1{font-size:21px;font-weight:550;letter-spacing:-.025em}.reserve-header .control{font-size:11px;background:#252522;color:#e0e0dc;min-height:36px;padding:8px 15px}.reserve-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:17px;padding:0 25px 40px 0}.reserve-card{background:#242421;border:1px solid #2c2c28;box-shadow:0 3px 5px #0002;border-radius:9px;overflow:hidden}.reserve-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 20px 17px;border-bottom:1px solid #30302b}.reserve-card h2{font-size:17px;letter-spacing:-.02em;font-weight:550}.reserve-card h2>span{color:#8a897f;font-weight:400;font-size:14px;margin-left:5px;white-space:nowrap}.reserve-card>header>span{font-size:12px;color:#a5a398;white-space:nowrap}.reserve-card select{font-size:10px;min-height:33px;max-width:130px;padding:6px 9px;background:#242421}.budget-card #budget-categories{padding:0 22px}.budget-card #budget-categories>article{border-bottom:1px solid #30302b;padding:23px 0}.budget-card #budget-categories>article>div{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#96958b}.budget-card #budget-categories>article h3{font-size:15px;font-weight:450;letter-spacing:-.02em;color:#d9d9d2}.budget-card #budget-categories>article strong{font-size:12px;color:#deded8;font-weight:500}.budget-card progress{margin:18px 0 13px;height:7px}.budget-card progress::-webkit-progress-bar{background:#3a3b32}.budget-card progress::-webkit-progress-value{background:#ed5e5f}.budget-card .text-control{font-size:10px;margin:8px 22px;color:#a7a69b}.reserve-card canvas{display:block;width:100%;height:255px;padding:15px 10px 0}.reserve-card .chart-legend{font-size:9px;padding:4px 10px 22px}.reserve-card .chart-legend>span{color:#999a92}.reserve-card .chart-legend>span:last-child{color:#fb804b}.reserve-worth>header>span{color:#5ecc94;font-size:15px;font-weight:550}.reserve-worth p{font-size:10px;color:#a3a296;padding:0 22px 10px}.reserve-operations>header h2{font-size:15px}.reserve-operations>header h2>span{font-size:12px}.reserve-operations>header{gap:10px}.reserve-operations>header select{max-width:120px}.reserve-operations #reserve-transactions>article{display:flex;align-items:center;gap:13px;border-bottom:1px solid #30302b;padding:17px 18px}.operation-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #44443b;border-radius:50%;color:#999a8e;flex-shrink:0}.operation-icon .icon{width:14px;height:14px}.reserve-operations article>div{flex:1;min-width:0}.reserve-operations article strong{font-size:11px;font-weight:450;display:block}.reserve-operations article small{font-size:9px;color:#99988d;display:block;margin-top:4px}.reserve-operations article>b{font-size:12px;white-space:nowrap;font-weight:450}.reserve-goal{grid-column:1/-1;padding-bottom:20px}.reserve-goal>strong{display:block;font-size:28px;letter-spacing:-.04em;font-weight:450;margin:25px 22px}.reserve-goal>strong>small{font-size:14px;color:#a2a194}.reserve-goal>progress{display:block;width:calc(100% - 44px);margin:0 22px;height:7px}.reserve-goal>progress::-webkit-progress-bar{background:#3a3b32}.reserve-goal>progress::-webkit-progress-value{background:#59c891}.reserve-goal>div{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 22px 0}.reserve-goal p{font-size:12px;color:#a2a194;margin:0}.reserve-goal .control{font-size:11px;min-height:34px;padding:8px 14px}.reserve-customize{margin:0 25px 20px 0;padding:20px;border:1px solid #373632;border-radius:7px;display:flex;gap:35px;font-size:11px}.reserve-customize label{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:12px}.reserve-customize>span{color:#97968a;font-size:10px}#budget-form{display:flex;align-items:end;gap:15px;padding:15px 22px 25px}#budget-form input{width:160px;max-width:100%;font-size:12px}#budget-form .control{font-size:11px}.reserve-status{font-size:12px;color:#aaa;padding:0 25px}.reserve-shell .positive{color:#65c992}
/* Shopify reference: dark utility bar, grey rail, metrics left and globe right. */
.commerce-shell{--line:#dedede;--muted:#707070;background:#f1f1f1;min-height:100dvh;color:#303030;font-size:13px}.commerce-top{background:#1a1a1a;color:#fff;display:flex;align-items:center;gap:20px;min-height:65px;padding:12px 25px}.commerce-top .concept-brand{font-size:28px;color:#fff;font-weight:700;font-style:italic;letter-spacing:-.055em;margin-right:65px}.commerce-top label{display:flex;align-items:center;flex-direction:row;gap:12px;background:#303030;border:1px solid #484848;border-radius:10px;max-width:650px;flex:1;padding:0 14px}.commerce-top label input{background:transparent;border:0;color:#e7e7e7;width:100%;min-height:35px;padding:8px 0;font-size:13px}.commerce-top label input::placeholder{color:#b3b3b3}.commerce-top label .icon{color:#b3b3b3;width:16px;height:16px}.commerce-top>.person{margin-left:auto;background:#a4ee7a;color:#24521b;border-radius:8px;width:32px;height:32px;font-size:11px}.commerce-top>span:last-child{font-size:12px;white-space:nowrap}.commerce-layout{display:grid;grid-template-columns:220px minmax(0,1fr)}.commerce-layout .dashboard-sidebar{background:#ebebeb;border:0;min-height:calc(100dvh - 65px);padding-top:20px}.commerce-layout .dashboard-sidebar>.concept-brand{font-size:13px;letter-spacing:0;margin:5px 12px 25px;font-weight:550}.commerce-layout .dashboard-sidebar nav>button{font-size:12px;padding:10px 14px;font-weight:500;min-height:39px}.commerce-layout .dashboard-sidebar nav>button[aria-pressed=true]{background:#fff;color:#222;box-shadow:0 1px 2px #0000000a}.commerce-layout .dashboard-sidebar .icon{color:#585858;width:17px;height:17px;stroke-width:2}.commerce-main{position:relative;min-width:0;padding:30px 35px 60px;overflow:hidden}.commerce-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:1}.commerce-heading>div{display:flex;align-items:center;gap:18px}.commerce-heading h1{font-size:26px;font-weight:550;letter-spacing:-.035em}.commerce-heading p{font-size:11px;color:#777;margin:0}.commerce-heading>label{font-size:0}.commerce-heading select{font-size:11px;background:#fff;border-radius:8px;min-height:38px}.commerce-map{position:absolute;width:70%;height:720px;right:-8%;top:70px;pointer-events:none;mix-blend-mode:multiply}.commerce-map>img{height:100%;object-fit:contain;object-position:top}.map-label{position:absolute;left:48%;top:35%;padding:6px 12px;color:#27685e;background:#ffffffe8;border:1px solid #98c4bc;border-radius:6px;font-size:10px;box-shadow:0 5px 20px #0001}.commerce-data{position:relative;z-index:1;width:49%;padding-top:55px;max-width:520px;min-width:380px}.commerce-kpis{display:grid;grid-template-columns:1fr 1fr;gap:15px}.commerce-kpis article{background:#fff;border:1px solid #dedede;border-radius:12px;padding:18px 20px;box-shadow:0 2px 3px #00000008;min-width:0}.commerce-kpis article>span{font-size:11px}.commerce-kpis strong{display:block;font-size:23px;font-weight:500;margin:10px 0;letter-spacing:-.035em;white-space:nowrap}.commerce-kpis small{font-size:9px;color:#777}.commerce-panel{background:#fff;border:1px solid #dedede;border-radius:12px;padding:22px;margin-top:18px;box-shadow:0 2px 3px #00000008}.commerce-panel h2{font-size:15px;font-weight:550;letter-spacing:-.02em}.city-rows{margin-top:15px}.city-rows button{display:grid;grid-template-columns:1fr auto;gap:9px;text-align:left;width:100%;border:0;padding:12px 0;background:transparent;font-size:11px}.city-rows strong{font-size:10px;font-weight:450}.city-rows i{display:block;width:var(--city);height:4px;border-radius:3px;background:#9dcbbd;grid-column:1/-1}.commerce-funnel{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.commerce-funnel>div{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.commerce-funnel>div>strong{width:45px;height:45px;border-radius:50%;background:#e6e2fa;color:#5b5a7f;display:grid;place-items:center;font-size:17px;font-weight:400;box-shadow:inset 0 0 12px #c1b9ed}.commerce-funnel>div:nth-child(2)>strong{background:#d5f1f7;color:#457480;box-shadow:inset 0 0 12px #acd9e3}.commerce-funnel>div:nth-child(3)>strong{background:#e4f3df;color:#5e7c4f;box-shadow:inset 0 0 12px #c4deb9}.commerce-funnel span{font-size:9px;margin-top:12px}.commerce-table{background:#fff;padding:0 20px;border:1px solid #dedede;border-radius:12px;overflow:auto}.commerce-table table{font-size:12px}.commerce-table th{color:#6e6e6e}.commerce-table td:last-child{color:#6e7560}.commerce-main .section-head h1{font-size:30px}.commerce-main .control.black{border-radius:7px;min-height:35px;padding:8px 14px;font-size:11px}.empty-state{padding:30px;font-size:13px;color:var(--muted,#777)}
/* Responsive compositions preserve each reference's hierarchy, not a scaled screenshot. */
@media(min-width:1700px){.aura-product-image{height:610px}.hod-hero{height:850px}}
@media(max-width:1150px){.smena-workspace{grid-template-columns:160px minmax(0,1fr) 180px}.workspace-properties{padding:5px 13px}.workspace-heading{padding-left:15px;padding-right:15px}.task-list>button{grid-template-columns:40px 8px 1fr}.task-list small{display:none}.linear-hero h1{font-size:58px}.linear-hero{padding-top:110px}.float-left{left:-100px}.float-right{right:-95px}.steep-title h1{font-size:68px}.aura-hero-caption h1{font-size:48px}.aura-buy{gap:15px}.aura-buy small{max-width:180px;white-space:normal}.aura-product-image{height:480px}.dashboard-shell{grid-template-columns:185px minmax(0,1fr)}.dashboard-sidebar{padding:24px 12px}.dashboard-content{padding:25px}.balance-totals{gap:25px}.balance-totals>div:first-child strong{font-size:32px}.balance-totals strong{font-size:23px}.reserve-shell{grid-template-columns:170px minmax(0,1fr)}.reserve-header{padding:25px 20px}.reserve-header h1{font-size:18px}.reserve-grid{padding-right:20px;gap:14px}.reserve-card>header{padding:18px 15px;gap:10px;flex-wrap:wrap}.reserve-card h2{font-size:15px}.reserve-card h2>span{font-size:12px}.reserve-card canvas{height:235px}.reserve-operations #reserve-transactions>article{padding:15px 12px;gap:8px}.reserve-operations article strong{font-size:10px}.reserve-operations article>b{font-size:10px}.budget-card #budget-categories{padding:0 16px}.commerce-layout{grid-template-columns:175px minmax(0,1fr)}.commerce-main{padding:25px}.commerce-top .concept-brand{margin-right:30px}.commerce-heading>div{display:block}.commerce-heading p{margin-top:10px}.commerce-data{width:52%;min-width:320px}.commerce-kpis article{padding:16px}.commerce-kpis strong{font-size:20px}.commerce-map{width:78%;right:-20%}}
@media(max-width:850px){.concept-nav{gap:20px;padding-left:24px;padding-right:24px}.concept-nav nav{gap:18px;font-size:12px}.concept-nav>.control{font-size:11px;padding:8px 14px}.page-width{padding-left:25px;padding-right:25px}.linear-hero h1{font-size:50px}.linear-sub{align-items:start;flex-direction:column;margin-bottom:45px}.smena-workspace{grid-template-columns:145px minmax(0,1fr)}.workspace-properties{display:none}.linear-features{grid-template-columns:1fr}.linear-features article{padding:30px}.linear-features article .mini-task,.linear-features article .release-progress{max-width:450px}.feature-section{padding-top:90px}.workflow-section{gap:35px}.workflow-section h2{font-size:36px}.pricing-section h2{font-size:40px}.plan-grid article{padding:25px}.stripe-hero-content{padding-top:100px;padding-bottom:80px}.stripe-hero h1{font-size:36px}.payment-preview{gap:35px}.payment-preview h3{font-size:26px}.checkout-surface{padding:25px}.stripe-features{gap:30px}.stripe-features h3{font-size:22px}.rate-calculator{gap:20px;padding:25px;grid-template-columns:1fr 1fr}.rate-calculator>div{grid-column:1/-1;padding:10px 0 0}.steep-title h1{font-size:58px}.steep-title>p{font-size:15px}.float-left{left:-150px}.float-right{right:-150px}.float-bottom{left:5%;width:180px;padding:18px}.steep-composer{left:auto;right:5%;width:310px}.mera-data strong{font-size:30px}.mera-pricing h2{font-size:40px}.mera-pricing{gap:35px}.aura-product-image{height:440px}.aura-hero-caption{align-items:start;flex-direction:column;gap:30px}.aura-hero-caption h1{font-size:51px}.aura-buy{padding:12px 15px 12px 22px}.aura-buy small{max-width:none;white-space:nowrap}.aura-story{padding-top:85px}.aura-story h2{font-size:57px}.aura-story-grid{gap:35px}.aura-detail-image{height:400px}.aura-story-grid h3{font-size:30px}.aura-story-grid p{font-size:15px}.aura-specs h2{font-size:53px}.aura-spec-grid{gap:16px}.aura-spec-grid article{padding:30px 20px}.aura-spec-grid strong{font-size:31px}.aura-spec-grid p{font-size:13px}.takt-hero{height:520px}.takt-intro{gap:40px}.takt-intro h1{font-size:43px}.takt-intro>p{font-size:15px}.takt-product-grid img{height:260px}.takt-instrument{gap:35px;grid-template-columns:1fr 1fr}.takt-instrument h2{font-size:41px}.sequencer{padding:20px}.sequencer-head{font-size:8px;gap:10px}.sequencer-controls{gap:15px}.sequencer-controls input{width:100px}.takt-bundle{gap:40px}.hod-title h1{font-size:200px}.hod-title p{font-size:14px}.hod-intro h2{font-size:52px}.hod-specs strong{font-size:29px}.hod-detail>div{width:60%}.hod-detail h2{font-size:40px}.hod-config{gap:40px}.hod-config h2{font-size:48px}.dashboard-shell{grid-template-columns:155px minmax(0,1fr)}.dashboard-sidebar{padding:24px 10px}.dashboard-sidebar>.concept-brand{font-size:24px;margin-left:10px}.dashboard-sidebar nav>button{font-size:11px;padding:10px;gap:10px}.dashboard-account{font-size:9px;gap:6px}.dashboard-account small{font-size:8px}.dashboard-header{padding:12px 20px;gap:15px}.dashboard-header>span:not(.person){display:none}.dashboard-content{padding:25px 20px}.balance-toolbar{gap:15px;flex-wrap:wrap}.balance-totals{gap:18px}.balance-totals strong{font-size:19px}.balance-totals>div:first-child strong{font-size:27px}.balance-totals>div>span{font-size:10px}.balance-breakdown{gap:30px}.balance-breakdown>div:first-child>p{grid-template-columns:75px 1fr 25px;gap:10px}.reserve-shell{grid-template-columns:145px minmax(0,1fr)}.reserve-shell .dashboard-sidebar nav>button{font-size:11px;padding:10px;gap:10px;min-height:42px}.reserve-grid{grid-template-columns:1fr;padding-left:10px}.reserve-header{padding-left:10px;align-items:start;gap:20px}.reserve-header h1{font-size:17px;max-width:250px}.reserve-header .control{font-size:10px;padding:6px 10px;min-height:34px;white-space:nowrap}.reserve-card>header{flex-wrap:nowrap}.reserve-card canvas{height:270px}.reserve-customize{margin-left:10px}.commerce-layout{grid-template-columns:150px minmax(0,1fr)}.commerce-layout .dashboard-sidebar nav>button{font-size:11px;padding:10px}.commerce-main{padding:25px 20px}.commerce-top{padding:12px 20px}.commerce-top .concept-brand{margin-right:15px;font-size:25px}.commerce-data{width:65%;min-width:300px}.commerce-map{width:95%;right:-35%;height:650px}.commerce-heading{gap:15px}.commerce-heading h1{font-size:24px}.commerce-heading p{font-size:10px}.commerce-heading select{font-size:10px;padding:8px;min-width:110px}}
@media(max-width:600px){html{scroll-padding-top:20px}h1{font-size:40px}h2{font-size:34px}.concept-nav{padding:16px 20px;gap:15px;flex-wrap:wrap;min-height:68px}.concept-nav .concept-brand{font-size:25px;margin-right:auto}.concept-nav nav{order:3;width:100%;justify-content:space-between;font-size:12px;margin:8px 0 0;gap:15px;border-top:1px solid #8882;padding-top:7px}.concept-nav nav a{min-height:35px}.concept-nav>.control{font-size:11px;padding:8px 13px;min-height:36px}.page-width{padding-left:22px;padding-right:22px}.eyebrow{font-size:9px;margin-bottom:20px}.concept-footer{padding:35px 22px;gap:20px;flex-wrap:wrap}.concept-footer>.concept-brand{font-size:24px}.concept-footer>span{order:3;width:100%;font-size:11px}.concept-footer>a:last-child{font-size:11px;margin-left:auto}.hero-actions{gap:20px;flex-wrap:wrap;font-size:12px;margin-top:25px}.control{min-height:44px;font-size:12px;padding:12px 17px}.section-title{margin-bottom:32px}.section-title>p:not(.eyebrow){font-size:15px;margin-top:20px}.three-columns{grid-template-columns:1fr;gap:25px}.three-columns h3{font-size:23px}.three-columns p{font-size:14px;margin:15px 0 0}.segments{max-width:100%}.segments .control{padding:9px 12px;min-height:38px;font-size:11px}.concept-smena .concept-nav{padding:17px 22px}.linear-hero{padding-top:65px}.linear-hero h1{font-size:40px;line-height:1.08;letter-spacing:-.04em}.linear-hero h1 br{display:none}.linear-sub{gap:20px;margin:22px 0 40px}.linear-sub p{font-size:13px;line-height:1.7}.linear-sub p br{display:none}.linear-sub>a{font-size:11px}.smena-workspace{grid-template-columns:minmax(0,1fr);min-height:0;border-radius:8px}.smena-workspace>aside:first-child{display:none}.workspace-toolbar{padding:14px;font-size:9px;gap:12px}.workspace-heading{padding:22px 14px 15px;gap:10px}.workspace-heading h3{font-size:16px;max-width:175px}.workspace-heading .control{font-size:10px;padding:7px 10px;min-height:32px;white-space:nowrap}.task-list{padding:0 8px}.task-list>button{grid-template-columns:40px 8px minmax(0,1fr);gap:7px;padding:12px 7px}.task-list strong{font-size:11px}.task-code{font-size:8px}.task-detail{padding:25px 20px}.task-detail h4{font-size:21px}.task-detail>p:not(.mono){font-size:12px;line-height:1.8}.task-activity{gap:10px}.task-activity small{margin-left:0;display:block;margin-top:3px}.task-checks label{font-size:10px}.feature-section{padding-top:70px;padding-bottom:60px}.feature-section h2{font-size:33px}.linear-features article{padding:26px 22px}.linear-features h3{font-size:23px}.workflow-section{padding-top:55px;padding-bottom:55px;grid-template-columns:1fr;gap:10px}.workflow-section h2{font-size:35px}.workflow-section p{font-size:14px;line-height:1.8}.pricing-section{padding-top:55px;padding-bottom:65px}.pricing-section h2{font-size:33px}.plan-grid{grid-template-columns:1fr;gap:20px}.plan-grid h3{font-size:34px}.plan-grid h3 small{display:block;letter-spacing:0;font-size:11px;margin-top:10px}.stripe-hero{min-height:625px}.stripe-ribbon{opacity:.6;object-position:70% center}.stripe-hero-content{padding:70px 22px 60px}.stripe-hero-content .eyebrow{max-width:240px;font-size:9px;line-height:1.6;margin-bottom:30px}.stripe-hero h1{font-size:32px;line-height:1.18;letter-spacing:-.04em}.stripe-hero h1 br{display:none}.stripe-hero .hero-actions{align-items:start;flex-direction:column;gap:12px;margin-top:30px}.stripe-scenarios{justify-content:start;padding:25px 22px;gap:20px 30px;font-size:12px}.stripe-section{padding-top:65px;padding-bottom:60px;border-left:0;border-right:0}.concept-potok .section-title h2{font-size:36px}.concept-potok .section-title>p:not(.eyebrow){font-size:15px}.payment-preview{grid-template-columns:1fr;gap:30px;margin-top:30px}.payment-preview h3{font-size:28px}.payment-preview p:not(.eyebrow){font-size:14px}.payment-flow{gap:16px;font-size:11px}.payment-flow li:not(:last-child):after{margin-left:16px}.checkout-surface{padding:25px;max-width:none}.checkout-surface h4{font-size:22px}.checkout-surface>strong{font-size:34px}.stripe-features{grid-template-columns:1fr;gap:35px}.stripe-features h3{font-size:25px;margin-top:16px}.stripe-features p{font-size:14px;line-height:1.7;max-width:350px}.rate-calculator{grid-template-columns:1fr;padding:25px;gap:25px}.rate-calculator>div{grid-column:1}.concept-mera .concept-nav{position:relative;left:0;transform:none;background:#f9f9f8}.steep-hero{min-height:760px;padding:90px 22px 230px;align-items:start}.steep-title{max-width:100%}.steep-title h1{font-size:45px;line-height:1.08;letter-spacing:-.055em}.steep-title h1 br:first-child{display:none}.steep-title p{font-size:14px;line-height:1.75;margin-top:23px}.steep-title p br{display:none}.steep-title .hero-actions{gap:18px;font-size:12px}.steep-title .control{padding:11px 16px;min-height:42px}.float-left{top:auto;bottom:35px;left:-40px;width:180px;padding:20px}.float-right{top:auto;bottom:45px;right:-55px;width:185px;padding:20px}.float-bottom{display:none}.floating-metric small{font-size:8px}.floating-metric>span{font-size:9px}.floating-metric>strong{font-size:25px}.target-ring{width:65px;height:65px;margin:12px auto}.target-ring strong{font-size:21px}.steep-composer{width:230px;max-width:90%;bottom:195px;right:auto;left:50%;transform:translateX(-50%);padding:16px;font-size:10px}.mera-analysis{padding-top:65px;padding-bottom:60px}.concept-mera .section-title h2{font-size:39px}.analysis-top{align-items:start;flex-direction:column;gap:18px}.analysis-top>span{font-size:10px}.mera-data{grid-template-columns:1fr;gap:0;padding:10px 0 20px}.mera-data article{border:0;border-bottom:1px solid #e6e4e3;padding:22px 0;display:grid;grid-template-columns:1fr auto;gap:8px}.mera-data article>span{font-size:12px}.mera-data article>strong{grid-column:2;grid-row:1/3;font-size:29px;margin:0;align-self:center}.mera-data article>small{font-size:10px}.analysis-chart{padding:23px 14px;border-radius:14px}.analysis-chart h3{font-size:19px;padding:0 7px}.analysis-chart p{padding:0 7px}.analysis-chart canvas{height:220px}.ask-data>div{flex-direction:column;gap:12px}.ask-data input{font-size:12px;padding:13px 16px}.ask-data .control{align-self:end}.ask-data p{font-size:13px}.mera-features{padding-top:60px;padding-bottom:65px}.mera-pricing{grid-template-columns:1fr;gap:30px;padding-top:60px;padding-bottom:70px}.mera-pricing h2{font-size:38px}.mera-pricing strong{font-size:28px}.concept-aura .concept-nav{min-height:60px;padding:15px 22px}.concept-aura .concept-nav nav{font-size:10px;margin-top:8px}.product-announcement{font-size:9px;line-height:1.7;padding:15px 22px}.product-announcement a{display:block;margin:5px 0 0}.aura-hero{padding:0 22px 50px}.aura-product-image{height:360px;margin:0 -22px}.aura-product-image img{object-fit:cover;object-position:50% center;width:100%;height:100%}.aura-hero-caption{gap:28px}.aura-hero-caption>div>p{font-size:19px;margin-bottom:12px}.aura-hero-caption h1{font-size:40px;line-height:1.08;letter-spacing:-.04em}.aura-buy{gap:15px;padding:14px 14px 14px 20px;width:100%;justify-content:space-between;border-radius:15px}.aura-buy>span{font-size:14px;white-space:normal}.aura-buy small{font-size:9px;line-height:1.6;white-space:normal;max-width:190px}.aura-buy>.control.blue{font-size:11px;min-height:38px;padding:9px 18px}.aura-story{padding-top:65px;padding-bottom:60px}.aura-story h2{font-size:47px}.aura-story-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.aura-detail-image{height:350px;border-radius:22px}.aura-story-grid h3{font-size:30px}.aura-story-grid p{font-size:15px}.aura-specs{padding-top:60px;padding-bottom:60px}.aura-specs h2{font-size:42px}.aura-spec-grid{grid-template-columns:1fr;gap:16px;margin-top:35px}.aura-spec-grid article{padding:30px;border-radius:22px}.aura-spec-grid strong{font-size:40px}.aura-spec-grid p{font-size:14px}.aura-compare{padding-top:55px;padding-bottom:70px}.aura-compare h2{font-size:42px;margin-bottom:35px}.product-dialog{padding:40px 25px;border-radius:16px}.product-dialog h2{font-size:29px}.product-dialog select,.product-dialog input{font-size:12px}.product-total strong{font-size:25px}.product-dialog .eyebrow{font-size:9px}.concept-takt .concept-nav{padding:17px 22px}.takt-hero{height:430px}.takt-hero>img{object-fit:cover;object-position:center;width:100%;height:100%}.takt-hero>div{padding:20px 22px;align-items:start;flex-direction:column;gap:8px;font-size:8px}.takt-intro{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:55px}.takt-intro h1{font-size:42px;line-height:1.1}.takt-intro>p{font-size:15px;line-height:1.8}.takt-catalog{padding-top:55px;padding-bottom:60px}.takt-catalog h2{font-size:32px}.takt-product-grid{grid-template-columns:1fr;gap:40px}.takt-product-grid img{height:280px}.takt-product-grid article>span{font-size:13px}.takt-instrument{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:60px}.takt-instrument h2{font-size:42px}.takt-instrument p:not(.eyebrow){font-size:14px}.sequencer{padding:22px}.sequencer-head{font-size:9px;margin-bottom:25px}.sequencer-controls{gap:20px;align-items:center}.sequencer-controls input{width:120px}.sequencer-controls>.control{font-size:11px;padding:10px 14px}.pad-grid{gap:9px}.pad-grid button{min-height:50px;aspect-ratio:1;font-size:10px;padding:10px}.takt-bundle{grid-template-columns:1fr;gap:20px;padding-top:55px;padding-bottom:65px}.takt-bundle h2{font-size:40px}.takt-bundle p{font-size:14px}.hod-announcement{font-size:9px;gap:8px;flex-direction:column;min-height:63px}.hod-announcement a{min-height:20px}.hod-hero{margin:0 5px;height:660px;min-height:0}.hod-hero>img{object-position:44% center}.hod-nav{max-width:calc(100% - 30px);height:53px;top:15px;padding:0 15px;font-size:10px}.hod-nav .concept-brand{font-size:20px;padding:4px 15px}.hod-nav .text-control{font-size:10px}.hod-title{left:7%;right:7%;top:24%;flex-direction:column;gap:25px;align-items:start}.hod-title h1{font-size:155px;line-height:1;letter-spacing:-.085em}.hod-title>div{max-width:230px;margin-left:auto;align-self:end}.hod-title p{font-size:14px;font-weight:500;line-height:1.5}.hod-title>div>a{font-size:11px}.hod-reserve{font-size:11px;bottom:20px;right:20px}.hod-intro{padding-top:65px;padding-bottom:60px}.hod-intro h2{font-size:42px}.hod-specs{grid-template-columns:1fr 1fr;gap:30px 20px;padding-top:30px;margin-top:35px}.hod-specs strong{font-size:29px}.hod-specs p{font-size:11px}.hod-detail{margin:0 5px;min-height:560px}.hod-detail>img{object-position:60% center}.hod-detail>div{width:100%;padding:260px 30px 45px;min-height:560px;background:#0003}.hod-detail h2{font-size:36px}.hod-detail p:not(.eyebrow){font-size:14px;max-width:300px}.hod-config{grid-template-columns:1fr;gap:30px;padding-top:60px;padding-bottom:65px}.hod-config h2{font-size:42px}.hod-config>div>strong{font-size:25px}.hod-config>div>p{font-size:12px}.hod-price strong{font-size:24px}.dashboard-shell{grid-template-columns:minmax(0,1fr)}.dashboard-sidebar{padding:17px 20px 12px;border-right:0;border-bottom:1px solid var(--line)}.dashboard-sidebar>.concept-brand{font-size:25px;margin:0 0 18px}.dashboard-sidebar nav{display:flex;gap:5px;overflow:auto;padding-bottom:3px}.dashboard-sidebar nav>button{font-size:10px;min-height:37px;padding:9px 12px;white-space:nowrap;flex-shrink:0;gap:7px}.dashboard-sidebar nav .icon{width:14px;height:14px}.dashboard-account{display:none}.dashboard-header{padding:12px 20px;min-height:64px;gap:15px}.dashboard-search{padding:0 10px}.dashboard-search input{font-size:11px;min-height:36px}.dashboard-header>.person{width:28px;height:28px}.dashboard-content{padding:25px 20px 45px}.dashboard-title{gap:12px}.dashboard-title h1{font-size:26px}.small-badge{font-size:8px;padding:3px 5px}.balance-toolbar{margin-top:20px;gap:15px;align-items:start;flex-direction:column}.balance-toolbar .segments .control{font-size:10px;padding:7px 14px;min-height:34px}.balance-toolbar>label{width:100%}.balance-toolbar>label>select{font-size:11px;min-height:38px;width:100%}.balance-timeline{font-size:8px;padding:25px 0 13px;gap:15px}.balance-timeline .active{padding:4px 16px;margin:-4px -16px}.balance-totals{grid-template-columns:1fr 1fr;gap:24px 15px;padding-top:25px}.balance-totals>div:first-child{grid-column:1/-1}.balance-totals>div:first-child strong{font-size:38px}.balance-totals>div>span{font-size:11px}.balance-totals strong{font-size:23px}.balance-chart{margin-top:10px}.balance-chart canvas{height:245px}.chart-legend{font-size:8px;gap:20px}.balance-breakdown{grid-template-columns:1fr;gap:30px;margin-top:30px}.balance-breakdown h2{font-size:19px}.balance-breakdown>div>p{font-size:12px}.balance-breakdown>div:first-child>p{grid-template-columns:90px 1fr 30px;gap:15px}.balance-breakdown .control{font-size:11px;min-height:40px}.balance-planning>span{font-size:30px}.balance-accounts{grid-template-columns:1fr;gap:20px}.balance-accounts strong{font-size:33px}.transaction-table table{font-size:10px;min-width:540px}.transaction-table th{font-size:9px}.transaction-table td{font-size:10px}.transaction-table td strong{font-size:10px}#balance-transactions .section-head{gap:15px}#balance-transactions h2{font-size:19px}#balance-transactions .control{font-size:10px;min-height:37px;padding:8px 12px;white-space:nowrap}.reserve-shell .dashboard-sidebar{padding:20px 20px 12px;border-bottom:1px solid #32322c}.reserve-shell .dashboard-sidebar>.concept-brand{font-size:28px;margin:0 0 18px}.reserve-shell .dashboard-sidebar nav>button{font-size:10px;padding:10px 12px;min-height:38px;gap:8px}.reserve-shell .dashboard-sidebar .icon{width:14px;height:14px}.reserve-header{padding:25px 20px;gap:15px;align-items:center;flex-wrap:wrap}.reserve-header h1{font-size:20px;line-height:1.2;max-width:260px}.reserve-header .control{min-height:36px;padding:8px 13px;font-size:10px}.reserve-grid{padding:0 14px 35px;gap:16px}.reserve-card{border-radius:9px}.reserve-card>header{padding:20px 18px 17px;gap:15px;flex-wrap:wrap}.reserve-card h2{font-size:17px}.reserve-card h2>span{font-size:13px}.reserve-card>header>span{font-size:12px}.reserve-card select{font-size:10px;min-height:36px}.budget-card #budget-categories{padding:0 18px}.budget-card #budget-categories>article{padding:22px 0}.budget-card #budget-categories>article h3{font-size:15px}.budget-card #budget-categories>article>div{font-size:10px;gap:12px}.budget-card #budget-categories>article strong{font-size:11px}.reserve-card canvas{height:250px;padding-top:15px}.reserve-operations #reserve-transactions>article{padding:17px 15px;gap:10px}.reserve-operations article strong{font-size:11px}.reserve-operations article>b{font-size:11px}.reserve-goal>strong{font-size:28px}.reserve-goal>strong>small{font-size:12px}.reserve-goal>div{align-items:start;flex-direction:column;gap:20px}.reserve-goal p{font-size:12px}.reserve-goal .control{font-size:11px;min-height:40px}.reserve-customize{margin:0 14px 20px;padding:18px;flex-direction:column;gap:15px}.reserve-customize label{font-size:11px}.reserve-customize>span{font-size:9px}#budget-form{padding:15px 18px 25px;gap:12px}#budget-form input{width:145px;font-size:12px}#budget-form .control{padding:10px 13px;font-size:11px}.commerce-top{padding:15px 20px;gap:15px;flex-wrap:wrap}.commerce-top .concept-brand{font-size:28px;margin:0 auto 0 0}.commerce-top>span:last-child{font-size:10px}.commerce-top>.person{width:28px;height:28px;margin-left:0}.commerce-top>label{order:3;width:100%;flex-basis:100%;max-width:none;border-radius:8px}.commerce-top label input{font-size:12px;min-height:37px}.commerce-layout{grid-template-columns:minmax(0,1fr)}.commerce-layout .dashboard-sidebar{min-height:0;padding:12px 15px;border-bottom:1px solid #d9d9d9}.commerce-layout .dashboard-sidebar>.concept-brand{display:none}.commerce-layout .dashboard-sidebar nav>button{font-size:10px;padding:9px 11px;min-height:36px;gap:6px}.commerce-layout .dashboard-sidebar .icon{width:14px;height:14px}.commerce-main{padding:25px 20px 45px}.commerce-heading{align-items:start;gap:20px;flex-wrap:wrap}.commerce-heading h1{font-size:27px}.commerce-heading p{font-size:10px;margin-top:10px}.commerce-heading>label{width:100%;max-width:180px}.commerce-heading select{font-size:11px;min-height:37px}.commerce-map{position:relative;right:auto;top:auto;width:calc(100% + 40px);height:330px;margin:15px -20px -20px;z-index:0;mix-blend-mode:multiply}.commerce-map>img{object-fit:contain;object-position:center}.map-label{top:35%;left:43%;font-size:9px;padding:5px 10px}.commerce-data{width:100%;min-width:0;max-width:none;padding-top:20px}.commerce-kpis{gap:12px}.commerce-kpis article{padding:18px 15px;border-radius:10px}.commerce-kpis article>span{font-size:10px}.commerce-kpis strong{font-size:24px;margin:12px 0}.commerce-kpis small{font-size:9px}.commerce-panel{padding:22px 20px;border-radius:10px}.commerce-panel h2{font-size:17px}.city-rows button{font-size:12px;min-height:55px}.city-rows strong{font-size:11px}.commerce-funnel{gap:12px}.commerce-funnel span{font-size:10px}.commerce-funnel>div>strong{width:50px;height:50px;font-size:20px}.commerce-table{padding:0 15px}.commerce-table table{min-width:690px}.commerce-table td{font-size:11px}.commerce-main .section-head h1{font-size:28px}.commerce-main .control.black{font-size:10px;min-height:38px;padding:9px 13px;white-space:nowrap}.commerce-main .section-head{gap:15px}}
@media(max-width:360px){.linear-hero h1{font-size:35px}.workspace-heading h3{font-size:15px;max-width:150px}.stripe-hero h1{font-size:29px}.steep-title h1{font-size:40px}.aura-hero-caption h1{font-size:35px}.aura-product-image{height:320px}.aura-buy{padding:13px;gap:10px}.aura-buy small{font-size:8px}.aura-specs h2{font-size:37px}.aura-story h2{font-size:42px}.aura-compare h2{font-size:36px}.takt-intro h1{font-size:36px}.takt-hero{height:370px}.sequencer{padding:17px}.pad-grid{gap:8px}.pad-grid button{min-height:45px;padding:8px}.sequencer-controls{gap:12px}.sequencer-controls input{width:100px}.hod-title h1{font-size:135px}.hod-intro h2{font-size:36px}.hod-config h2{font-size:38px}.commerce-kpis strong{font-size:21px}.small-badge{display:none}.reserve-card h2>span{display:block;margin:6px 0 0}}
@media(max-width:850px){.smena-workspace .workspace-properties{display:block;grid-column:1/-1;border-left:0;border-top:1px solid #232528;padding:24px}.workspace-properties select{min-height:44px}.workspace-properties .mini-assistant{display:none}}
@media(max-width:600px){.steep-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 16px;min-height:0;padding:60px 22px 40px}.steep-title{grid-column:1/-1;order:0}.steep-composer{grid-column:1/-1;order:1;position:relative;inset:auto;transform:none;width:100%;max-width:none;margin:0}.steep-hero .float-left,.steep-hero .float-right{position:relative;inset:auto;width:auto;min-width:0;order:2;padding:16px;align-self:stretch}.steep-hero .floating-metric>span{font-size:10px}.steep-hero .floating-metric>strong{font-size:28px}.steep-hero .floating-metric small{font-size:8px}.steep-hero .target-ring{width:82px;height:82px;margin:16px auto}}
/* Typographic wordmarks: shared font files, individual rhythm and proportions. */
.concept-smena .concept-brand{font-weight:720;letter-spacing:-.075em;font-size:29px}.concept-potok .concept-brand{font-weight:760;letter-spacing:-.055em;font-size:27px}.concept-mera .concept-brand{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.065em;font-size:37px}.concept-aura .concept-brand{font-weight:470;letter-spacing:.15em;font-size:25px}.concept-takt .concept-brand{font-family:ui-monospace,monospace;font-weight:650;letter-spacing:-.09em;font-size:31px}.concept-hod .concept-brand{font-weight:550;letter-spacing:.12em}.concept-balance .concept-brand{font-weight:600;letter-spacing:-.065em;font-size:29px}.concept-reserve .concept-brand{font-weight:680;letter-spacing:-.075em;font-size:29px}.concept-skladno .concept-brand{font-style:italic;font-weight:800;letter-spacing:-.055em}
.concept-mera .concept-brand{line-height:1.2;padding-block:2px}.concept-smena .concept-brand{letter-spacing:-.06em}.concept-reserve .concept-brand{letter-spacing:-.055em}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Original project identities complement the individual wordmarks. */
.concept-brand{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.project-symbol{width:34px;height:34px;object-fit:contain;flex:none}
.concept-smena .project-symbol,.concept-aura .project-symbol,.concept-hod .project-symbol,.concept-reserve .project-symbol,.concept-skladno .project-symbol{filter:invert(1)}
@media(max-width:400px){.project-symbol{width:26px;height:26px}.concept-brand{gap:4px}}

/* Uizze craft pass: preserve each concept's visual language, make its controls readable. */
.stripe-hero-summary{max-width:440px;font-size:18px;line-height:1.65;color:#31445b;margin:24px 0 0}
.concept-nav :is(.concept-brand,nav a,.control){min-height:44px}
.concept-footer>a,.linear-sub>a,.steep-title .hero-actions>a:not(.control),.product-announcement>a,.hod-detail>a{display:inline-flex;align-items:center;min-height:44px}
.concept-footer>a:is(:hover,:focus-visible),.linear-sub>a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:5px}
.product-announcement>a{font-size:12px}
.hod-nav>a{display:inline-flex;align-items:center;min-height:44px}
.smena-workspace .workspace-heading .control{min-height:44px;font-size:12px;padding:10px 12px}
.smena-workspace .task-list>button{min-height:44px;gap:10px}
.smena-workspace .task-list strong{font-size:12px;line-height:1.5}
.smena-workspace .task-code{font-size:10px}
.smena-workspace .task-detail>p:not(.mono){font-size:13px}
.smena-workspace .task-checks label{font-size:12px;min-height:36px}
.smena-workspace .workspace-properties label{font-size:12px}
.smena-workspace .workspace-properties select{min-height:44px;font-size:12px}
.concept-balance .balance-totals>div>span,.concept-balance .balance-breakdown>div>p{color:#626570}
.concept-balance .balance-timeline{color:#626570;font-size:11px}
.concept-balance .balance-timeline .active{color:#5551a4}
.concept-hod .product-dialog{--accent:#17191b;--on-accent:#fff}
.concept .dialog-close{width:44px;height:44px}
.concept-balance #balance-overview[hidden]+#balance-transactions{margin-top:0;padding-top:0;border-top:0}
.concept-balance #balance-transactions h1{font-size:28px;line-height:1.2}
@media(max-width:850px){.dashboard-shell{align-content:start}}
@media(max-width:600px){
 .stripe-hero{min-height:0}
 .stripe-hero-summary{font-size:16px;line-height:1.65;max-width:35ch}
 .stripe-hero-content{padding-top:58px;padding-bottom:58px}
 .concept-nav .control{font-size:11px}
 .concept button.control,.concept a.control{min-height:44px}
 .dashboard-sidebar nav>button,.reserve-shell .dashboard-sidebar nav>button,.commerce-layout .dashboard-sidebar nav>button{min-height:44px;font-size:12px}
 .dashboard-main .control,.balance-toolbar .segments .control,.balance-toolbar>label>select,.reserve-header .control,.reserve-card select,.reserve-goal .control,.commerce-main .control.black{min-height:44px;font-size:12px}
 :is(#transaction-search,#commerce-search,#commerce-city){min-height:44px;font-size:12px}
 .concept :is(.segments .control){min-height:44px;font-size:12px}
 .concept :is(.aura-buy>.control.blue,#balance-transactions .control,.product-dialog>.control){min-height:44px}
 .concept-smena .task-list small{font-size:11px}
 .concept-reserve .reserve-operations article strong,.concept-reserve .reserve-operations article>b{font-size:12px}
 .concept-reserve .reserve-operations article small{font-size:11px;color:#b4b3a9}
 .concept-reserve .budget-card #budget-categories>article>div{font-size:12px;color:#b4b3a9}
 .concept-reserve .budget-card #budget-categories>article strong{font-size:12px}
 .concept-reserve .budget-card .text-control{font-size:12px}
 .concept-balance .transaction-table th{font-size:11px;color:#626570}
 .concept-balance .transaction-table td,.concept-balance .transaction-table td strong{font-size:12px}
 .concept-balance .transaction-table td small{font-size:11px;color:#626570}
 .commerce-kpis small,.commerce-funnel span{font-size:11px}
 .concept-footer{gap:20px}
}