/* Cothink style catalog: each .theme-* is an independent Refero-inspired visual language. */
:root{--ink:#171717;--paper:#fbfaf8;--muted:#6d6a66;--line:rgba(23,23,23,.12);--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{overflow:hidden;min-height:100vh}.topline{height:5px;background:var(--accent,#222)}.nav{align-items:center;display:flex;justify-content:space-between;max-width:1240px;margin:auto;padding:19px 28px}.brand{align-items:center;display:flex;font-size:18px;font-weight:700;gap:9px;letter-spacing:-.6px}.brand img{height:25px;width:25px;object-fit:contain}.nav-links{display:flex;gap:25px;font-size:13px}.nav-links a{opacity:.72;transition:opacity .18s}.nav-links a:hover{opacity:1}.nav-action,.button{background:var(--ink);border:1px solid var(--ink);border-radius:999px;color:var(--paper);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font:600 13px/1 "DM Sans",sans-serif;gap:8px;padding:13px 18px;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.nav-action:hover,.button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.13)}.nav-action:active,.button:active{transform:scale(.97)}.button.ghost{background:transparent;color:var(--ink)}.hero{max-width:1240px;margin:0 auto;padding:80px 28px 35px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);gap:58px;align-items:center}.eyebrow{align-items:center;color:var(--accent,#333);display:flex;font:500 11px/1 "DM Mono",monospace;gap:9px;letter-spacing:.08em;text-transform:uppercase}.eyebrow i{background:currentColor;border-radius:50%;height:7px;width:7px}.hero h1{font-size:clamp(56px,6.4vw,96px);font-weight:600;letter-spacing:-.075em;line-height:.92;margin:18px 0 24px;max-width:700px}.hero h1 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.045em}.hero p{color:var(--muted);font-size:18px;letter-spacing:-.025em;line-height:1.5;max-width:520px;margin:0 0 29px}.actions{display:flex;flex-wrap:wrap;gap:10px}.hero-stage{aspect-ratio:1.05;border:1px solid var(--line);border-radius:28px;min-height:390px;overflow:hidden;position:relative;background:var(--stage,#eee);box-shadow:inset 0 1px rgba(255,255,255,.55)}.stage-label{position:absolute;z-index:2;top:18px;left:19px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);border-radius:999px;padding:8px 11px;font:11px/1 "DM Mono",monospace}.asset{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply}.stage-orb{position:absolute;border-radius:50%;filter:blur(.2px);left:50%;top:50%;transform:translate(-50%,-50%);width:47%;aspect-ratio:1;box-shadow:inset -18px -22px 42px rgba(0,0,0,.18),30px 30px 50px rgba(0,0,0,.15)}.stage-grid{background-image:linear-gradient(rgba(0,0,0,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.12) 1px,transparent 1px);background-size:28px 28px}.stage-grid:after{content:"";position:absolute;inset:20%;border:1px solid currentColor;transform:rotate(-18deg);box-shadow:45px 45px 0 -1px currentColor}.stage-terminal{position:absolute;inset:18%;border-radius:18px;background:#101010;color:#b6ff4f;padding:24px;font:13px/1.8 "DM Mono",monospace;box-shadow:20px 24px 0 rgba(0,0,0,.22)}.stage-terminal span{color:#747474}.stage-lines{position:absolute;inset:0;background:radial-gradient(ellipse at 26% 35%,var(--accent) 0 5%,transparent 5.5%),radial-gradient(ellipse at 74% 68%,var(--accent) 0 4%,transparent 4.5%),linear-gradient(128deg,transparent 47%,var(--accent) 47.3% 47.8%,transparent 48.1%),linear-gradient(25deg,transparent 47%,var(--accent) 47.3% 47.8%,transparent 48.1%);opacity:.65}.signal{bottom:20px;position:absolute;right:20px;background:var(--ink);border-radius:12px;color:var(--paper);font:11px/1 "DM Mono",monospace;padding:10px 12px}.section{border-top:1px solid var(--line);padding:105px 28px}.section-inner{max-width:1240px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:20px}.section-head h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.065em;line-height:.96;margin:0;max-width:580px}.section-head p{color:var(--muted);font-size:15px;line-height:1.5;margin:0;max-width:330px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{border:1px solid var(--line);border-radius:20px;padding:23px;min-height:245px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.37);transition:transform .22s var(--ease),background .22s}.feature:hover{transform:translateY(-5px);background:#fff}.feature-no{color:var(--accent);font:11px/1 "DM Mono",monospace}.feature h3{font-size:23px;letter-spacing:-.045em;margin:36px 0 8px}.feature p{color:var(--muted);font-size:14px;line-height:1.45;margin:0}.product-panel{border-radius:28px;display:grid;grid-template-columns:.87fr 1.13fr;overflow:hidden;background:var(--ink);color:var(--paper)}.panel-copy{padding:55px}.panel-copy .eyebrow{color:var(--accent)}.panel-copy h2{font-size:clamp(38px,4.2vw,62px);letter-spacing:-.07em;line-height:.95;margin:21px 0}.panel-copy p{color:rgba(255,255,255,.67);line-height:1.55;max-width:360px}.panel-shot{min-height:415px;padding:28px;background:var(--panel,#292929);position:relative}.ui-window{background:#f7f7f5;color:#1c1c1c;border-radius:15px;height:100%;padding:16px;box-shadow:0 25px 50px rgba(0,0,0,.22);transform:rotate(2deg)}.window-bar{display:flex;gap:5px;margin-bottom:23px}.window-bar i{height:8px;width:8px;border-radius:50%;background:#dedbd6}.window-row{height:52px;background:#eeeae5;border-radius:9px;margin:9px 0;display:flex;align-items:center;padding:0 13px;gap:10px}.window-row:before{content:"";height:20px;width:20px;border-radius:6px;background:var(--accent)}.window-row:after{content:"";height:7px;width:52%;border-radius:999px;background:#c6c2bc}.window-row:nth-child(3):after{width:70%}.window-row:nth-child(4):after{width:41%}.cta{padding:120px 28px;background:var(--cta,#e9e5e0);text-align:center}.cta-inner{max-width:770px;margin:auto}.cta h2{font-size:clamp(55px,7vw,98px);letter-spacing:-.085em;line-height:.88;margin:0 0 28px}.cta h2 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400}.cta p{color:var(--muted);font-size:17px;line-height:1.5;margin:0 auto 26px;max-width:480px}.footer{background:var(--ink);color:#fff;padding:29px 28px}.footer-inner{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.6)}.footer .brand{color:#fff}.footer .brand img{filter:invert(1)}.catalog{max-width:1240px;margin:auto;padding:65px 28px}.catalog h1{font-size:clamp(58px,8vw,112px);letter-spacing:-.09em;line-height:.86;margin:20px 0 42px}.catalog h1 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.catalog-card{border:1px solid var(--line);border-radius:22px;padding:27px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s var(--ease)}.catalog-card:hover{transform:translateY(-5px)}.catalog-card span{font:11px/1 "DM Mono",monospace}.catalog-card h2{font-size:34px;letter-spacing:-.06em;margin:42px 0 0}.catalog-card p{color:var(--muted);margin:9px 0 0}.theme-voice{--paper:#faf9f9;--ink:#242026;--muted:#756f78;--accent:#7e55e9;--stage:#e9ddff;--panel:#5c35c5;--cta:#e9ddff}.theme-insight{--paper:#fffbf5;--ink:#2b2020;--muted:#786a62;--accent:#e36050;--stage:#f6dfca;--panel:#d94d3a;--cta:#fde0c4}.theme-search{--paper:#17121d;--ink:#fffaff;--muted:#c9bdcc;--accent:#d894ff;--stage:#2a1936;--panel:#5d2f78;--cta:#d894ff}.theme-search .nav-action,.theme-search .button{background:#fffaff;color:#201228;border-color:#fffaff}.theme-search .hero-stage,.theme-ops .hero-stage,.theme-studio .hero-stage,.theme-flow .hero-stage{border-color:rgba(255,255,255,.15)}.theme-search .section,.theme-ops .section,.theme-studio .section,.theme-flow .section{border-color:rgba(255,255,255,.16)}.theme-search .feature,.theme-ops .feature,.theme-studio .feature,.theme-flow .feature{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.045)}.theme-search .feature:hover,.theme-ops .feature:hover,.theme-studio .feature:hover,.theme-flow .feature:hover{background:rgba(255,255,255,.085)}.theme-ops{--paper:#0e1214;--ink:#f1f3ef;--muted:#a5aca7;--accent:#b5ff49;--stage:#1a2220;--panel:#121716;--cta:#b5ff49}.theme-ops .nav-action,.theme-ops .button{background:var(--accent);color:#111}.theme-studio{--paper:#151515;--ink:#f5f1eb;--muted:#b9b5af;--accent:#ff7449;--stage:#28221f;--panel:#614436;--cta:#ff7449}.theme-studio .nav-action,.theme-studio .button{background:#f5f1eb;color:#161616;border-color:#f5f1eb}.theme-metrics{--paper:#eeece6;--ink:#27312c;--muted:#68736c;--accent:#008f72;--stage:#d2dfd8;--panel:#0d4f42;--cta:#b6e6d7}.theme-system{--paper:#f7f9ff;--ink:#151b2e;--muted:#68708a;--accent:#3e65e6;--stage:#e4eafd;--panel:#243a97;--cta:#d7e1ff}.theme-flow{--paper:#11121d;--ink:#f7f7ff;--muted:#b4b4cc;--accent:#d7ff4f;--stage:#1d1f36;--panel:#34395e;--cta:#d7ff4f}.theme-flow .nav-action,.theme-flow .button{background:var(--accent);color:#151621}.theme-research{--paper:#f8f3eb;--ink:#30251e;--muted:#77685c;--accent:#b75837;--stage:#eaddcb;--panel:#6b3a2d;--cta:#e9c6b5}.theme-access{--paper:#f5f8fa;--ink:#10242d;--muted:#627681;--accent:#2589c9;--stage:#dcecf5;--panel:#1f688e;--cta:#d3ebf7}.theme-voice .stage-orb{background:radial-gradient(circle at 34% 29%,#fff 0 5%,#dbbeff 21%,#8c61ff 58%,#5122b0 100%)}.theme-metrics .stage-orb{background:radial-gradient(circle at 34% 29%,#e2fff5 0 5%,#68d3b2 21%,#079779 58%,#005b4a 100%)}.theme-research .stage-orb{background:radial-gradient(circle at 34% 29%,#fff5e8 0 5%,#f0b282 21%,#c46543 58%,#692e22 100%)}@media(max-width:850px){.nav-links{display:none}.nav{padding:18px}.hero{grid-template-columns:1fr;padding:48px 18px 25px;gap:35px}.hero-stage{min-height:330px}.section{padding:72px 18px}.feature-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.product-panel{grid-template-columns:1fr}.panel-copy{padding:38px}.panel-shot{min-height:340px}.cta{padding:85px 18px}.footer{padding:25px 18px}.footer-inner{align-items:start;flex-direction:column;gap:18px}.catalog{padding:48px 18px}.catalog-grid{grid-template-columns:1fr}}
