/* WEB & AI: scoped extension of the approved LOGIKA palette and physical device language. */
.web-development-page{--web-line:#29445e;--web-cyan:#47d6ff;--web-violet:#aa7aff}.web-main{overflow:clip}.web-main .eyebrow{color:#83b5d4}.web-main section:not(.web-hero){margin-top:124px}.web-main h2{font-size:clamp(30px,3.1vw,46px);line-height:1.13}.web-main .web-section-top{display:flex;gap:60px;justify-content:space-between;align-items:end;margin-bottom:38px}.web-section-top>div{max-width:740px}.web-section-top>p{max-width:340px;font-size:14px;margin:0 0 5px}.web-section-top .eyebrow{margin-bottom:18px}.web-main a:not(.button){transition:color .2s}.web-main .actions{display:flex;gap:12px;flex-wrap:wrap}.web-main small{line-height:1.5}.web-main button:disabled{opacity:.55;cursor:wait}.web-main img{max-width:100%;height:auto}.web-main button,.web-main select,.web-main input{font:inherit}.web-main button{touch-action:manipulation}.web-main .demo-mode{font-size:9px;line-height:1.6}.web-main .web-hero{position:relative;min-height:700px;padding-top:100px;isolation:isolate}.web-ambient{position:absolute;inset:-100px -80px -60px;z-index:-1;background:radial-gradient(ellipse at 83% 55%,#12467b75,transparent 44%),radial-gradient(ellipse at 65% 90%,#5641aa35,transparent 40%)}.web-hero-copy{position:relative;z-index:5;width:47%;max-width:570px}.web-main .web-hero h1{font-size:clamp(40px,3.6vw,55px);line-height:1.09;letter-spacing:-.045em;margin:0 0 24px}.web-hero-copy>p{font-size:16px;max-width:445px;line-height:1.7;margin-bottom:30px}.web-hero-tags{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:10px;color:#8aa8c5;margin-top:42px}.web-hero-tags>span{border:1px solid #2b4a64;border-radius:5px;padding:6px 8px;background:#081c2a}.web-hero-tags>i{font-style:normal;color:#6984a7}.web-hero-tags>b{font-weight:500;color:#a6c7e3}.web-ecosystem{position:absolute;right:-40px;top:35px;width:760px;height:620px;perspective:1400px;transform:rotateX(var(--web-rx,0deg)) rotateY(var(--web-ry,0deg));transition:transform .25s ease-out;transform-style:preserve-3d}.web-stage-grid{position:absolute;inset:40% -15% -5%;background:repeating-linear-gradient(0deg,transparent 0 48px,#3487ca1a 49px 50px),repeating-linear-gradient(90deg,transparent 0 48px,#3487ca1a 49px 50px);transform:perspective(350px) rotateX(60deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.web-stage-orbit{position:absolute;left:65px;right:-30px;top:380px;height:195px;border:2px solid #8980ff;border-radius:50%;transform:rotateX(65deg) rotateZ(-10deg);box-shadow:0 0 8px #a5a2ff,0 0 30px #397dff,inset 0 0 24px #42a9ff,0 20px 65px #5f54e955}.web-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.web-connections path{fill:none;stroke:#5577d3;stroke-width:1.3;opacity:.45}.web-connections .web-flow{stroke:#8be0ff;stroke-width:2;stroke-dasharray:12 150;opacity:.95;filter:drop-shadow(0 0 5px #3cbcff);animation:web-flow 9s linear infinite}.web-laptop{position:absolute;left:110px;top:100px;width:540px;height:355px;transform:rotateY(-16deg) rotateX(8deg) rotateZ(-4deg);transform-style:preserve-3d;filter:drop-shadow(15px 35px 30px #000b);animation:web-enter 1.15s both}.web-laptop-lid{position:relative;height:315px;padding:13px 11px 15px;background:linear-gradient(125deg,#b0c6dd,#293b52 4%,#020812 22% 80%,#546f93);border:1px solid #75889f;border-radius:17px 17px 7px 7px;box-shadow:inset 2px 2px 2px #cee3ff70,3px 1px 0 #15263c,6px 2px 0 #5d7495;overflow:hidden}.web-laptop-lid:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#e7f7ff1c,transparent 30% 65%,#6f93e31c);border-radius:inherit}.web-camera{position:absolute;width:4px;height:4px;border-radius:50%;background:#244d72;top:4px;left:50%;box-shadow:0 0 2px #89bdff}.web-laptop-deck{height:80px;width:calc(100% + 85px);position:absolute;left:-42px;top:310px;background:linear-gradient(135deg,#6b87a4,#1c3048 30%,#577292 75%,#a4bcce);border:1px solid #83a3be;transform:rotateX(65deg);transform-origin:top;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);border-radius:3px 3px 12px 12px;box-shadow:inset 0 3px #cfe6ff66}.web-keys{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin:5px 55px 0;height:38px}.web-keys i{background:linear-gradient(#12263a,#293f58);border:1px solid #7895b47a;border-radius:2px}.web-trackpad{display:block;width:110px;height:23px;border:1px solid #a2b8ce70;border-radius:3px;margin:5px auto;background:#3b526a}.web-laptop-edge{position:absolute;left:-42px;right:-42px;top:343px;height:9px;background:linear-gradient(#cfdfeb,#4b6886 40%,#0d2034);border-radius:0 0 50% 50%;box-shadow:0 3px 1px #01070d}.web-browser{height:100%;border-radius:5px;overflow:hidden;background:#e8e8df;color:#1e2a24;display:flex;flex-direction:column}.web-browser-bar{height:21px;background:#14283b;color:#8dabc3;display:flex;align-items:center;gap:4px;padding:0 9px;font-size:6px;flex-shrink:0}.web-browser-bar>i{width:4px;height:4px;border-radius:50%;background:#5d7a93}.web-browser-bar>span{margin:auto}.web-storefront{padding:15px 22px 10px;flex:1;display:flex;flex-direction:column}.web-store-nav{display:flex;justify-content:space-between;align-items:center;font-size:7px}.web-store-nav>b{font-size:17px;letter-spacing:-.04em}.web-store-nav>b>span{font-size:5px;display:block;font-weight:400;letter-spacing:.12em;margin-top:2px}.web-store-nav>i{font-style:normal}.web-store-content{display:grid;grid-template-columns:.95fr 1fr;gap:10px;flex:1;margin-top:17px;min-height:0}.web-store-content>div{padding-top:10px}.web-main .web-store-content small{font-size:5px;letter-spacing:.08em;color:#5d685b}.web-main .web-store-content h3{font-size:28px;line-height:.99;letter-spacing:-.05em;margin:9px 0}.web-main .web-store-content p{font-size:6px;color:#637164;margin:0 0 12px}.web-store-content img{width:100%;height:175px;object-fit:cover;border-radius:4px}.web-store-cta{background:#304f3e;padding:7px 11px;color:#fff;font-size:6px;border-radius:3px;display:inline-block}.web-store-bottom{display:flex;justify-content:space-between;border-top:1px solid #a4b2a5;padding-top:8px;margin-top:10px;font-size:6px;color:#4a6151}.web-float{position:absolute;border:1px solid #5f789a;background:linear-gradient(135deg,#132e47f5,#081828f5);border-radius:13px;box-shadow:inset 0 1px #bedcff2b,4px 6px 0 #0d1d31,10px 24px 35px #0008,0 0 40px #4774be22;backdrop-filter:blur(14px);padding:17px;z-index:3;animation:web-enter 1.4s .15s both}.web-float-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:10px}.web-float-head small{font-size:6px;border:1px solid #4a627d;border-radius:3px;padding:2px 4px;color:#9dbbdb}.web-control-float{width:225px;left:12px;top:282px;transform:rotateZ(-7deg) rotateY(10deg)}.web-control-float .web-float-head>b{color:#79c9fa;font-size:14px}.web-control-float .web-float-head>b>span{font-size:8px;color:#b2cbe2;letter-spacing:.12em;margin-left:5px}.web-tiny-label{display:block;font-size:6px;color:#668eb3;margin-top:18px}.web-main .web-control-float h3{font-size:17px;margin:7px 0 0}.web-spark{height:65px;margin:10px 0}.web-spark svg{height:100%;width:100%;overflow:visible}.web-spark path{fill:none;stroke:#6fd4ff;stroke-width:2;stroke-dasharray:100;stroke-dashoffset:0;filter:drop-shadow(0 0 4px #3a8dff);animation:web-draw 6s ease-in-out infinite}.web-float-lead{border:1px solid #355776;background:#102c45;border-radius:7px;padding:10px;display:flex;align-items:center;gap:8px}.web-float-lead>i{width:7px;height:7px;border-radius:50%;background:#57c2f0;box-shadow:0 0 12px #2fabff}.web-float-lead b{font-size:9px;display:block}.web-float-lead small{font-size:6px;display:block;color:#819fbc}.web-float-lead>span{margin-left:auto;color:#74cfff}.web-sync{font-size:7px;color:#6fc7ba;margin-top:11px}.web-ai-float{width:226px;right:0;top:245px;transform:rotateZ(6deg) rotateY(-8deg);animation-delay:.3s}.web-ai-star{color:#75cbff;font-size:19px}.web-mini-message{font-size:10px;line-height:1.6;padding:11px;border:1px solid #354d70;border-radius:9px;margin-top:15px}.web-mini-user{background:#243c62;color:#cbdcf1;margin-left:20px}.web-mini-answer{background:#12263c;color:#adc9e6;min-height:85px;border-color:#3c5d88}.web-mini-input{display:flex;font-size:8px;align-items:center;justify-content:space-between;color:#86adce;margin-top:16px;border-top:1px solid #2d4964;padding-top:12px}.web-mini-input span{padding:3px 6px;background:#664bb9;border-radius:5px;color:#fff}.web-stage-label{position:absolute;bottom:15px;left:190px;color:#7498c2;letter-spacing:.15em;font-size:8px}.web-stage-label>i{font-style:normal;color:#727fc7;margin:0 7px}.web-main .web-value-strip{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #263e54;border-bottom:1px solid #263e54;padding-top:24px;padding-bottom:24px;font-size:11px;color:#9bb7d0;max-width:1240px;margin:0 auto}.web-value-strip span:before{content:'✦';color:#6dcafa;margin-right:12px}
/* Six distinct bento compositions. */
.web-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.web-service{grid-column:span 2;min-width:0;position:relative;overflow:hidden;border:1px solid var(--web-line);border-radius:16px;padding:28px;background:radial-gradient(ellipse at 90% 90%,#1e46734d,transparent 75%),linear-gradient(135deg,#102334,#071421);box-shadow:inset 0 1px #a2d4ff0d;min-height:345px;transition:border-color .3s,box-shadow .3s;display:flex;flex-direction:column;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.web-service:hover{border-color:#4d82af;box-shadow:0 20px 50px #0004,0 0 30px #4273d51a}.web-service small{font-size:9px;color:#78a8cc;letter-spacing:.1em}.web-service h3{font-size:25px;margin:18px 0 12px}.web-service p{font-size:13px;margin-bottom:20px}.web-service a{font-size:11px;color:#95cced;margin-top:auto;position:relative;z-index:4;display:inline-flex;gap:15px;align-items:center;min-height:38px}.web-service-corporate,.web-service-shop{grid-column:span 3;min-height:305px}.web-service-copy{max-width:55%;z-index:3;position:relative;display:flex;flex-direction:column;height:100%}.web-corporate-art{position:absolute;left:55%;top:75px;width:360px;height:220px;transform:rotateY(-17deg) rotateZ(-8deg);padding:7px;border:1px solid #8ca6bf;border-radius:8px;background:#0b1827;box-shadow:5px 4px 0 #41617e,14px 25px 35px #000a}.web-corporate-art .web-store-content h3{font-size:22px}.web-corporate-art .web-store-content img{height:125px}.web-corporate-art .web-storefront{padding:9px 13px}.web-corporate-art .web-store-content{margin-top:8px}.web-corporate-art .web-store-nav>span{display:none}.web-corporate-art .web-store-bottom{font-size:4px}.web-cart-demo{position:absolute;width:210px;right:-5px;top:34px;transform:rotate(7deg);border:1px solid #4d6b8b;background:linear-gradient(130deg,#193754,#091a30);border-radius:16px;padding:18px;box-shadow:4px 5px 0 #223b59,14px 15px 25px #0009}.web-cart-demo .headphones{transform:scale(.8);margin:-5px auto -5px;height:118px}.web-cart-demo>b{font-size:11px;display:block;margin:0 0 15px}.web-cart-demo>button{background:linear-gradient(110deg,#1687b8,#8755d8);color:#fff;border:1px solid #7090c1;display:flex;width:100%;justify-content:space-between;padding:11px;border-radius:7px;font-size:10px}.web-cart-demo>span{font-size:8px;display:block;color:#b0cde3;margin-top:10px}.web-mini-chat{padding:13px;border:1px solid #40547d;border-radius:10px;background:#152b46;margin:0 0 10px}.web-mini-chat>span{display:block;font-size:10px;color:#b9cee4;margin-bottom:12px}.web-mini-chat>button{background:#3e427f;border:1px solid #7b79c0;color:#e7eeff;border-radius:5px;padding:10px;font-size:10px}.web-mini-chat small{display:block;letter-spacing:0;font-size:9px;margin-top:10px;color:#82bfdc}.web-service-ai{background:radial-gradient(ellipse at 90% 100%,#44337755,transparent 80%),#0d1a2c}.web-landing-art{height:135px;overflow:hidden;border:1px solid #4b647d;padding:12px;background:#0d243a;border-radius:8px;margin-bottom:12px}.web-landing-art>div{padding:17px;background:linear-gradient(125deg,#2b3469,#183959);min-height:170px;animation:web-page-scroll 10s ease-in-out infinite}.web-landing-art b{font-size:14px;color:#d8eaff;line-height:1.2;display:block}.web-landing-art i{display:block;background:linear-gradient(100deg,#49beef,#8d60e9);width:80px;height:10px;border-radius:3px;margin:10px 0 18px}.web-landing-art span{display:inline-block;background:#0b2239;border:1px solid #3e6386;width:28%;height:50px;margin-right:3%}.web-mini-kanban{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:8px 0 18px}.web-mini-kanban>div{border:1px solid #304d66;border-radius:8px;padding:10px;background:#0a192b;min-width:0}.web-mini-kanban small{font-size:7px}.web-mini-kanban button{display:block;background:#24355e;border:1px solid #576c9a;border-radius:6px;padding:10px 7px;color:#c2d8ed;font-size:9px;margin-top:12px;width:100%}.web-mini-kanban #web-kanban-target{display:block;font-size:9px;color:#8fbec8;margin-top:17px}.web-service-integrations{grid-column:span 6;min-height:235px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;background:radial-gradient(ellipse at 80% 60%,#32317e66,transparent 60%),#0a1d30}.web-service-integrations p{max-width:500px}.web-integration-map{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;gap:12px;align-items:center;text-align:center}.web-integration-map>span{font-size:11px;border:1px solid #3d5a87;padding:16px 8px;border-radius:9px;background:#1a3155;box-shadow:2px 3px #071521}.web-integration-map>b{border:1px solid #777dda;padding:23px 12px;font-size:28px;border-radius:18px;background:linear-gradient(#234776,#33346a);box-shadow:0 0 35px #4955ce4f}.web-integration-map small{font-size:7px;color:#a0ccf0}.web-integration-map>i{font-style:normal;color:#7aabf3;animation:web-node-pulse 3s infinite}.web-integration-map>span:nth-last-child(3){grid-column:1}.web-integration-map>span:nth-last-child(2){grid-column:3}.web-integration-map>span:last-child{grid-column:5}
/* Contextual AI, sharing LAB's safe local-message approach. */
.web-ai-experience{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.web-scenarios{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 28px}.web-scenarios>button,.web-quick-questions>button{border:1px solid #324e6e;background:#0b2034;border-radius:7px;padding:11px 12px;color:#a8c7e2;font-size:11px;min-height:42px}.web-scenarios>button[aria-pressed=true]{border-color:#70a3de;background:linear-gradient(110deg,#184668,#3d326b);color:#f2f6ff}.web-main #web-scenario-context h3{font-size:32px;line-height:1.2;margin:14px 0}.web-main #web-scenario-context>small{font-size:9px;color:#79b7e1;letter-spacing:.1em}.web-main #web-scenario-context p{font-size:14px;max-width:420px}#web-scenario-products{display:flex;gap:12px;margin:24px 0}.web-scenario-product{border:1px solid #35516d;border-radius:10px;background:linear-gradient(130deg,#122d42,#15203c);padding:16px;flex:1;min-width:0}.web-scenario-product>span{font-size:22px;color:#88caed;display:block;margin-bottom:13px}.web-scenario-product>b{font-size:12px;color:#d4e6f6;display:block}.web-scenario-product>small{font-size:10px;color:#87aac8;display:block;margin-top:6px}.web-quick-questions{display:flex;flex-direction:column;gap:8px}.web-quick-questions>button{text-align:left;font-size:12px}.web-quick-questions>button:after{content:'↗';float:right;color:#82bbf3}.web-main .web-demo-disclaimer{font-size:10px;line-height:1.8;color:#789bb8;margin:20px 0 0}.web-chat-shell{height:640px;border:1px solid #617b9e;background:linear-gradient(150deg,#122d48,#091b2d);border-radius:20px;box-shadow:inset 0 1px #b9dfff25,5px 6px 0 #17324e,0 30px 65px #0006,0 0 70px #3258a51a;display:flex;flex-direction:column;min-width:0;overflow:hidden}.web-chat-top{display:flex;gap:13px;align-items:center;padding:22px;border-bottom:1px solid #2c4a68;background:#142d48}.web-ai-avatar{width:44px;height:44px;border-radius:14px;background:radial-gradient(ellipse at 30% 30%,#488acb,#28356c);box-shadow:0 0 24px #3e8ffe33;display:grid;place-items:center;font-size:26px;color:#c1efff}.web-chat-top b{font-size:14px}.web-chat-top small{display:block;font-size:10px;color:#81aaca;margin-top:3px}.web-chat-top button{margin-left:auto;border:1px solid #3f5b7a;background:#17324b;border-radius:7px;color:#a4c5e4;font-size:20px;width:36px;height:36px}#web-chat-history{flex:1;overflow:auto;padding:25px 22px;min-height:0;scrollbar-width:thin;scrollbar-color:#3d6187 transparent}.web-chat-shell .chat-message{font-size:13px;padding:14px;line-height:1.75;background:#17304b}.web-chat-shell .chat-message.user{background:linear-gradient(110deg,#264c76,#473d77)}#web-chat-status{height:24px;flex-shrink:0;font-size:10px;color:#83cef1;padding:0 23px}#web-chat-form{display:flex;gap:10px;padding:15px 18px;border-top:1px solid #2b4967}#web-chat-input{min-width:0;flex:1;border:1px solid #3b5878;background:#0b2037;color:#cce3f6;border-radius:9px;padding:13px;font-size:12px}#web-chat-form>button{width:44px;border:1px solid #8b8dd5;border-radius:9px;background:linear-gradient(130deg,#269fdb,#8a61df);color:#fff;font-size:22px}.web-chat-actions{padding:0 18px 17px}.web-chat-actions>button{border:1px solid #426b93;background:#183651;color:#add9f7;border-radius:7px;padding:10px 14px;font-size:11px}.web-chat-actions>span{display:block;font-size:9px;color:#7198b8;margin-top:8px}
/* Isolated product editor, built from CONTROL's existing three-pane UI. */
.web-editor-demo{border:1px solid #415f83;background:#071725;border-radius:17px;overflow:hidden;box-shadow:0 30px 80px #0005,0 0 60px #3351aa17}.web-editor-top{display:flex;align-items:center;gap:30px;border-bottom:1px solid #36516d;background:linear-gradient(110deg,#102e45,#192c4b);padding:20px 24px;color:#a4c9e7;font-size:11px}.web-editor-top>b{font-size:17px;color:#8bcff5}.web-editor-top>b>span{font-size:12px;margin-left:7px;color:#cfdbf1}.web-editor-top>span:last-child{margin-left:auto;border:1px solid #437365;border-radius:5px;padding:5px 9px;color:#86c4b5;font-size:10px}.web-editor-workspace{display:grid;grid-template-columns:190px 1fr 240px;gap:16px;padding:20px;min-height:365px}.web-editor-tree{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #29465e;background:#0b2031;border-radius:9px}.web-editor-tree small,.web-editor-inspector>small{font-size:8px;letter-spacing:.1em;color:#84a4c3;margin-bottom:10px}.web-editor-tree>span{font-size:10px;padding:9px;color:#8caecb;border-radius:5px}.web-editor-tree>span.active{background:#244968;color:#d3e9fa;border:1px solid #447aa3}.web-editor-tree small:not(:first-child){margin-top:20px}.web-editor-preview{position:relative;border:1px solid #325576;border-radius:9px;background:radial-gradient(ellipse at 100% 60%,#284d9e77,transparent 70%),#04121e;overflow:hidden;padding:28px;display:flex;align-items:center;min-width:0}.web-editor-preview>div{position:relative;z-index:2;max-width:70%}.web-editor-preview small{font-size:6px;color:#8bb4d0}.web-main .web-editor-preview h3{font-size:clamp(22px,2.1vw,32px);line-height:1.1;margin:20px 0;overflow-wrap:anywhere}.web-editor-preview p{font-size:9px;max-width:230px}.web-editor-preview>img{position:absolute;right:-35px;bottom:10px;width:200px;filter:drop-shadow(0 0 25px #446ed34d)}.web-fake-button{display:inline-block;background:linear-gradient(110deg,#2baae1,#8762df);border-radius:5px;font-size:8px;padding:9px 12px;color:#eef4ff}.web-editor-inspector{padding:16px;background:#0c2134;border:1px solid #2e4964;border-radius:9px}.web-editor-inspector label{display:block;font-size:10px;margin:17px 0;color:#98b9d5}.web-editor-inspector input,.web-editor-inspector select{width:100%;border:1px solid #35536e;background:#091b2d;border-radius:6px;color:#cbe0f3;font-size:11px;padding:10px;margin-top:8px}.web-editor-inspector button{display:block;width:100%;font-size:10px;margin-top:10px;padding:10px;border:1px solid #536ea0;border-radius:6px;background:#254365;color:#c4e4fc}.web-editor-inspector button:last-of-type{background:transparent}.web-editor-inspector>small:last-child{display:block;font-size:8px;letter-spacing:0;margin:13px 0 0;color:#789fbd}.web-control-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.web-control-features>span{padding:17px 20px;font-size:12px;border-bottom:1px solid #304964;color:#acc8e1}.web-control-features>span:before{content:'✓';color:#7ac7f1;margin-right:12px}.web-real-editor{border:1px solid #2a455d;border-radius:10px;padding:20px}.web-real-editor>summary{cursor:pointer;color:#9bc9eb;font-size:12px}.web-real-editor>summary span{float:right}.web-real-editor>img{display:block;border:1px solid #395774;margin:20px auto;width:100%;border-radius:8px}.web-main .web-real-editor>p{font-size:11px;color:#799bbd;margin:15px 0 0}
/* Portfolio: existing project identities, explicit status, interface depth. */
.web-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.web-project-card{min-width:0;border:1px solid #2d485f;border-radius:15px;background:radial-gradient(ellipse at 75% 90%,#244b743f,transparent 70%),#0b1a2b;padding:25px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .3s,border-color .3s}.web-project-card:hover{transform:translateY(-6px);border-color:#557fb4}.web-project-status{font-size:7px;letter-spacing:.06em;color:#8ca9ca;border:1px solid #364d6b;border-radius:5px;align-self:flex-start;padding:5px 8px;line-height:1.6}.web-main .web-project-card h3{font-size:26px;margin:20px 0 12px}.web-project-card p{font-size:12px;min-height:80px}.web-project-card>a{font-size:11px;color:#a4c9e9;margin-top:23px;min-height:35px}.web-project-browser{height:210px;padding:7px;border:1px solid #8494a6;border-radius:9px;transform:perspective(700px) rotateY(-10deg) rotateZ(-4deg);background:#102137;box-shadow:8px 7px #294360,18px 20px 25px #0008;overflow:hidden}.web-project-browser img{width:100%;height:100%;object-fit:cover}.web-project-system{height:210px;border:1px solid #466391;background:radial-gradient(ellipse at 90% 10%,#294ba4,#08152e 70%);border-radius:9px;transform:perspective(700px) rotateY(9deg) rotateZ(-4deg);padding:25px;box-shadow:6px 6px #263d60,15px 25px 20px #0006}.web-project-system>span{font-size:33px;font-weight:800;line-height:1;letter-spacing:-.05em}.web-project-system>small{display:block;font-size:6px;color:#85b1df;margin-top:15px}.web-project-system>div{display:flex;align-items:end;gap:10px;height:40px;margin-top:5px}.web-project-system i{flex:1;background:linear-gradient(#648dfb,#2d4882);height:30%;border-radius:3px}.web-project-system i:nth-child(2){height:50%}.web-project-system i:nth-child(3){height:40%}.web-project-system i:nth-child(4){height:70%}.web-project-system i:nth-child(5){height:100%}.web-project-crm{height:210px;border:1px solid #537696;padding:22px 15px;background:#102540;border-radius:9px;transform:perspective(700px) rotateY(-10deg) rotateZ(5deg);box-shadow:6px 6px #28405e,15px 20px 25px #0007}.web-project-crm>span{font-size:16px;display:flex;justify-content:space-between}.web-project-crm i{font-style:normal;color:#67bece;font-size:10px}.web-project-crm>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:20px}.web-project-crm b{font-size:8px;color:#85aed0}.web-project-crm small{font-size:7px;background:#1c3854;border:1px solid #355d7f;padding:12px 3px;border-radius:4px;color:#8dbad9}.web-project-crm svg{width:100%;height:50px;margin-top:16px}.web-project-crm path{stroke:#62bbf5;fill:none;stroke-width:2}
/* Configurator: live brief with no speculative prices. */
.web-config-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start}.web-config-layout>form{border:1px solid #2e4b68;border-radius:15px;background:linear-gradient(135deg,#0e2337,#091927);padding:30px;min-width:0}.web-config-layout fieldset{border:0;margin:0 0 30px;padding:0;min-width:0}.web-config-layout fieldset:last-child{margin-bottom:0}.web-config-layout legend{font-size:11px;color:#8eb6d9;margin-bottom:18px}.web-project-types,.web-feature-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.web-project-types label,.web-feature-options label{display:flex;gap:9px;align-items:center;color:#adc9e1;border:1px solid #2d4b68;border-radius:8px;padding:14px 11px;font-size:11px;cursor:pointer;min-height:50px;transition:background .2s,border-color .2s}.web-project-types label:has(:checked),.web-feature-options label:has(:checked){background:linear-gradient(110deg,#173a56,#2c3155);border-color:#5b80b5;color:#e2edfa}.web-config-layout input[type=radio],.web-config-layout input[type=checkbox]{accent-color:#58bcf1;width:15px;height:15px;flex-shrink:0;margin:0}.web-config-details{display:flex;flex-direction:column;gap:17px}.web-config-details label{font-size:12px;display:flex;gap:10px;align-items:center;color:#9dbfda}.web-config-details input[type=number]{max-width:90px;background:#091b2d;border:1px solid #385879;border-radius:6px;padding:10px;color:#dceafa;font-size:14px}.web-config-summary{position:sticky;top:25px;overflow:hidden;border:1px solid #5d6eaa;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#52449555,transparent 65%),linear-gradient(145deg,#142c45,#0c1d32);padding:35px;box-shadow:0 20px 50px #0003}.web-config-summary .eyebrow{font-size:9px}.web-main .web-config-summary h3{font-size:29px;margin:0 0 25px;line-height:1.2}#web-summary-features{display:flex;gap:8px;flex-wrap:wrap;min-height:60px}#web-summary-features>span{border:1px solid #365d80;background:#15304a;padding:7px 10px;border-radius:5px;color:#acd4ef;font-size:10px}.web-main #web-summary-details{font-size:12px;color:#8faccc;margin:22px 0}.web-config-cost{border-top:1px solid #365477;padding-top:24px;font-size:23px;font-weight:700;color:#c4e2f9;letter-spacing:-.035em}.web-config-cost>small{display:block;font-size:10px;color:#84a4c4;font-weight:400;letter-spacing:0;margin:6px 0 24px}.web-config-summary .button{width:100%;justify-content:space-between}.web-main .web-summary-note{font-size:10px;line-height:1.8;color:#809ebd;margin:18px 0 0}#web-config-status{font-size:11px;color:#9adaf1;margin-top:12px}.web-summary-light{height:1px;position:absolute;top:0;left:15%;right:15%;background:linear-gradient(90deg,transparent,#b1c1ff,transparent);box-shadow:0 1px 17px #8da2ff}
.web-main .web-process-section h2{max-width:700px}.web-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;margin-top:45px}.web-timeline>article{position:relative;border-top:1px solid #345475;padding-top:22px}.web-timeline>article>span{display:grid;place-items:center;border:1px solid #4f6e9c;border-radius:50%;width:44px;height:44px;color:#8db9ed;background:#102b46;box-shadow:0 0 0 #4b87ff00;margin-bottom:22px;transition:box-shadow .8s,background .8s}.web-timeline>article.web-step-active>span{box-shadow:0 0 25px #468bff44;background:#203f69;border-color:#75b9f3}.web-main .web-timeline h3{font-size:16px;line-height:1.25;min-height:42px;margin:0 0 10px}.web-timeline p{font-size:11px;line-height:1.7;margin:0}.web-main .web-faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.web-faq-list>details{border-bottom:1px solid #28455d;padding:20px 0}.web-faq-list>details:first-child{padding-top:0}.web-faq-list summary{list-style:none;cursor:pointer;font-size:15px;color:#c3d8ed;position:relative;padding-right:25px;line-height:1.6}.web-faq-list summary::-webkit-details-marker{display:none}.web-faq-list summary:after{content:'+';position:absolute;right:0;top:0;color:#88bde9}.web-faq-list details[open] summary:after{content:'−'}.web-faq-list p{font-size:13px;line-height:1.8;color:#86a9c7;margin:16px 0 0}.web-main .web-contact{margin-bottom:60px}.web-main .web-contact h2{font-size:34px}#web-attached-brief{border:1px solid #365f7b;background:#0b2637;border-radius:9px;padding:17px;margin-top:25px}#web-attached-brief>b{font-size:12px;color:#8ed3f5}#web-attached-brief>p{font-size:10px;margin:10px 0;color:#9db7d2}#web-remove-brief{border:1px solid #3c6286;border-radius:5px;background:#132e45;color:#a0bfda;font-size:10px;padding:8px 12px}.web-brief-confirm{display:flex!important;align-items:start;gap:9px;font-size:10px!important;line-height:1.6}.web-brief-confirm>input{width:16px!important;height:16px!important;min-width:16px;margin:0!important;padding:0!important;accent-color:#54c5ec}.web-brief-confirm[hidden]{display:none!important}
@keyframes web-flow{to{stroke-dashoffset:-648}}@keyframes web-draw{0%,8%{stroke-dashoffset:100}45%,100%{stroke-dashoffset:0}}@keyframes web-enter{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes web-node-pulse{50%{color:#c4ecff;text-shadow:0 0 13px #539cff}}@keyframes web-page-scroll{0%,20%,100%{transform:translateY(0)}65%,85%{transform:translateY(-42px)}}
@media(min-width:1600px){.web-development-page .section,.web-development-page .header{max-width:1440px}.web-main .web-hero{min-height:770px;padding-top:120px}.web-hero-copy{width:46%}.web-main .web-hero h1{font-size:64px}.web-ecosystem{right:0;top:65px;scale:1.09;transform-origin:top right}.web-main .web-value-strip{max-width:1360px}}
@media(max-width:1150px){.web-development-page .header nav{gap:12px}.web-main .web-hero{min-height:640px;padding-top:70px}.web-main .web-hero h1{font-size:43px}.web-hero-copy{width:47%}.web-hero-copy>p{font-size:14px}.web-ecosystem{scale:.79;transform-origin:top right;right:-38px;top:100px}.web-stage-label{font-size:9px}.web-hero-tags{font-size:9px;margin-top:25px}.web-main .button{padding:13px 16px;font-size:11px}.web-main .web-section-top{gap:35px}.web-ai-experience{gap:30px}.web-editor-workspace{grid-template-columns:135px 1fr 200px;gap:10px;padding:14px}.web-editor-tree{padding:12px}.web-editor-preview{padding:20px}.web-editor-preview>img{width:170px;right:-45px}.web-cart-demo{right:-30px;scale:.86;transform-origin:right center}.web-service{padding:23px}.web-timeline{grid-template-columns:repeat(3,1fr);gap:35px}.web-timeline h3{min-height:0!important}.web-project-card{padding:20px}.web-main .web-project-card h3{font-size:23px}.web-config-layout{gap:20px}.web-config-summary{padding:25px}.web-config-layout>form{padding:25px}.web-config-cost{font-size:21px}.web-main .web-faq-section{gap:40px}}
@media(max-width:900px){.web-main section:not(.web-hero){margin-top:90px}.web-main .web-hero{min-height:920px;padding-top:55px}.web-hero-copy{width:100%;max-width:600px}.web-main .web-hero h1{font-size:54px}.web-hero-copy>p{max-width:500px}.web-hero-tags{margin-top:22px}.web-ecosystem{scale:.82;right:calc(50% - 315px);top:410px;transform-origin:top right}.web-main .web-section-top{display:block}.web-section-top>p{max-width:600px;margin-top:20px}.web-main .web-value-strip{display:grid;grid-template-columns:1fr 1fr;font-size:11px}.web-service-corporate,.web-service-shop{grid-column:span 6;min-height:300px}.web-service-ai,.web-service-landing,.web-service-platform{grid-column:span 3}.web-service-platform{grid-column:span 6;min-height:260px}.web-service-platform>p{max-width:45%}.web-service-platform .web-mini-kanban{position:absolute;right:25px;width:45%;top:70px}.web-service-integrations{grid-template-columns:1fr;gap:15px}.web-service-integrations .web-integration-map{max-width:500px;margin:0 0 0 auto;width:100%}.web-ai-experience{grid-template-columns:1fr;gap:35px}.web-scenario-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.web-scenario-copy>.demo-mode,.web-scenario-copy>.web-scenarios{grid-column:1/-1}.web-scenario-copy #web-scenario-context{grid-column:1;grid-row:3/5}.web-scenario-copy #web-scenario-products{grid-column:2;grid-row:3;flex-direction:column;margin:0 0 15px}.web-scenario-copy .web-quick-questions{grid-column:2}.web-scenario-copy>.web-demo-disclaimer,.web-scenario-copy>.text-link{grid-column:1/-1}.web-chat-shell{height:590px}.web-editor-workspace{grid-template-columns:130px 1fr}.web-editor-inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.web-editor-inspector>small:first-child{grid-column:1/-1;margin:0}.web-editor-inspector label{margin:0}.web-editor-inspector button{margin:0}.web-editor-inspector>small:last-child{grid-column:1/-1;margin:0}.web-control-features{grid-template-columns:1fr 1fr}.web-project-grid{grid-template-columns:1fr}.web-project-card{padding:28px;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.web-project-status,.web-project-card h3,.web-project-card p,.web-project-card>a{grid-column:1}.web-project-card>div{grid-column:2;grid-row:1/5;align-self:center;width:100%}.web-project-card p{min-height:0}.web-project-card>a{margin-top:10px}.web-config-layout{grid-template-columns:1fr}.web-config-summary{position:relative;top:auto}.web-main .web-faq-section{grid-template-columns:1fr;gap:30px}.web-main .web-contact{grid-template-columns:1fr;gap:28px}.web-editor-preview{min-height:270px}.web-main .web-editor-preview h3{font-size:30px}}
@media(max-width:620px){.web-development-page .section{padding-left:22px;padding-right:22px}.web-main section:not(.web-hero){margin-top:74px}.web-main h2{font-size:32px;letter-spacing:-.04em}.web-main .web-hero{padding-top:40px;min-height:835px}.web-hero-copy{width:100%}.web-main .web-hero h1{font-size:clamp(34px,8.9vw,44px);line-height:1.08;margin-bottom:20px}.web-main .web-hero .eyebrow{font-size:8px;letter-spacing:.07em;margin-bottom:20px}.web-hero-copy>p{font-size:13px;line-height:1.7;margin-bottom:23px;max-width:390px}.web-main .actions{gap:8px}.web-main .button{font-size:11px;min-height:45px;padding:12px 16px}.web-hero-tags{gap:6px;margin-top:23px;font-size:8px}.web-hero-tags>span{padding:5px 6px}.web-hero-tags>b{font-size:8px}.web-ecosystem{top:410px;right:calc(50% - 205px);scale:.54;transform-origin:top right;pointer-events:auto}.web-ai-float{right:16px;top:245px}.web-control-float{left:15px;top:305px}.web-stage-label{font-size:11px;bottom:10px;left:150px;letter-spacing:.08em}.web-main .web-value-strip{padding:22px;grid-template-columns:1fr 1fr;gap:17px;font-size:9px;line-height:1.7}.web-value-strip span:before{margin-right:7px}.web-section-top{margin-bottom:28px!important}.web-section-top>p{font-size:13px;margin-top:20px}.web-bento{gap:13px}.web-service{grid-column:span 6;padding:24px;min-height:0}.web-service h3{font-size:25px}.web-service p{font-size:12px;line-height:1.7}.web-service-corporate{min-height:395px}.web-service-corporate .web-service-copy{max-width:85%;height:auto}.web-service-corporate .web-service-copy p{max-width:245px;margin-bottom:8px}.web-corporate-art{left:auto;right:-30px;top:215px;width:295px;height:180px}.web-corporate-art .web-store-content img{height:93px}.web-corporate-art .web-store-content h3{font-size:17px}.web-corporate-art .web-store-content p{font-size:5px;margin-bottom:6px}.web-corporate-art .web-store-nav>b{font-size:12px}.web-corporate-art .web-storefront{padding:8px 11px}.web-service-shop{min-height:375px}.web-service-shop .web-service-copy{max-width:80%;height:auto}.web-service-shop .web-service-copy p{max-width:220px;margin-bottom:8px}.web-cart-demo{top:170px;right:18px;scale:.7;transform-origin:top right}.web-service-ai{min-height:360px}.web-service-ai>p{max-width:240px}.web-service-landing{min-height:350px}.web-landing-art{max-width:280px;margin-left:40px;rotate:-3deg}.web-service-platform{min-height:330px}.web-service-platform>p{max-width:260px}.web-service-platform .web-mini-kanban{position:relative;right:auto;top:auto;width:100%;margin:10px 0 18px}.web-service-integrations{display:flex;gap:10px;min-height:370px}.web-integration-map{gap:7px;grid-template-columns:1fr 20px 1fr 20px 1fr}.web-integration-map>span{font-size:9px;padding:12px 6px}.web-integration-map>b{padding:15px 7px;font-size:24px}.web-main .web-scenario-copy{display:block}.web-scenarios{gap:7px;margin:22px 0}.web-scenarios>button{font-size:10px;padding:10px;flex:1 1 40%}.web-main #web-scenario-context h3{font-size:29px}.web-main #web-scenario-context p{font-size:13px}#web-scenario-products{flex-direction:row!important;margin:22px 0!important;gap:9px}.web-scenario-product{padding:13px}.web-scenario-product>b{font-size:11px}.web-scenario-product>small{font-size:9px}.web-chat-shell{height:565px;border-radius:16px;box-shadow:3px 4px #18324d,0 20px 35px #0006}.web-chat-top{padding:17px 14px;gap:9px}.web-chat-top b{font-size:12px}.web-chat-top small{font-size:9px}.web-ai-avatar{width:36px;height:36px;border-radius:11px;font-size:22px}#web-chat-history{padding:18px 12px}.web-chat-shell .chat-message{font-size:12px;padding:11px}#web-chat-form{padding:12px;gap:7px}#web-chat-input{font-size:16px;padding:10px;width:100px}#web-chat-input::placeholder{font-size:11px}#web-chat-form>button{width:40px;flex-shrink:0}.web-chat-actions{padding:0 12px 15px}.web-chat-actions>button{width:100%;min-height:42px}.web-chat-actions>span{font-size:8px}.web-editor-top{padding:15px;gap:10px;flex-wrap:wrap}.web-editor-top>b{font-size:13px}.web-editor-top>b>span{font-size:10px}.web-editor-top>span:nth-child(2){font-size:8px;order:3;width:100%}.web-editor-top>span:last-child{font-size:8px}.web-editor-workspace{display:flex;flex-direction:column;padding:10px;gap:10px}.web-editor-tree{flex-direction:row;flex-wrap:wrap;padding:10px;gap:4px}.web-editor-tree small{width:100%;font-size:7px;margin:0}.web-editor-tree span{font-size:8px;padding:7px}.web-editor-tree small:not(:first-child),.web-editor-tree small:not(:first-child)+span{display:none}.web-editor-preview{min-height:235px;padding:20px 16px}.web-main .web-editor-preview h3{font-size:27px}.web-editor-preview>img{width:170px;right:-35px;bottom:0}.web-editor-preview>div{max-width:75%}.web-editor-inspector{padding:15px;gap:11px}.web-editor-inspector label{min-width:0;font-size:9px}.web-editor-inspector input,.web-editor-inspector select{font-size:16px;padding:8px}.web-editor-inspector select{font-size:12px;height:38px}.web-editor-inspector button{min-height:42px;font-size:9px}.web-control-features{gap:7px;margin:18px 0}.web-control-features>span{padding:12px 5px;font-size:9px}.web-control-features>span:before{margin-right:5px}.web-real-editor{padding:16px}.web-real-editor>summary{font-size:11px}.web-main .web-real-editor>p{font-size:10px}.web-project-card{display:flex;padding:23px}.web-main .web-project-card h3{font-size:27px}.web-project-card>p{min-height:0;font-size:12px}.web-project-card>div{width:100%;height:210px;margin:0 0 18px;align-self:stretch}.web-project-card>a{margin:0;min-height:32px}.web-project-status{font-size:6px}.web-config-layout{gap:15px}.web-config-layout>form{padding:21px 17px}.web-config-layout legend{font-size:10px;margin-bottom:15px}.web-project-types,.web-feature-options{gap:8px}.web-project-types label,.web-feature-options label{font-size:10px;padding:12px 8px;gap:7px;min-height:54px}.web-config-layout input[type=radio],.web-config-layout input[type=checkbox]{width:14px;height:14px}.web-config-details label{font-size:11px}.web-config-summary{padding:25px}.web-main .web-config-summary h3{font-size:27px}.web-config-cost{font-size:23px}.web-config-summary .button{font-size:12px}.web-timeline{grid-template-columns:1fr;gap:27px;margin-top:35px}.web-timeline>article{border:0;border-left:1px solid #345475;padding:0 0 0 65px;margin-left:21px;min-height:70px}.web-timeline>article>span{position:absolute;left:-22px;top:0}.web-main .web-timeline h3{font-size:17px;margin:0 0 8px}.web-timeline p{font-size:12px}.web-faq-list summary{font-size:13px}.web-faq-list p{font-size:12px}.web-main .web-contact{padding:24px 20px;width:calc(100% - 44px);margin-bottom:35px}.web-main .web-contact h2{font-size:29px}.web-contact .form-row{grid-template-columns:1fr}.web-contact input,.web-contact textarea{font-size:16px}.web-contact textarea{min-height:100px}}
@media(max-width:360px){.web-main .web-hero{min-height:825px}.web-ecosystem{scale:.45;right:calc(50% - 171px);top:440px}.web-main .web-hero h1{font-size:34px}.web-main .web-hero .button{padding:12px;font-size:10px}.web-hero-tags{font-size:7px;gap:5px}.web-hero-tags>b{font-size:7px}.web-project-types label,.web-feature-options label{font-size:9px}.web-config-summary{padding:22px}.web-main .web-config-summary h3{font-size:24px}.web-service-copy{max-width:100%!important}.web-service-corporate{min-height:410px}.web-corporate-art{top:245px}.web-service-shop{min-height:400px}.web-cart-demo{top:205px;scale:.65}.web-main .web-value-strip{font-size:8px}.web-editor-preview>div{max-width:85%}}
@media(prefers-reduced-motion:reduce){.web-main *,.web-main *:before,.web-main *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.web-ecosystem{transform:none!important}.web-main .web-laptop,.web-main .web-float{opacity:1;translate:0}.web-main .web-landing-art>div{transform:none}.web-main [data-web-step]>span{box-shadow:none}.web-main .web-service{transform:none!important}}
/* Visual QA: all three products remain visible in one coherent foreground composition. */
@media(min-width:901px){.web-ecosystem{width:730px;right:0}.web-ai-float{right:30px;top:290px;transform:translateZ(150px) rotateZ(5deg) rotateY(-6deg) scale(.91)}.web-control-float{transform:translateZ(70px) rotateZ(-7deg) rotateY(7deg)}}
.web-connections{transform:translateZ(-180px)}
@media(max-width:900px) and (min-width:621px){.web-ecosystem{right:calc(50% - 310px)}.web-ai-float{right:25px;transform:translateZ(130px) rotateZ(5deg) scale(.94)}}
@media(max-width:620px){.web-ecosystem{width:730px;scale:.49;right:calc(50% - 185px);top:450px}.web-control-float{left:25px;top:310px;transform:translateZ(65px) rotateZ(-7deg)}.web-ai-float{right:20px;top:310px;transform:translateZ(125px) rotateZ(5deg) scale(.95)}.web-stage-label{left:170px;bottom:-5px}.web-main .web-hero{min-height:855px}}
@media(max-width:360px){.web-ecosystem{scale:.405;right:calc(50% - 155px);top:455px}.web-main .web-hero{min-height:805px}}
#web-summary-features{align-items:flex-start;min-height:0}
@media(max-width:620px){.web-editor-preview p{max-width:165px}}
@media(max-width:620px){.web-service-shop{min-height:430px}.web-cart-demo{width:175px;right:16px;top:185px;padding:14px;scale:1}.web-cart-demo .headphones{height:90px;transform:scale(.6);margin:-10px auto -5px}.web-cart-demo>button{min-height:44px;font-size:11px}.web-cart-demo>small{font-size:7px}.web-mini-chat>button,.web-mini-kanban button{min-height:44px}.web-mini-chat>button{font-size:11px}}
@media(max-width:360px){.web-service-shop{min-height:465px}.web-cart-demo{scale:1;width:160px;top:225px}}
@media(max-width:620px){.web-main .web-flow,.web-main .web-spark path,.web-main .web-integration-map>i,.web-main .web-landing-art>div{animation:none}}
/* WEB & AI 1.1: polish retains the original page and CMS paths. */
.web-ecosystem{transition:transform .65s cubic-bezier(.16,.75,.28,1)}.web-ecosystem:before{content:'';position:absolute;inset:-80px -45px 100px 60px;background:conic-gradient(from 145deg at 60% 0,transparent 0deg,#83c8ff0f 25deg,#5f76e421 36deg,transparent 55deg);filter:blur(12px);pointer-events:none;transform:translateZ(-120px)}.web-laptop-lid{box-shadow:inset 2px 2px 2px #e0edff90,3px 1px 0 #15263c,6px 2px 0 #5d7495,0 -10px 45px #559fe916}.web-control-float{animation-delay:.2s}.web-ai-float{animation-delay:.4s}.web-main .web-contact{position:relative;background:radial-gradient(ellipse at 15% 25%,#1f5b793b,transparent 60%),linear-gradient(115deg,#061c27,#081423);box-shadow:0 -18px 75px #216b9f0c}.web-contact:before{content:'';position:absolute;left:8%;right:20%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#54c9f3,#8c6ee0,transparent);box-shadow:0 0 20px #6e9be5}.web-main .web-contact h2{font-size:clamp(31px,3vw,43px);line-height:1.1;letter-spacing:-.045em}.web-ai-flow{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:0;margin:55px 0 0;position:relative}.web-ai-flow li{position:relative;padding:20px 0 0;border-top:1px solid #2c4864;transition:border-color .4s}.web-ai-flow li:not(:last-child):after{content:'→';position:absolute;right:4px;top:33px;color:#4e7298}.web-ai-flow span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #3b5d81;background:#0c233a;color:#7faed6;border-radius:50%;font-size:10px;transition:background .4s,box-shadow .4s}.web-ai-flow b{display:block;font-size:13px;color:#9bb8d3;margin:15px 0 5px}.web-ai-flow small{display:block;font-size:10px;color:#607f9f}.web-ai-flow [aria-current=step]{border-color:#71b8ed}.web-ai-flow [aria-current=step] span{background:linear-gradient(130deg,#195b82,#51428d);box-shadow:0 0 25px #3c9cfc44;color:#e0f6ff;border-color:#9ac9f2}.web-ai-flow [aria-current=step] b{color:#d3edff}.web-ai-flow .web-flow-done span{color:#7fcebd;border-color:#397a79}.web-main .web-process-section{position:relative}.web-main .web-process-section:before{content:'';position:absolute;inset:0 0 -20px;pointer-events:none;background:radial-gradient(ellipse at 30% 90%,#214c861a,transparent 65%)}
@media(min-width:1440px){.web-laptop{scale:1.16;transform-origin:bottom right;left:155px}.web-control-float,.web-ai-float{scale:1.16;transform-origin:bottom right}.web-control-float{left:22px}.web-ai-float{right:38px}.web-main .web-hero{min-height:745px}}
@media(min-width:1000px){.web-project-grid{grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:20px}.web-project-card:first-child{grid-row:1/3;min-height:560px;padding:35px;background:radial-gradient(ellipse at 70% 100%,#204a9e66,transparent 65%),#071522}.web-project-card:first-child h3{font-size:35px}.web-project-card:first-child .web-project-system{height:290px;margin-top:15px;padding:35px;transform:perspective(800px) rotateY(9deg) rotateZ(-5deg)}.web-project-card:first-child .web-project-system>span{font-size:48px}.web-project-card:first-child .web-project-system>div{height:65px}.web-project-card:not(:first-child){display:grid;grid-template-columns:1fr .85fr;column-gap:20px;align-content:start;padding:25px;min-height:270px}.web-project-card:not(:first-child)>span,.web-project-card:not(:first-child)>h3,.web-project-card:not(:first-child)>p,.web-project-card:not(:first-child)>a{grid-column:1}.web-project-card:not(:first-child)>div{grid-column:2;grid-row:1/5;width:100%;height:180px;align-self:center}.web-project-card:not(:first-child)>p{min-height:0;font-size:11px}.web-project-card:not(:first-child)>a{margin-top:7px;font-size:10px}.web-project-card:not(:first-child)>h3{font-size:26px}.web-project-card:not(:first-child) .web-project-status{font-size:6px}}
@media(max-width:620px){.web-ai-flow{grid-template-columns:1fr;gap:0;margin-top:30px}.web-ai-flow li{border-top:0;border-left:1px solid #2c4864;min-height:82px;margin-left:18px;padding:3px 10px 20px 40px}.web-ai-flow span{position:absolute;left:-19px;top:0}.web-ai-flow b{margin:0 0 5px;font-size:13px}.web-ai-flow li:after{display:none}.web-main .web-contact h2{font-size:31px}.web-project-card:first-child .web-project-system{height:250px}.web-project-card:first-child .web-project-system>span{font-size:40px}}
@media(prefers-reduced-motion:reduce){.web-ai-flow *{transition:none!important}}
/* Keep decorative planes behind device surfaces during perspective compositing. */
.web-ecosystem{transform-style:flat}.web-stage-grid,.web-stage-orbit,.web-connections{z-index:0}.web-laptop{z-index:1}

.web-project-system{margin-bottom:26px}.web-project-card>a{position:relative;z-index:2}