:root{--ink:#090807;--bone:#f1ede5;--ox:#7d1028;--ox2:#a61d43;--gold:#b89a5e;--green:#0d2a22;--line:rgba(241,237,229,.17);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);scrollbar-color:var(--ox) var(--ink)}body{margin:0;background:var(--ink);color:var(--bone);font-family:"DM Sans",sans-serif;overflow-x:hidden}::selection{background:var(--ox2);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #d4b56e;outline-offset:5px}
.nav{position:absolute;z-index:20;top:0;left:0;width:100%;height:88px;padding:0 clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:14px;letter-spacing:.22em;font-weight:600}.nav nav{display:flex;gap:38px;font-size:14px;color:#c9c3bb}.nav nav a{transition:color .25s}.nav nav a:hover{color:#fff}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--bone);margin:6px}
.hero{min-height:760px;height:min(82vw,900px);max-height:920px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 80%,#2b0710 0,transparent 35%),#090807}.hero-copy{position:relative;z-index:6;padding:clamp(150px,15vh,190px) 0 80px clamp(24px,5vw,76px);width:min(47vw,680px)}.hero h1{margin:0;font-weight:600;letter-spacing:-.04em;line-height:.86;font-size:clamp(70px,7.25vw,112px)}.hero h1 span{display:block}.hero h1 em{display:block;font-family:"Newsreader",serif;font-weight:500;letter-spacing:-.035em;margin-top:12px;white-space:nowrap}.hero-copy p{font-size:clamp(17px,1.4vw,22px);line-height:1.45;color:#b6afa7;max-width:520px;margin:34px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:999px;padding:16px 22px;min-width:220px;font-weight:600;transition:transform .3s var(--ease),background .3s}.button:hover{transform:translateY(-3px)}.button-light{background:var(--bone);color:#171411}.button-dark{background:var(--ink);color:var(--bone)}
.ribbon-stage{position:absolute;z-index:3;right:-24vw;top:-1%;width:min(88vw,1340px);height:86%;transform:rotate(-1deg)}.ribbon{position:absolute;width:100%;height:100%;object-fit:contain;filter:saturate(1.25) contrast(1.08) drop-shadow(0 46px 35px rgba(0,0,0,.7))}.ribbon-main{transform:scale(1.16)}.ribbon-reflection{top:78%;transform:scale(1.16) scaleY(-.34);opacity:.28;filter:blur(5px) saturate(1.4);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 70%)}.hero-floor{position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(180deg,transparent,rgba(79,5,25,.38) 55%,rgba(14,5,8,.9));z-index:2}.hero-glow{position:absolute;z-index:1;right:5%;bottom:4%;width:75%;height:22%;background:#7d0e2e;filter:blur(95px);opacity:.35}.scroll-cue{position:absolute;z-index:8;right:4vw;bottom:28px;text-transform:uppercase;font-size:10px;letter-spacing:.15em;color:#a69e96}.scroll-cue span{color:#bb2a4d;margin-left:14px}
.product-marquee{background:#080706;padding:0 3.5vw 90px}.product-tabs{height:112px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.product-tab{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;padding:0 24px;display:flex;align-items:center;gap:16px;font-size:18px;color:#aaa39b;cursor:pointer;text-align:left;transition:color .3s,background .3s}.product-tab:last-child{border-right:0}.product-tab:hover,.product-tab.active{color:#fff;background:rgba(255,255,255,.035)}.product-mark{width:36px;height:36px;display:inline-grid;place-items:center;position:relative;flex:0 0 36px}.product-mark svg{width:100%;height:100%;overflow:visible}.mark-hq .hq-shell{fill:#54b87c;stroke:#8be5ae;stroke-width:1}.mark-hq .hq-room{fill:#0d2a22;stroke:#b89a5e;stroke-width:1.2;stroke-linejoin:round}.mark-hq .hq-door{fill:none;stroke:#e7d39d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.mark-hq circle{fill:#e7c66e}.mark-quapora .quapora-tile{fill:#eee6d9;stroke:#9f8c70;stroke-width:1}.mark-quapora circle,.mark-quapora .quapora-tail{fill:none;stroke:#7d1028;stroke-width:2.2;stroke-linecap:round}.mark-quapora circle:nth-of-type(2){stroke:#b89a5e;stroke-width:1.3}.mark-studio .studio-shape{fill:#971637}.mark-studio .studio-frame{fill:none;stroke:#fff;stroke-width:1.8}.mark-lapiukas path:first-child{fill:#d7602d;stroke:#f2b27f;stroke-width:1.2;stroke-linejoin:round}.mark-lapiukas path:last-child{fill:none;stroke:#2d1c13;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.product-stage{position:relative;min-height:640px}.product-panel{min-height:620px;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:.78fr 1.22fr;align-items:stretch;position:relative;animation:panelIn .65s var(--ease) both}.product-panel[hidden]{display:none}.panel-hq{background:var(--green)}.panel-bound{background:#eae4d9;color:#1b1815}.panel-studio{background:#181817}.panel-lapiukas{background:#f0b940;color:#2d1c13}.panel-copy{padding:68px 50px;display:flex;flex-direction:column;align-items:flex-start;z-index:2}.panel-type{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600;color:var(--gold)}.panel-copy h2{font-family:"Newsreader",serif;font-size:clamp(50px,5vw,78px);line-height:.94;font-weight:500;letter-spacing:-.025em;margin:30px 0 24px}.panel-copy p{font-size:18px;line-height:1.55;max-width:430px;color:inherit;opacity:.7}.panel-copy a{margin-top:auto;border-bottom:1px solid currentColor;padding-bottom:6px;font-weight:600}.panel-copy a span{margin-left:12px}.hq-device{margin:46px;display:grid;place-items:center;background:radial-gradient(circle at 50% 5%,rgba(78,177,121,.16),transparent 38%),#061b16;border:1px solid rgba(255,255,255,.1);border-radius:15px;overflow:hidden;padding:26px}
.hq-prototype{width:min(100%,600px);height:100%;min-height:510px;border-radius:22px;background:linear-gradient(155deg,#113c31,#0a251e 48%,#102b24);border:1px solid rgba(148,220,177,.28);box-shadow:0 32px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.06);padding:25px;color:#eff7f1;display:flex;flex-direction:column}.hq-prototype-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:17px}.hq-prototype-head div{display:flex;flex-direction:column}.hq-prototype-head b{font-family:"Newsreader",serif;font-size:28px;font-weight:500}.hq-prototype-head small{font-size:7px;letter-spacing:.18em;text-transform:uppercase;color:#9fb9aa}.hq-prototype-head>span{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#86c49d;border:1px solid rgba(134,196,157,.35);padding:6px 8px;border-radius:999px}.hq-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.hq-mode{border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.1);border-radius:999px;padding:8px 5px;color:#a9bbb1;font-size:9px;cursor:pointer;transition:.25s}.hq-mode:hover,.hq-mode.active{background:#284b3e;color:#f5f2e9;border-color:#697d60;box-shadow:0 7px 20px rgba(0,0,0,.18)}.hq-view{display:flex;flex-direction:column;flex:1}.hq-view>small{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#c4a867;margin-top:4px}.hq-view h3{font-family:"Newsreader",serif;font-size:34px;line-height:1;margin:8px 0 5px;font-weight:500}.hq-view>p{font-size:10px;color:#a6b7ac;margin:0 0 16px}.hq-status{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:14px;border:1px solid rgba(100,202,141,.42);background:linear-gradient(135deg,rgba(57,110,82,.55),rgba(23,60,47,.55));border-radius:13px}.hq-orb{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#09231c;color:#d6b96d;font-family:"Newsreader",serif}.hq-status div{display:flex;flex-direction:column;gap:3px}.hq-status b{font-size:10px}.hq-status small{font-size:8px;color:#adc1b5}.hq-status button{border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.16);border-radius:999px;padding:8px 10px;font-size:8px;white-space:nowrap;cursor:pointer}.hq-briefing{margin-top:11px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:13px;display:flex;flex-direction:column;background:rgba(4,24,18,.28)}.hq-briefing span,.hq-mini-grid span{font-size:7px;letter-spacing:.13em;text-transform:uppercase;color:#c4a867}.hq-briefing b{font-family:"Newsreader",serif;font-size:18px;font-weight:500;margin:5px 0 2px}.hq-briefing small,.hq-mini-grid small{font-size:8px;color:#9fafaa}.hq-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.hq-mini-grid div{padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;display:flex;flex-direction:column}.hq-mini-grid b{font-size:10px;margin:5px 0 2px}
.app-window{margin:46px;min-height:520px;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:180px 1fr;box-shadow:0 40px 80px rgba(0,0,0,.25);align-self:stretch}.light-ui{background:#fff;color:#1b1815}.dark-ui{background:#111;color:#f1ede5;border:1px solid #353330}.app-sidebar{padding:30px 22px;background:rgba(0,0,0,.05);display:flex;flex-direction:column;gap:24px}.dark-ui .app-sidebar{background:#191918}.app-sidebar b{margin-bottom:30px}.app-sidebar span{opacity:.55}.app-content{padding:46px}.app-content small{letter-spacing:.14em;opacity:.45}.app-content h3{font-size:34px;margin:12px 0 38px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields label{padding:18px;background:#f3f0eb;border-radius:10px;color:#777}.fields strong{display:block;color:#111;margin-top:10px;font-size:21px}.result{display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px solid #ded8cf}.app-content>button{margin-top:30px;border:0;border-radius:999px;background:var(--ox);color:#fff;padding:14px 20px}.prompt-box{border:1px solid #444;border-radius:10px;padding:24px;color:#aaa;min-height:110px;position:relative}.prompt-box i{position:absolute;width:8px;height:18px;background:#aa2447;bottom:20px;left:24px;animation:blink 1s steps(1) infinite}.chips{display:flex;gap:8px;margin:18px 0}.chips span{border:1px solid #3d3c3a;border-radius:999px;padding:8px 12px;font-size:12px}.media-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.media-row i{height:110px;border-radius:10px;background:linear-gradient(135deg,#4e0e20,#130d0f)}.media-row i:nth-child(2){background:linear-gradient(135deg,#ece5d9,#8f8880)}.media-row i:nth-child(3){background:linear-gradient(135deg,#1e3a31,#07120f)}
.lapiukas-scene{margin:46px;position:relative;border-radius:15px;overflow:hidden;background:linear-gradient(#72c3d1 0 58%,#75aa55 58%);min-height:520px}.sun{position:absolute;width:110px;height:110px;border-radius:50%;background:#ffe28c;right:12%;top:10%;box-shadow:0 0 70px #ffe28c}.fox{position:absolute;left:15%;bottom:11%;width:210px;height:250px;background:#d7602d;border-radius:50% 50% 42% 42%}.ear{position:absolute;top:-45px;width:90px;height:100px;background:#d7602d;clip-path:polygon(50% 0,100% 100%,0 100%)}.ear.left{left:5px;transform:rotate(-12deg)}.ear.right{right:5px;transform:rotate(12deg)}.face{position:absolute;left:35px;top:55px;width:140px;height:120px;border-radius:50%;background:#fff1db;clip-path:polygon(0 0,50% 100%,100% 0,100% 100%,0 100%)}.face:before,.face:after{content:"";position:absolute;top:34px;width:9px;height:12px;border-radius:50%;background:#3a251c}.face:before{left:32px}.face:after{right:32px}.face i{position:absolute;left:64px;top:68px;width:13px;height:10px;border-radius:50%;background:#3a251c}.speech{position:absolute;left:43%;top:14%;background:#fff;color:#2d1c13;padding:18px 24px;border-radius:18px;font-weight:600}.lesson{position:absolute;right:8%;bottom:11%;width:270px;padding:25px;background:#fff9e8;border-radius:15px;box-shadow:0 22px 60px rgba(49,39,12,.25)}.lesson span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.lesson strong{display:block;font-family:"Newsreader";font-size:60px;margin:8px 0}.lesson button{border:0;background:#2d1c13;color:#fff;border-radius:999px;padding:12px 18px}
.manifesto{padding:150px 6vw;background:var(--bone);color:#191614}.manifesto>p{text-transform:uppercase;letter-spacing:.13em;font-size:12px;color:var(--ox);margin:0 0 65px}.manifesto h2{font-family:"Newsreader";font-size:clamp(54px,7vw,110px);font-weight:500;line-height:.96;letter-spacing:-.025em;margin:0;max-width:1200px}.manifesto h2 em{color:var(--ox)}.manifesto-notes{margin-top:100px;padding-top:30px;border-top:1px solid #cec7bd;display:flex;justify-content:space-between;color:#68625d;font-size:13px;line-height:1.6;text-transform:uppercase;letter-spacing:.08em}.work-list{background:#701b2a;padding:130px 6vw;color:#f4e8e5}.work-list h2{font-family:"Newsreader";font-size:clamp(70px,8vw,126px);font-weight:500;margin:0 0 60px}.work-row{display:grid;grid-template-columns:.7fr 2fr .4fr;align-items:center;padding:30px 0;border-top:1px solid rgba(255,255,255,.22)}.work-row span{font-family:"Newsreader";font-size:36px}.work-row p{opacity:.68}.work-row b{text-align:right;text-transform:uppercase;font-size:10px;letter-spacing:.13em}.contact{background:var(--bone);color:#171411;padding:130px 6vw;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.contact h2{font-family:"Newsreader";font-weight:500;font-size:clamp(60px,7vw,110px);line-height:.92;margin:0}.contact h2 em{color:var(--ox)}footer{background:var(--bone);color:#5a544e;border-top:1px solid #d4cec5;padding:28px 6vw;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em}footer div{display:flex;gap:22px}
@keyframes panelIn{from{opacity:0;transform:translateY(18px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes blink{50%{opacity:0}}
@media(max-width:900px){.nav{height:72px}.nav nav{display:none;position:absolute;top:72px;left:18px;right:18px;padding:22px;background:#141210;border:1px solid var(--line);flex-direction:column;gap:20px}.nav.open nav{display:flex}.menu-toggle{display:block}.hero{height:850px;min-height:850px}.hero-copy{padding:126px 24px 0;width:100%}.hero h1{font-size:58px;line-height:.9}.hero h1 em{white-space:normal}.hero-copy p{font-size:16px;max-width:330px;margin:24px 0}.ribbon-stage{top:380px;right:-46%;width:150%;height:48%}.ribbon-main{transform:scale(1.45)}.ribbon-reflection{display:none}.hero-floor{height:20%}.scroll-cue{display:none}.product-marquee{padding:0 16px 52px}.product-tabs{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.product-tab{min-width:0;height:74px;padding:0 14px;gap:11px;font-size:14px;line-height:1.15}.product-tab:nth-child(2){border-right:0}.product-tab:nth-child(-n+2){border-bottom:1px solid var(--line)}.product-mark{width:30px;height:30px;flex-basis:30px}.product-panel{grid-template-columns:1fr;min-height:820px}.panel-copy{padding:42px 28px;min-height:390px}.panel-copy h2{font-size:54px}.panel-copy p{font-size:16px}.hq-device,.app-window,.lapiukas-scene{margin:0 18px 18px;min-height:460px}.hq-device img{height:440px}.app-window{grid-template-columns:95px 1fr}.app-sidebar{padding:20px 12px;gap:18px;font-size:12px}.app-content{padding:25px 18px}.app-content h3{font-size:26px}.lapiukas-scene{min-height:480px}.fox{transform:scale(.7);transform-origin:bottom left}.lesson{width:210px;right:5%;padding:18px}.speech{left:35%;font-size:12px}.manifesto,.work-list,.contact{padding:90px 24px}.manifesto h2{font-size:54px}.manifesto-notes{margin-top:65px;gap:30px;flex-direction:column}.work-row{grid-template-columns:1fr auto;padding:25px 0}.work-row p{grid-column:1/-1;grid-row:2;margin-bottom:0}.work-row span{font-size:31px}.contact{align-items:flex-start;flex-direction:column}.contact h2{font-size:58px}footer{padding:25px 24px;flex-direction:column;gap:18px}footer>span:last-child{display:none}}
@view-transition{navigation:auto}
.service-bridge{padding:140px 6vw;background:#191817;color:var(--bone);position:relative;overflow:hidden}.service-bridge:after{content:"";position:absolute;width:56vw;height:56vw;border-radius:50%;background:#7d1028;right:-24vw;top:-32vw;filter:blur(90px);opacity:.55}.service-bridge>span{position:relative;z-index:1;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#a83650}.service-bridge h2{position:relative;z-index:1;font-family:"Newsreader";font-size:clamp(64px,8vw,122px);font-weight:500;line-height:.9;margin:42px 0 70px}.service-bridge h2 em{color:#a83650}.service-bridge a{position:relative;z-index:1;display:inline-flex;gap:45px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:9px;font-weight:600}.service-bridge a b{font-weight:500}.motion-ready .ribbon-stage{animation:ribbonUnfold .9s var(--ease) both}.motion-ready .hero-copy{animation:copyResolve .72s var(--ease) both}@keyframes ribbonUnfold{from{opacity:.35;clip-path:inset(0 0 0 65%);filter:blur(12px)}to{opacity:1;clip-path:inset(0);filter:none}}@keyframes copyResolve{from{opacity:.55;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:900px){.service-bridge{padding:90px 24px}.service-bridge h2{font-size:58px}.service-bridge:after{width:100vw;height:100vw;right:-55vw;top:-25vw}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.motion-ready .ribbon-stage,.motion-ready .hero-copy{animation:none!important}}
@media(min-width:901px){.ribbon-stage{top:2%;right:1.5vw;width:min(64vw,1080px)}.ribbon-main{transform:scale(1)}}
@media(max-width:900px){.hq-device{margin:0 18px 18px;min-height:490px;padding:14px}.hq-prototype{min-height:455px;padding:18px 14px;border-radius:17px}.hq-prototype-head>span{font-size:7px}.hq-view h3{font-size:29px}.hq-status{grid-template-columns:27px 1fr;padding:11px}.hq-status button{grid-column:2;justify-self:start}.hq-briefing{padding:11px}.hq-mini-grid div{padding:10px}}
.control-centre{padding:140px 4vw;background:radial-gradient(circle at 10% 5%,rgba(157,32,69,.7),transparent 34%),radial-gradient(circle at 90% 92%,rgba(42,106,83,.45),transparent 32%),#100b0d;color:#f7f1e9;overflow:hidden}.cc-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;max-width:1500px;margin:0 auto 76px}.cc-intro>div:first-child>span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#c6a565}.cc-intro h2{font-family:"Newsreader",serif;font-size:clamp(68px,8vw,128px);font-weight:500;line-height:.82;letter-spacing:-.035em;margin:32px 0 0}.cc-intro h2 em{color:#c23d61}.cc-intro p{font-size:20px;line-height:1.55;color:#c6bdba;max-width:580px;margin:0 0 28px}.cc-demo-label{display:inline-flex;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 14px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#d6c5c3;background:rgba(255,255,255,.04)}.cc-frame{max-width:1500px;min-height:760px;margin:auto;display:grid;grid-template-columns:210px 1fr;border:1px solid rgba(255,255,255,.18);border-radius:28px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.045));box-shadow:0 55px 110px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.16);backdrop-filter:blur(24px);position:relative}.cc-frame:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:#b72952;filter:blur(140px);opacity:.22;right:-120px;top:-180px;pointer-events:none}.cc-sidebar{position:relative;z-index:1;padding:32px 22px;border-right:1px solid rgba(255,255,255,.12);background:rgba(15,9,11,.35);display:flex;flex-direction:column}.cc-brand{display:flex;align-items:center;gap:13px}.cc-brand>span{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#a5274a,#701b2a);display:grid;place-items:center;font-family:"Newsreader",serif;font-size:18px;box-shadow:inset 0 1px rgba(255,255,255,.25),0 12px 25px rgba(0,0,0,.25)}.cc-brand b{font-size:13px;line-height:1.15}.cc-sidebar nav{display:flex;flex-direction:column;gap:8px;margin-top:70px}.cc-nav{border:0;background:transparent;border-radius:11px;padding:13px 14px;text-align:left;color:#a99da0;display:flex;gap:13px;align-items:center;cursor:pointer;font-size:13px;transition:.25s}.cc-nav span{font-size:16px;width:18px;text-align:center}.cc-nav:hover,.cc-nav.active{color:#fff;background:linear-gradient(90deg,rgba(176,51,88,.4),rgba(255,255,255,.06));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.cc-sidebar-note{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;flex-direction:column;gap:5px}.cc-sidebar-note span{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#c6a565}.cc-sidebar-note b{font-size:11px}.cc-sidebar-note small{font-size:9px;color:#7f7476}.cc-dashboard{position:relative;z-index:1;padding:28px 34px 32px;min-width:0}.cc-topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.cc-topbar>div:first-child{display:flex;flex-direction:column}.cc-topbar small{font-size:8px;letter-spacing:.14em;color:#918487}.cc-topbar b{font-size:14px;margin-top:3px}.cc-live{font-size:9px;color:#b6cbc0;border:1px solid rgba(112,196,147,.25);padding:8px 11px;border-radius:999px;background:rgba(50,112,77,.16)}.cc-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#69d99a;margin-right:6px;box-shadow:0 0 10px #69d99a}.cc-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin:31px 0 25px}.cc-heading small{font-size:8px;letter-spacing:.15em;color:#c6a565}.cc-heading h3{font-family:"Newsreader",serif;font-size:42px;font-weight:500;margin:7px 0 4px}.cc-heading p{font-size:12px;color:#9b8f92;margin:0}.cc-period{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:999px;padding:9px 13px;font-size:10px;color:#d5cccd}.cc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cc-kpis article{padding:19px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.08)}.cc-kpis span{display:block;font-size:9px;color:#9d9194}.cc-kpis b{display:block;font-family:"Newsreader",serif;font-size:30px;font-weight:500;margin:13px 0 6px}.cc-kpis small{font-size:8px;color:#9d9194}.cc-kpis small.up{color:#77d5a0}.cc-kpis small.down{color:#d6ad7a}.cc-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:13px;margin-top:13px}.cc-chart,.cc-regions{min-height:260px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);padding:20px;overflow:hidden}.cc-card-head{display:flex;justify-content:space-between;gap:16px}.cc-card-head>div:first-child{display:flex;flex-direction:column;gap:4px}.cc-card-head span{font-size:11px}.cc-card-head small{font-size:8px;color:#7f7476}.cc-legend{font-size:8px;color:#887d80}.cc-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#b92d56;margin:0 5px 0 10px}.cc-legend i:nth-child(2){background:#6a9d88}.cc-bars{height:158px;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;margin-top:18px;border-bottom:1px solid rgba(255,255,255,.1);background:repeating-linear-gradient(to bottom,rgba(255,255,255,.055) 0,rgba(255,255,255,.055) 1px,transparent 1px,transparent 39px)}.cc-bars i{width:12%;height:var(--b);border-radius:7px 7px 0 0;background:linear-gradient(to top,rgba(76,132,106,.1),rgba(84,153,121,.55));position:relative}.cc-bars i:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:var(--a);border-radius:5px 5px 0 0;background:linear-gradient(to top,#701b2a,#ca3d67);box-shadow:0 0 22px rgba(195,43,88,.25)}.cc-axis{display:flex;justify-content:space-around;padding-top:8px;font-size:7px;color:#756a6d}.cc-regions{position:relative}.cc-ring{width:122px;height:122px;border-radius:50%;margin:15px auto 8px;background:conic-gradient(#c03861 0 34%,#477e69 34% 65%,rgba(255,255,255,.09) 65%);display:grid;place-items:center;box-shadow:0 0 30px rgba(188,49,90,.14)}.cc-ring:before{content:"";position:absolute;width:88px;height:88px;border-radius:50%;background:#1d1518}.cc-ring>div{position:relative;z-index:1;text-align:center}.cc-ring b{display:block;font-family:"Newsreader",serif;font-size:24px;font-weight:500}.cc-ring small{font-size:7px;color:#8a7e81}.cc-region-list{display:flex;flex-direction:column;gap:7px}.cc-region-list span{font-size:8px;color:#93878a;display:flex;align-items:center}.cc-region-list i{width:6px;height:6px;border-radius:50%;background:#c03861;margin-right:7px}.cc-region-list span:nth-child(2) i{background:#799f8d}.cc-region-list span:nth-child(3) i{background:#b99d63}.cc-region-list b{margin-left:auto;color:#d9d0d1}.cc-decision{margin-top:13px;border:1px solid rgba(213,180,100,.28);background:linear-gradient(105deg,rgba(154,108,35,.2),rgba(126,31,59,.2));border-radius:18px;padding:17px 18px;display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:center}.cc-spark{width:34px;height:34px;border-radius:11px;background:#b99851;color:#20150d;display:grid;place-items:center}.cc-decision div:nth-child(2){display:flex;flex-direction:column}.cc-decision span{font-size:7px;letter-spacing:.14em;color:#c6a565}.cc-decision b{font-size:11px;margin:4px 0}.cc-decision p{font-size:8px;color:#9c8f91;margin:0}.cc-decision button{border:1px solid rgba(255,255,255,.12);background:rgba(12,8,9,.35);border-radius:999px;padding:10px 13px;font-size:9px;white-space:nowrap;cursor:pointer}
@media(max-width:900px){.control-centre{padding:90px 18px}.cc-intro{grid-template-columns:1fr;gap:32px;margin-bottom:45px}.cc-intro h2{font-size:64px}.cc-intro p{font-size:17px}.cc-frame{grid-template-columns:1fr;min-height:auto;border-radius:20px}.cc-sidebar{padding:18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.cc-brand b,.cc-sidebar-note{display:none}.cc-sidebar nav{margin:18px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.cc-nav{justify-content:center;padding:10px 5px;font-size:10px}.cc-nav span{display:none}.cc-dashboard{padding:21px 14px 18px}.cc-heading{align-items:flex-start;margin:24px 0 20px}.cc-heading h3{font-size:32px}.cc-heading p{font-size:10px}.cc-period{display:none}.cc-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.cc-kpis article{padding:14px}.cc-kpis b{font-size:25px}.cc-grid{grid-template-columns:1fr}.cc-chart{min-height:235px;padding:15px}.cc-regions{display:none}.cc-decision{grid-template-columns:30px 1fr;padding:14px;gap:10px}.cc-decision button{grid-column:2;justify-self:start}.cc-legend{display:none}}