:root{--bg:#080c17;--surface:#111827;--surface2:#141d30;--border:#273149;--text:#f4f8ff;--muted:#9caac2;--cyan:#22daf2;--blue:#367cff;--purple:#b653fa;--grad:linear-gradient(115deg,#27e1ee 3%,#3482fb 54%,#bc4afb 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 48px));margin:auto}.glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px);opacity:.2;z-index:-1}.glow-one{width:440px;height:440px;background:#007dff;left:-280px;top:120px}.glow-two{width:430px;height:430px;background:#7426f0;right:-220px;top:390px}.header{height:84px;border-bottom:1px solid #ffffff13;background:#080c17dc;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.nav-wrap{width:min(1210px,calc(100% - 48px));height:100%;margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:.21em;line-height:1}.brand small{display:block;margin-top:7px;color:#78d9f8;font-size:8px;font-weight:600;letter-spacing:.25em}.brand-icon{width:40px;height:40px;border-radius:11px;background:var(--grad);color:white;display:grid;place-items:center;font-size:28px;line-height:1;box-shadow:0 0 22px #147dff43}nav{display:flex;align-items:center;gap:30px}nav a{font-size:12px;color:#d8e3f5;transition:color .2s}nav a:hover{color:var(--cyan)}.nav-contact{border:1px solid #4490ed6e;padding:12px 17px;border-radius:10px}.nav-contact span{margin-left:10px}.menu-btn{display:none;background:none;color:white;border:0;font-size:24px}.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;min-height:640px;padding-top:52px;padding-bottom:75px;gap:20px}.eyebrow,.section-tag{font-size:11px;font-weight:700;letter-spacing:.22em;color:#83d7fb}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1deed7;box-shadow:0 0 12px #1deed7;margin-right:9px}.hero h1{font-size:clamp(47px,5.1vw,78px);line-height:1.1;letter-spacing:-.055em;margin:24px 0 20px}.gradient-text{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:17px;color:#adbad1;max-width:530px;margin:0 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border-radius:11px;min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:12px 19px;font-size:13px;font-weight:700;border:1px solid transparent;transition:transform .2s,box-shadow .2s;background:transparent;color:white}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--grad);box-shadow:0 8px 30px #287efa34}.btn.secondary{background:#121b2a;border-color:#34445c}.hero-metrics{display:flex;gap:42px;margin-top:52px}.hero-metrics div{display:flex;flex-direction:column}.hero-metrics strong{font-size:32px;font-weight:800;line-height:1.1}.hero-metrics span{font-size:11px;color:var(--muted);margin-top:7px}.hero-art{position:relative;min-height:470px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#2447a925 0%,transparent 66%)}.main-logo{width:103%;max-height:490px;object-fit:contain;filter:drop-shadow(0 0 20px #226ffb22);animation:float 6s ease-in-out infinite}.orbit{position:absolute;border:1px solid #4c87fb32;border-radius:50%;width:440px;height:350px;transform:rotate(-27deg)}.orbit-b{transform:rotate(33deg);width:380px;height:460px;border-color:#9d52ff2d}.float-label{position:absolute;color:#b6cae8;font-size:9px;letter-spacing:.25em;white-space:nowrap;border:1px solid #3b5f915e;background:#10182bc7;backdrop-filter:blur(8px);padding:10px 14px;border-radius:9px}.label-top{right:0;top:46px}.label-top span{color:var(--cyan)}.label-bottom{bottom:31px;left:0}.ticker{border-top:1px solid #273149;border-bottom:1px solid #273149;background:#0d1424;overflow:hidden}.ticker div{width:max-content;padding:16px;white-space:nowrap;color:#8a9dbc;font-size:11px;font-weight:700;letter-spacing:.3em;animation:marquee 36s linear infinite}.ticker span{color:var(--cyan);margin:0 22px}.section{padding-top:108px;padding-bottom:108px;scroll-margin-top:80px}.section-tag{margin-bottom:22px}.section h2{font-size:clamp(33px,4vw,51px);line-height:1.18;letter-spacing:-.045em;margin:0}.muted{color:#71819d}.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px}.about-copy p{color:#b0bfd4;margin:0 0 20px}.about-copy strong{color:white}.link-arrow{color:#57d7fa;font-size:13px;font-weight:700}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head p{max-width:350px;font-size:14px;color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{position:relative;border:1px solid var(--border);background:linear-gradient(160deg,#141e31,#0d1422);border-radius:17px;padding:24px 20px;min-height:310px;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-6px);border-color:#3885ea}.service-number{position:absolute;right:20px;top:21px;color:#667993;font-size:11px}.service-icon{height:65px;font-size:41px;color:#37cdec}.service-card h3{font-size:15px;letter-spacing:.03em;margin:15px 0 12px}.service-card h3 span{color:#52d9ff}.service-card p{font-size:12px;color:#a0aec7;min-height:86px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips span{border:1px solid #2b3c58;background:#172237;color:#89b6d4;border-radius:5px;font-size:9px;letter-spacing:.07em;padding:4px 6px}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project{border-radius:18px;overflow:hidden;border:1px solid var(--border);background:#111a29}.project-art{height:260px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.velaris-art{background:radial-gradient(circle at 50% 70%,#4b2099 0%,#141140 45%,#060b1a 85%)}.velaris-art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 31px,#b94ffe10 32px 33px);transform:perspective(300px) rotateX(37deg) scale(1.5);top:50%}.project-art-mark{font-size:178px;font-weight:900;font-style:italic;line-height:1;color:transparent;background:linear-gradient(45deg,#d038ec,#3298f8,#a83cf7);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 40px #813fff)}.project-art-note{position:absolute;bottom:17px;left:25px;font-size:10px;letter-spacing:.17em;color:#e3caff;z-index:1}.mesvora-art{background:radial-gradient(circle at 50% 100%,#0e796b,#0d2d3a 48%,#071321)}.mockup-window{width:75%;border:1px solid #43847e;border-radius:12px;background:#11272f;box-shadow:0 30px 50px #0009;padding:15px;transform:rotate(-3deg)}.mockup-top{display:flex;align-items:center;gap:5px;border-bottom:1px solid #4c7b7c66;padding-bottom:10px;color:#b0d4da;font-size:9px;letter-spacing:.07em}.mockup-top i{width:7px;height:7px;border-radius:50%;background:#60ccbc}.mockup-top span{margin-left:10px}.mockup-stats{display:flex;gap:9px;padding:16px 0}.mockup-stats div{background:#193c45;flex:1;border-radius:7px;padding:9px}.mockup-stats b{display:block;font-size:21px;color:#80e4da}.mockup-stats small{color:#a5c6c7;font-size:9px}.mockup-bars{display:flex;gap:8px}.mockup-bars span{width:30%;height:8px;border-radius:5px;background:#318d8d}.mockup-bars span:nth-child(2){width:22%}.mockup-bars span:nth-child(3){width:40%}.project-content{padding:25px}.project-top{display:flex;justify-content:space-between;color:#6abed9;font-size:10px;font-weight:700;letter-spacing:.08em}.project h3{font-size:24px;letter-spacing:.03em;margin:12px 0}.project p{font-size:13px;color:#a7b7cc;min-height:65px}.project-status{font-size:10px;color:#8fdacf}.small-note{font-size:11px;color:#8492a8}.process-section{background:linear-gradient(180deg,#10182a,#0b1120)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:42px}.step{border-top:1px solid #41516e;padding-top:20px}.step>span{font-size:32px;font-weight:800;color:#3a8af7}.step h3{font-size:17px;margin:12px 0}.step p{font-size:13px;color:#9daec8;margin:0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}.contact-grid>div>p{color:#acbdd1;max-width:425px}.contact-hint{display:flex;align-items:start;gap:12px;padding:20px;margin-top:27px;border:1px solid #2b4965;background:#112137;border-radius:13px;color:#a4bed5;font-size:12px}.contact-hint:first-letter{color:#36dbf4}.form-panel{background:#121b2c;border:1px solid #2c3a54;border-radius:18px;padding:30px}.form-panel form{display:grid;gap:17px}.form-panel label{display:grid;gap:8px;font-size:12px;color:#bdcbe1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-panel input:not([type=checkbox]),.form-panel select,.form-panel textarea{background:#0b1220;border:1px solid #34415b;padding:12px 13px;border-radius:9px;width:100%;color:white;outline:0}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:#36c5ed;box-shadow:0 0 0 3px #2acbe71c}.form-panel textarea{resize:vertical}.form-panel .consent{display:flex;align-items:start;gap:10px;font-size:11px}.consent input{accent-color:#349dfa;margin-top:4px}.submit{width:100%}.form-feedback{font-size:12px;color:#a1eacb}.saved-area h3{color:#78e4d7}.saved-area p{font-size:13px;color:#a6b8d0}.saved-actions{display:flex;gap:12px;flex-wrap:wrap}.text-btn{color:#8ad8ed}.cta-strip{background:linear-gradient(115deg,#152b4a,#1a173c);border:1px solid #39517b;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:36px 42px;margin-bottom:90px}.cta-strip h2{font-size:28px;margin:12px 0 0}footer{border-top:1px solid #273149;background:#080c16}.footer-main{padding:48px 0;display:flex;align-items:center;justify-content:space-between}.footer-main p,.backtop{font-size:12px;color:#9aaccc}.footer-bottom{border-top:1px solid #24314b;display:flex;justify-content:space-between;padding:19px 0;font-size:10px;color:#7689a8}@keyframes float{50%{transform:translateY(-15px)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:960px){nav{gap:14px}nav a{font-size:11px}.hero{min-height:auto;padding-top:70px;grid-template-columns:1fr}.hero-art{min-height:350px}.main-logo{max-height:350px;width:75%}.about-grid{gap:30px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:260px}.contact-grid{gap:25px}}@media(max-width:650px){.container,.nav-wrap{width:calc(100% - 34px)}.header{height:72px}.brand{font-size:18px}.brand small{font-size:7px}.brand-icon{width:35px;height:35px}nav{position:absolute;display:none;top:71px;left:0;right:0;background:#0e1625;padding:20px;border-bottom:1px solid #283950;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px 14px;font-size:13px}.menu-btn{display:block}.hero{padding-top:65px;padding-bottom:40px}.hero h1{font-size:48px}.hero-copy>p{font-size:15px}.hero-metrics{gap:22px;margin-top:36px}.hero-metrics strong{font-size:26px}.hero-art{min-height:250px}.main-logo{width:95%;max-height:280px}.orbit{width:90%;height:65%}.orbit-b{width:67%;height:90%}.float-label{font-size:7px;padding:7px}.label-top{top:12px}.label-bottom{bottom:0}.section{padding-top:75px;padding-bottom:75px}.section h2{font-size:35px}.about-grid,.contact-grid,.portfolio-grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:20px}.services-grid{grid-template-columns:1fr}.service-card{min-height:auto}.service-card p{min-height:0}.steps{grid-template-columns:1fr 1fr;gap:30px}.form-row{grid-template-columns:1fr}.form-panel{padding:20px}.cta-strip{display:block;padding:26px;margin-bottom:55px}.cta-strip .btn{margin-top:20px}.footer-main{align-items:start;flex-direction:column;gap:16px}.footer-bottom{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.main-logo,.ticker div{animation:none}.btn:hover,.service-card:hover{transform:none}}


/* VISION LAB — self-contained, accessible, no third-party runtime */
.lab-shell{display:grid;grid-template-columns:1fr 1.06fr;overflow:hidden;border:1px solid #315075;border-radius:22px;background:#101929;box-shadow:0 30px 85px #0004}.lab-controls{padding:35px}.lab-kicker{color:#69d9f8;font-size:10px;letter-spacing:.16em;font-weight:750}.lab-controls h3{font-size:30px;line-height:1.2;margin:18px 0 10px}.lab-controls>p{font-size:13px;color:#a9bcd5}.lab-field{margin:23px 0 0;padding:0;border:0}.lab-field legend,.lab-label{font-size:12px;color:#dce8fb;font-weight:700;padding:0 0 10px}.lab-choices{display:flex;flex-wrap:wrap;gap:8px}.lab-choices button{background:#172339;color:#bbcae0;border:1px solid #314563;border-radius:8px;padding:10px 12px;font-size:12px;min-height:42px}.lab-choices button[aria-pressed=true]{border-color:#41d5ed;color:white;background:linear-gradient(125deg,#155474,#34336d);box-shadow:0 0 0 1px #39c7e429}.lab-label{display:block;margin-top:22px}.lab-controls input{width:100%;border-radius:9px;background:#0b1425;color:white;padding:12px;border:1px solid #344b69;outline-offset:3px}.lab-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.lab-note{font-size:10px!important;line-height:1.6}.lab-stage{--lab-a:#18d7ee;--lab-b:#6c52e6;position:relative;min-height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:75px 36px;background:radial-gradient(circle at 50% 43%,color-mix(in srgb,var(--lab-b),transparent 69%),transparent 53%),linear-gradient(145deg,#101d37,#090b1b 75%);isolation:isolate;transition:background .35s}.lab-stage[data-mood=minimal]{--lab-a:#9fe8dd;--lab-b:#536f8a}.lab-stage[data-mood=bold]{--lab-a:#fa6e99;--lab-b:#e2771e}.lab-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 96%,#ffffff0d 97%),linear-gradient(90deg,transparent 96%,#ffffff0d 97%);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000 3%,transparent 79%)}.lab-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--lab-a),transparent 65%);border-radius:50%;width:420px;height:330px;transform:rotate(-30deg);pointer-events:none}.lab-orbit-two{transform:rotate(55deg);width:300px;height:410px;border-color:color-mix(in srgb,var(--lab-b),transparent 43%)}.lab-demo-tag,.lab-bottom{position:absolute;font-size:10px;letter-spacing:.15em;color:#c5dcf2}.lab-demo-tag{top:26px;left:27px}.lab-demo-tag span{color:var(--lab-a)}.lab-bottom{bottom:23px;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px}.lab-demo-content{position:relative;z-index:1;max-width:430px;animation:lab-in .35s ease}.lab-glyph{margin:auto auto 19px;font-size:78px;color:var(--lab-a);line-height:1;text-shadow:0 0 42px var(--lab-b)}.lab-demo-overline{font-size:11px;color:var(--lab-a);letter-spacing:.27em;font-weight:700}.lab-demo-content h3{font-size:clamp(30px,3vw,47px);line-height:1.12;letter-spacing:-.045em;margin:15px 0}.lab-demo-content p{font-size:14px;color:#b5c6df}.lab-preview-cta{display:inline-block;margin-top:17px;padding:11px 22px;border:1px solid var(--lab-a);color:var(--lab-a);border-radius:30px;font-size:11px;font-weight:bold;letter-spacing:.13em}.lab-stage[data-kind=app] .lab-demo-content{border:1px solid #ffffff35;border-radius:29px;padding:43px 28px;background:#080c18c7;box-shadow:0 14px 50px #0009;width:min(100%,320px)}.lab-stage[data-kind=world] .lab-glyph{font-size:105px;transform:perspective(280px) rotateX(17deg)}.lab-stage[data-mood=minimal] .lab-orbit{border-style:dashed}.lab-stage[data-mood=bold] .lab-preview-cta{background:var(--lab-a);color:#17121a}.lab-choices button:focus-visible,.lab-actions button:focus-visible{outline:2px solid white;outline-offset:3px}@keyframes lab-in{from{opacity:.7;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.lab-shell{grid-template-columns:1fr}.lab-stage{min-height:430px}.lab-controls{padding:25px}}@media(max-width:480px){.lab-stage{padding:75px 23px;min-height:450px}.lab-orbit{width:300px;height:260px}.lab-orbit-two{width:230px;height:320px}.lab-bottom{font-size:8px}.lab-controls{padding:20px}}@media(prefers-reduced-motion:reduce){.lab-demo-content{animation:none}.lab-stage{transition:none}}


/* ZOVQEL LIVE STUDIO v5 - isolated local demonstrations */
.live-shell{border:1px solid #2c4c72;background:linear-gradient(135deg,#111b30,#0a111e);border-radius:22px;overflow:hidden;box-shadow:0 26px 70px #0004}
.live-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 28px;border-bottom:1px solid #283853}.live-label{color:#62d9ef;font-size:10px;letter-spacing:.2em;font-weight:750}.live-header h3{font-size:clamp(21px,3vw,30px);margin:6px 0 0;letter-spacing:-.03em}.live-header h3 span{color:#67cbff}.live-status{font-size:10px;letter-spacing:.08em;color:#85dcca;border:1px solid #2e665d;padding:7px 10px;border-radius:30px;white-space:nowrap}.live-tabs{display:flex;gap:10px;padding:16px 25px;border-bottom:1px solid #283853;flex-wrap:wrap}.live-tabs button{min-height:42px;border-radius:9px;background:#101c31;border:1px solid #324663;color:#b5c8e0;padding:10px 16px;font-size:12px;font-weight:700}.live-tabs button[aria-selected=true]{background:linear-gradient(120deg,#134b65,#36316b);border-color:#51c9ee;color:white}.live-panel{padding:25px;min-height:350px}.live-description{font-size:13px;color:#a4bbd4;margin:0 0 23px}.live-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.live-card{border:1px solid #2c415d;border-radius:15px;background:#101c2e;padding:20px}.live-card h4{margin:0 0 16px;font-size:15px}.live-items{display:grid;gap:9px}.live-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #26384f;padding:8px 0;font-size:13px}.live-item small{color:#8fa9c9}.live-mini-btn{padding:8px 12px;border-radius:8px;color:white;border:1px solid #358eb7;background:#18425c;font-size:12px;min-height:36px}.live-mini-btn:hover,.live-mini-btn:focus-visible{background:#235f7e}.live-mini-btn:disabled{opacity:.4;cursor:not-allowed}.live-primary{background:linear-gradient(110deg,#1579b2,#613db5);border:0;font-weight:700}.live-empty{color:#7d91ad;font-size:12px;padding:15px 0}.live-pill{font-size:10px;border:1px solid #355976;border-radius:30px;padding:4px 8px;color:#8ee4ee}.live-pill.done{border-color:#367c62;color:#83e7ba}.live-pill.wait{color:#eac383;border-color:#7e6740}.live-total{display:flex;justify-content:space-between;margin:15px 0;padding-top:12px;border-top:1px solid #30425c;font-size:14px;font-weight:700}.live-footer{border-top:1px solid #2d405c;display:flex;justify-content:space-between;align-items:center;padding:15px 25px;gap:12px;color:#9dc3d8;font-size:12px;min-height:79px}.live-footer .btn{font-size:11px;min-height:39px}.live-field{display:grid;gap:7px;font-size:12px;color:#b7c9dd;margin-bottom:15px}.live-field input,.live-field select{width:100%;border-radius:9px;border:1px solid #39506d;background:#0a1424;color:white;padding:11px;font-size:13px}.live-slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.live-slot-grid button{padding:12px 8px;border:1px solid #3b5473;background:#15253c;border-radius:9px;color:#d3e4fc;font-size:13px;min-height:45px}.live-slot-grid button[aria-pressed=true]{border-color:#5ae0ef;background:#205072}.live-slot-grid button:disabled{opacity:.35;cursor:not-allowed}.live-count{font-size:28px;font-weight:850;color:#7fddf6;display:block}.live-explainer{color:#9eb3d0;font-size:12px;line-height:1.7}.live-finished{color:#7bdfbd;font-weight:700}.live-tabs button:focus-visible,.live-mini-btn:focus-visible,.live-slot-grid button:focus-visible{outline:2px solid white;outline-offset:3px}
@media(max-width:720px){.live-header{display:block}.live-status{display:inline-block;margin-top:12px}.live-cols{grid-template-columns:1fr}.live-panel{padding:17px}.live-header{padding:20px}.live-tabs{padding:13px}.live-tabs button{flex:1 1 160px}.live-footer{flex-wrap:wrap;padding:14px 17px}.live-slot-grid{grid-template-columns:repeat(2,1fr)}}

/* v6 — Digital Twin interactive demo */
.twin-shell{border:1px solid rgba(115,211,243,.24);background:linear-gradient(140deg,#10182e,#0a1122);border-radius:24px;overflow:hidden;box-shadow:0 18px 60px #02081650}
.twin-top{padding:26px 28px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.twin-top h3{margin:5px 0;font-size:clamp(23px,3vw,34px)}.twin-top p{margin:0;color:#a2b4cc}.twin-demo-tag{font-size:11px;letter-spacing:.13em;color:#74e9ec;font-weight:800}.twin-pill{border:1px solid #52839e7d;border-radius:100px;color:#a4d4e6;padding:9px 13px;font-size:11px}
.twin-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:14px;padding:0 18px 18px}.twin-viewport{min-width:0;position:relative;background:#0a1120;border-radius:17px;overflow:hidden;border:1px solid #36546a}
#twinCanvas{display:block;width:100%;height:470px;touch-action:pan-y;cursor:grab}#twinCanvas:active{cursor:grabbing}
.twin-viewtools{display:flex;flex-wrap:wrap;gap:6px;position:absolute;top:12px;left:12px}.twin-viewtools button{border:1px solid #6ac5ea55;background:#0c172ad9;color:#e8f5ff;border-radius:8px;padding:7px 10px;cursor:pointer}.twin-viewtools button:hover,.twin-picks button:hover{background:#1c3a57}
.twin-side{display:flex;flex-direction:column;gap:12px}.twin-pane{border:1px solid #42627a6b;border-radius:14px;background:#0b1425;padding:17px;color:#e9f5ff}.twin-pane h4{margin:0 0 12px;font-size:15px}.twin-pane p{color:#adbed1;font-size:13px;line-height:1.6;margin:7px 0}.twin-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.twin-stat{background:#14253b;border-radius:10px;padding:11px}.twin-stat strong{font-size:23px;display:block;color:#74e9ed}.twin-stat small{color:#9aafc6;font-size:11px}.twin-picks{display:flex;gap:6px;flex-wrap:wrap}.twin-picks button{background:#162c42;border:1px solid #3b6175;color:#d8f2fc;border-radius:8px;padding:7px 9px;cursor:pointer;font-size:12px}
.twin-actions{display:grid;gap:8px}.twin-actions button{width:100%;background:linear-gradient(120deg,#1588bb,#8059bd);border:0;border-radius:10px;color:white;padding:12px;cursor:pointer;font-weight:700}.twin-actions button:disabled{opacity:.35;cursor:not-allowed}.twin-actions button:last-child{background:#203149;border:1px solid #557184}.twin-status{font-size:13px;color:#8ff1dc;min-height:36px;line-height:1.5}.twin-caption{padding:0 24px 22px;color:#93aabe;font-size:12px;line-height:1.6}
@media(max-width:900px){.twin-grid{grid-template-columns:1fr}.twin-side{display:grid;grid-template-columns:1fr 1fr}.twin-side>.twin-pane:last-child{grid-column:1/-1}}
@media(max-width:550px){.twin-top{padding:20px}.twin-grid{padding:0 10px 12px}.twin-side{grid-template-columns:1fr}#twinCanvas{height:350px}.twin-viewtools button{padding:6px 8px;font-size:12px}.twin-caption{padding:0 15px 18px}}
@media(prefers-reduced-motion:reduce){.twin-shell *{scroll-behavior:auto!important}}