/* Brokct Labs — shared local design system. */
:root,:root[data-theme=dark]{color-scheme:dark;--page:#101012;--panel:#19191d;--panel2:#242429;--ink:#f5f3f4;--muted:#b9b5bb;--line:#39373e;--cyan:#ff7a85;--blue:#ff7a85;--accent:#ff8590;--accent-ink:#301014;--accent-hover:#ffb5bc;--hover:#49262e;--hover-ink:#fff;--nav-bg:#101012ed;--field:#131316;--shadow:0 24px 65px #0004;--wash:#f0445820;--bg:var(--page);--text:var(--ink);--max:1240px}
:root[data-theme=light]{color-scheme:light;--page:#f5f4f5;--panel:#fff;--panel2:#eae7ea;--ink:#242126;--muted:#655e68;--line:#d8d2da;--cyan:#c6203d;--blue:#c6203d;--accent:#c6203d;--accent-ink:#fff;--accent-hover:#9d1530;--hover:#f9dfe5;--hover-ink:#9d1530;--nav-bg:#f5f4f5ed;--field:#faf8fa;--shadow:0 24px 65px #39202b12;--wash:#d22b4212}
body{background:var(--page);color:var(--ink);font-family:'Segoe UI Variable','Segoe UI',sans-serif;line-height:1.6}.grain{display:none}*{box-sizing:border-box}::selection{background:var(--accent);color:var(--accent-ink)}
.shell{width:min(calc(100% - 64px),var(--max));margin-inline:auto}a,button{touch-action:manipulation}section[id]{scroll-margin-top:100px}.reveal,.reveal.show{opacity:1;transform:none}
.nav-wrap{background:var(--nav-bg);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav{padding:20px 0;gap:24px}.brand,.footer .brand{color:var(--ink);font-weight:750;letter-spacing:-.04em}.brand-mark{color:var(--ink);filter:none;flex-shrink:0;width:34px;height:34px}.nav-links{background:var(--panel);border:1px solid var(--line);padding:5px;border-radius:100px}.nav-links a{color:var(--muted);font-size:13px;padding:8px 16px}.nav-links a:hover,.nav-links a[aria-current=page]{background:var(--hover);color:var(--hover-ink)}.nav-actions{gap:10px}.lang-switch,.nav-cta{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:10px}.nav-cta{font-size:12px}.theme-toggle{width:42px;height:42px;display:inline-grid;place-items:center;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:50%;cursor:pointer;flex-shrink:0}.theme-toggle:hover,.lang-switch:hover,.nav-cta:hover{background:var(--hover);border-color:var(--cyan);color:var(--hover-ink)}
.hero{position:relative;padding:100px 0 90px}.hero::before,.hero::after,.page-hero::before{display:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}.hero-grid>*{min-width:0}.hero h1{font-size:clamp(44px,5.2vw,76px);font-weight:720;line-height:1.04;letter-spacing:-.065em;margin:24px 0;max-width:760px}.hero h1 .glow{background:none;color:var(--cyan);text-shadow:none}.eyebrow,.section-kicker{font-size:10px;font-weight:750;letter-spacing:.14em;color:var(--cyan);text-transform:uppercase}.eyebrow::before{width:6px;height:6px;background:var(--cyan);box-shadow:none}.hero-copy{font-size:18px;line-height:1.7;color:var(--muted);max-width:46ch}.hero-actions{gap:12px;margin-top:30px;flex-wrap:wrap}.hero-note{color:var(--muted);font-size:12px;margin-top:28px}.hero-note::before{background:var(--line)}
.hero-preview{position:relative;padding:32px 14px 14px;background:linear-gradient(145deg,#343137,#17161b);border:1px solid #57515c;border-radius:22px;box-shadow:0 34px 90px #25101840;transform:perspective(1600px) rotateY(-7deg) rotateX(3deg)}.hero-preview::before{content:'● ● ●';position:absolute;left:18px;top:7px;font-size:9px;letter-spacing:4px;color:#aca1ae}.hero-preview::after{content:'';position:absolute;inset:-60px;z-index:-1;background:radial-gradient(ellipse,#e3415430,transparent 70%);pointer-events:none}.hero-preview img{display:block;width:100%;border:1px solid #504a55;border-radius:9px}.preview-caption{display:flex;justify-content:space-between;gap:10px;padding:20px 4px 4px;font-size:11px;color:#c2b8c6}.preview-caption strong{color:#faf5f8;font-size:13px}
.button{border-radius:11px;padding:14px 20px;font-size:13px;transition:background .16s,transform .16s,box-shadow .16s}.button.primary{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);box-shadow:0 6px 20px var(--wash)}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink);box-shadow:0 8px 24px var(--wash);transform:translateY(-2px)}.button.secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.button.secondary:hover{background:var(--hover);color:var(--hover-ink);border-color:var(--cyan);transform:translateY(-2px)}
.section{padding:72px 0}.section-head{align-items:end;gap:40px;margin-bottom:32px}.section h2{font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-.045em;font-weight:680}.section-desc,.page-hero p,.product p,.principle p,.footer p,.gallery-head p,.form-note{color:var(--muted)}.section-desc{font-size:15px;line-height:1.75;max-width:410px}.products{border-top:1px solid var(--line)}
.product-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.product{position:relative;min-height:360px;padding:32px;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s,border-color .2s}.product::after{display:none}.product.freecloud{display:grid;grid-template-columns:minmax(0,1fr) 136px;column-gap:24px;grid-template-rows:auto auto 1fr auto;background:linear-gradient(140deg,var(--wash),transparent 75%),var(--panel)}.product.koshtorisk{background:linear-gradient(140deg,var(--wash),transparent 75%),var(--panel)}.product:hover{background-color:var(--panel2);border-color:var(--cyan);transform:translateY(-4px);box-shadow:var(--shadow)}.product h3{font-size:clamp(27px,2.8vw,37px);line-height:1.1;letter-spacing:-.045em;margin:24px 0 14px;color:var(--ink)}.product p{font-size:15px;line-height:1.75;max-width:42ch}.product .status{display:inline-flex;justify-self:start;align-self:start;background:var(--panel2);border:1px solid var(--line);color:var(--cyan);font-size:9px;font-weight:700;letter-spacing:.08em;padding:6px 10px;border-radius:6px}.product .detail{color:var(--cyan);font-size:14px;margin-top:26px}.product:hover .detail{color:var(--hover-ink)}.freecloud>.status,.freecloud>h3{grid-column:1/-1}.freecloud>h3,.freecloud>p,.freecloud>.detail{min-width:0;overflow-wrap:anywhere}.freecloud>p{grid-column:1;max-width:none}.freecloud>.detail{grid-column:1;align-self:end}.freecloud>.product-visual{position:static;grid-column:2;grid-row:3/5;align-self:end;justify-self:end;width:136px;height:136px;padding:14px;display:grid;place-items:center;background:#000;border-radius:18px;overflow:hidden}.freecloud .product-visual img{display:block;width:100%;height:100%;object-fit:contain;filter:none;background:transparent}
.values{display:grid;grid-template-columns:1fr 1fr;gap:24px}.statement{position:relative;overflow:hidden;padding:40px;min-height:440px;background:radial-gradient(ellipse at 100% 100%,#d12d4866,transparent 65%),#21171d;border:1px solid #653644;border-radius:22px;box-shadow:none}.statement .eyebrow{color:#ffc1cb}.statement .quote{position:relative;z-index:1;color:#fff5f7;font-size:clamp(28px,3.2vw,44px);line-height:1.15;letter-spacing:-.045em;margin:48px 0 90px;font-weight:600}.statement .quote em{display:block;margin-top:22px;color:#ff9eb0;font-style:normal;font-size:.7em;line-height:1.3}.statement::before{content:'';position:absolute;width:290px;height:290px;right:-50px;bottom:-160px;border:1px solid #ff99ae66;border-radius:50%;box-shadow:0 0 0 32px #ff9aae0c,0 0 0 64px #ff9aae0a,0 0 0 96px #ff9aae08}.statement::after{content:'01  —  02  —  03  ↗';position:absolute;bottom:36px;left:40px;color:#ffc1cb;font-size:15px;letter-spacing:.15em}.principles{display:grid;gap:0;border-top:1px solid var(--line)}.principle{padding:26px 12px 26px 28px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.principle .number{font-size:10px;font-weight:700;letter-spacing:.09em;color:var(--cyan)}.principle h3{color:var(--ink);font-size:21px;letter-spacing:-.025em;margin:12px 0 8px}.principle p{font-size:14px;line-height:1.65;margin:0}
.signal{padding:24px 0 90px}.signal-panel{position:relative;overflow:hidden;padding:54px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(115deg,var(--panel),var(--panel2));box-shadow:none}.signal-panel::before{display:none}.signal-panel::after{content:'↗';position:absolute;right:40px;top:0;font-size:210px;line-height:1;color:var(--cyan);opacity:.13;pointer-events:none}.signal-panel h2{position:relative;color:var(--ink);font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.045em;max-width:800px}.signal-panel p{color:var(--muted);max-width:600px;font-size:16px}.signal-panel .button{position:relative;z-index:1}
.footer{background:var(--panel);border-top:1px solid var(--line);padding:48px 0 28px}.footer p,.footer a,.copyright{color:var(--muted)}.footer-title{color:var(--ink);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.footer a:hover,.copyright a:hover{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.footer .brand{color:var(--ink)}.copyright{border-color:var(--line);font-size:12px}
.page-hero{padding:72px 0 48px}.page-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.07;letter-spacing:-.055em;color:var(--ink)}.product-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:60px;align-items:center}.product-lead{font-size:18px!important;line-height:1.8}.product-links{display:flex;gap:12px;flex-wrap:wrap}.product-logo-card{position:relative;display:grid;place-items:center;background:#000;border:1px solid #3a333d;border-radius:28px;width:100%;max-width:360px;aspect-ratio:1;min-height:0;padding:32px;justify-self:center;box-shadow:var(--shadow)}.product-logo-card::before{display:none}.product-logo-card img{display:block;width:100%;height:auto;object-fit:contain;filter:none;background:transparent}.content-stack{gap:24px;padding-bottom:64px}.legal-card,.support-card,.gallery-block{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:none;color:var(--ink);padding:clamp(24px,4vw,44px)}.legal-card,.support-card{max-width:none}.legal-card h2,.support-card h2,.gallery-block h2{color:var(--ink);letter-spacing:-.025em}.legal-card p,.legal-card li,.support-card p{color:var(--muted);line-height:1.8}.legal-card a,.contact-card a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.legal-card a:hover,.contact-card a:hover{color:var(--hover-ink)}.inline-doc-links a,.support-address{background:var(--panel2);border:1px solid var(--line);color:var(--cyan);border-radius:10px}.inline-doc-links a:hover,.support-address:hover{background:var(--hover);color:var(--hover-ink);border-color:var(--cyan)}.shot-card{border:1px solid var(--line);border-radius:14px;background:var(--panel2);overflow:hidden}.shot-card figcaption{color:var(--muted);padding:14px;font-size:13px}.mini{background:var(--panel2);border-color:var(--line);border-radius:14px}.mini h3{color:var(--ink)}.mini p{color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start;padding-top:64px;padding-bottom:80px}.contact-layout .page-hero{padding:20px 0}.contact-layout .page-hero p{max-width:36ch;line-height:1.8}.contact-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:var(--shadow)}.contact-card label{color:var(--ink)}.contact-card input,.contact-card textarea,.contact-card select{background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:13px;font:inherit;width:100%}.contact-card input::placeholder,.contact-card textarea::placeholder{color:var(--muted);opacity:1}.contact-card input:hover,.contact-card textarea:hover,.contact-card select:hover{border-color:var(--muted)}.contact-card input:focus,.contact-card textarea:focus,.contact-card select:focus{outline:2px solid var(--cyan);outline-offset:2px;box-shadow:none}.contact-card select option{background:var(--panel);color:var(--ink)}.form-note,.form-status{color:var(--muted);font-size:13px}.design-note{padding:12px 16px;border-left:3px solid var(--cyan);background:var(--panel2);color:var(--muted);font-size:13px}.contact-card button:disabled{background:var(--panel2);color:var(--muted);border-color:var(--line);opacity:1;box-shadow:none;transform:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.not-found p{color:var(--muted)}
/* Standalone product documents share the palette and readable page structure. */
body:has(>main>header){background:var(--page);color:var(--ink)}body:has(>main>header)>main{max-width:960px;padding:48px 32px 72px}body:has(>main>header) header{position:relative;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:18px}body:has(>main>header) .theme-toggle{float:right}body:has(>main>header) .lead{color:var(--muted)}body:has(>main>header) .nav{padding:12px 0 0;gap:16px}body:has(>main>header) a{color:var(--cyan)}body:has(>main>header) h2{color:var(--ink)}
@media(max-width:1050px){.nav-cta{display:none}.hero-grid{gap:32px}.hero h1{font-size:clamp(40px,5.8vw,62px)}.product-grid{grid-template-columns:1fr 1fr}.product.freecloud{grid-template-columns:minmax(0,1fr)}.freecloud>.product-visual{grid-column:1;grid-row:5;margin-top:24px;justify-self:start}.product-hero-grid{gap:32px}.contact-layout{gap:32px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.nav{padding:14px 0}.nav-links{display:none}.hero{padding:48px 0 56px}.hero-grid,.product-grid,.values,.product-hero-grid,.contact-layout{grid-template-columns:1fr}.hero h1{font-size:clamp(42px,8vw,62px)}.hero-preview{transform:none;margin-top:16px}.hero-preview::after{inset:0}.hero-copy{font-size:16px}.section{padding:48px 0}.section-head{display:block}.section-desc{margin-top:18px}.product{min-height:0;padding:26px}.product.freecloud{grid-template-columns:minmax(0,1fr) 136px}.freecloud>.product-visual{grid-column:2;grid-row:3/5;margin-top:0;justify-self:end}.statement{padding:30px;min-height:380px}.statement .quote{margin-top:36px}.statement::after{left:30px}.principle{padding:24px 8px}.signal{padding-bottom:48px}.signal-panel{padding:30px}.signal-panel::after{font-size:140px;right:10px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.page-hero{padding:44px 0 32px}.product-logo-card{max-width:300px}.contact-layout{padding:28px 0 48px;gap:20px}.contact-card{padding:24px}.form-grid{grid-template-columns:1fr}.screenshot-grid{grid-template-columns:1fr}.theme-toggle{width:40px;height:40px}}
@media(max-width:460px){.brand{font-size:15px}.brand-mark{width:29px;height:29px}.nav-actions{gap:6px}.product.freecloud{grid-template-columns:minmax(0,1fr)}.freecloud>.product-visual{grid-column:1;grid-row:5;margin-top:22px;justify-self:start}.hero-actions .button{width:100%;justify-content:center}.hero h1{font-size:42px}.preview-caption{font-size:10px}.product-links .button{width:100%}.copyright{gap:12px}body:has(>main>header)>main{padding:24px 18px}body:has(>main>header) header{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Original studio mark, identical treatment in both themes. */
.brand{display:inline-flex;align-items:center;gap:12px}.brand .brand-mark{width:82px;height:60px;flex-shrink:0;padding:0;background:transparent;border:0;border-radius:0;filter:none;color:var(--ink)}.footer .brand .brand-mark{width:110px;height:80px}.nav-wrap{border-bottom-color:var(--line)}.nav-wrap:after{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.45}.hero-preview{border-radius:16px}.product,.signal-panel,.contact-card{border-radius:16px}.product .status{border-left:2px solid var(--cyan)}
@media(max-width:460px){.brand{gap:8px}.brand .brand-mark{width:66px;height:48px}.brand span{font-size:14px}}

/* Match the homepage closing panel-to-footer spacing. */
.support-page{padding-bottom:90px}@media(max-width:760px){.support-page{padding-bottom:48px}}

.brand img.brand-mark{object-fit:contain;background:transparent;border:0;padding:0}

/* Shared page frame, including standalone product documentation. */
main.shell{max-width:var(--max)}
main.shell:not(.contact-layout):not(.support-page){padding-bottom:90px}
.document-page{color:var(--ink)}
.document-intro{border-bottom:1px solid var(--line);margin-bottom:32px}
.document-intro h1{max-width:none}
.document-intro .lead{max-width:none;color:var(--muted);font-size:18px;line-height:1.75}
.document-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.document-nav a{padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--cyan);font-size:14px}
.document-nav a:hover{background:var(--hover);color:var(--hover-ink)}
.document-page>section:not(.page-hero){margin:30px 0}
.document-page h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:30px 0 12px}
.document-page p,.document-page li{font-size:16px;line-height:1.8;color:var(--muted)}
.document-page a{color:var(--cyan)}
.document-page code{background:var(--panel2);padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
.document-meta{border-top:1px solid var(--line);padding-top:20px;margin-top:36px;color:var(--muted);font-size:14px}
@media(max-width:760px){main.shell:not(.contact-layout):not(.support-page){padding-bottom:48px}}