.service-page{overflow:hidden}.service-page .section{position:relative}.service-page .section-head.left{text-align:right;margin-right:0;margin-left:auto}.service-page .section-head.left h2{max-width:760px}
.ux-hero{padding:100px 0 84px;position:relative;background:radial-gradient(circle at 28% 40%,rgba(63,81,181,.28),transparent 30%)}.ux-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:70px;align-items:center}.ux-hero-copy{position:relative;z-index:2}.ux-hero-copy h1,.app-copy h1,.bot-copy h1{font-size:clamp(42px,5vw,76px);line-height:1.15;letter-spacing:-2px;margin:14px 0 22px}.ux-hero-copy>p,.app-copy>p,.bot-copy>p{font-size:18px;line-height:2;color:var(--text-muted);max-width:650px}.hero-proof,.platforms,.bot-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.hero-proof span,.platforms span,.bot-tags span{border:1px solid var(--border);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.4px}.code-scene{position:relative;min-height:470px;display:flex;align-items:center}.code-window{width:min(100%,640px);margin:auto;border:1px solid rgba(255,255,255,.11);background:#0a0c10;border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.32);overflow:hidden;transform:rotate(-2deg)}.code-top{height:52px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:7px;padding:0 18px;color:#858b97;font-size:11px}.code-top>span{width:8px;height:8px;border-radius:50%;background:#343941}.code-top b{margin-right:auto;font-family:'JetBrains Mono',monospace;font-weight:500}.code-content{padding:32px 26px;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:3;color:#b9c0cc;direction:ltr;text-align:left}.code-content i{display:inline-block;width:32px;color:#4f5561;font-style:normal}.code-content em{color:#b07cff;font-style:normal}.code-content strong{color:#65d8ff}.code-content mark{background:transparent;color:#d6e68a}.code-cursor{color:#fff;animation:blink 1s infinite}.code-bottom{padding:13px 20px;border-top:1px solid rgba(255,255,255,.07);font:11px 'JetBrains Mono';color:#7f8792}.code-bottom b{float:right;color:#8be28d}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#70db8b;margin-left:7px}.float-card{position:absolute;padding:13px 16px;border:1px solid var(--border);background:rgba(18,21,27,.9);backdrop-filter:blur(14px);border-radius:15px;box-shadow:0 15px 45px rgba(0,0,0,.2);display:flex;gap:10px;align-items:center;font-size:11px}.float-card b{font-family:'JetBrains Mono';color:var(--accent)}.fc-one{top:50px;right:0}.fc-two{bottom:48px;left:0}@keyframes blink{50%{opacity:0}}
.identity-section{padding-top:45px}.architecture{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;margin-top:55px}.arch-node{padding:30px;border:1px solid var(--border);border-radius:22px;background:var(--surface);min-height:145px}.arch-node small{display:block;color:var(--accent);font-family:'JetBrains Mono';margin-bottom:14px}.arch-node b{font-size:22px;display:block}.arch-node span{color:var(--text-muted);font-size:13px;display:block;margin-top:7px}.arch-node.accent{border-color:rgba(255,255,255,.22);transform:translateY(-18px);box-shadow:0 20px 50px rgba(0,0,0,.12)}.arch-line{height:1px;background:var(--border);position:relative}.arch-line:after{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:translate(-50%,-50%) rotate(135deg)}
.dark-panel{background:#090b0f;color:#fff;margin-top:30px}.dark-panel .section-head h2{color:#fff}.dark-panel .section-head p{color:#9aa2af}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-side{padding:38px;border:1px solid rgba(255,255,255,.09);border-radius:24px}.compare-side h3{font-size:26px;margin:0 0 25px}.compare-side p{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);margin:0;color:#929aa7}.compare-side.featured{border-color:rgba(255,255,255,.25);background:linear-gradient(145deg,#12161c,#0b0d11);transform:translateY(-14px)}.compare-side.featured p{color:#e6e9ee}.compare-badge{font:10px 'JetBrains Mono';letter-spacing:1px;color:var(--accent)}
.stack-board{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}.stack-main{grid-row:span 2;padding:34px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,var(--surface),transparent)}.stack-label{font:10px 'JetBrains Mono';color:var(--accent)}.stack-main h3{font-size:28px;margin:12px 0}.stack-main p{color:var(--text-muted);line-height:1.9}.stack-item{padding:24px;border:1px solid var(--border);border-radius:18px;display:flex;flex-direction:column;justify-content:center}.stack-item b{font-size:15px}.stack-item span{color:var(--text-muted);font-size:12px;margin-top:6px}.horizontal-timeline{display:flex;align-items:flex-start;justify-content:center;margin-top:45px;flex-wrap:wrap;position:relative}.horizontal-timeline>div{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:2;max-width:168px;text-align:center}.horizontal-timeline b{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--primary);border:2px solid var(--primary);font:700 1.25rem var(--font-body);color:#fff;box-shadow:0 0 0 4px rgba(63,81,181,.2);transition:transform .3s ease,box-shadow .3s ease}.horizontal-timeline>div:hover b{transform:scale(1.07);box-shadow:0 0 0 6px rgba(63,81,181,.28)}.horizontal-timeline h3{font-size:.95rem;margin:0;font-weight:600;color:var(--text)}.horizontal-timeline p{font-size:.78rem;color:var(--text-muted);margin:0;line-height:1.7}.timeline-line{width:70px;height:2px;background:var(--primary);margin-inline:6px;position:relative;margin-top:27px}.mega-cta{text-align:center;padding:80px 30px;border:1px solid var(--border);border-radius:30px;background:radial-gradient(circle at 50% 0%,rgba(63,81,181,.35),transparent 55%)}.mega-cta h2{font-size:clamp(30px,4vw,54px);margin:12px auto;max-width:850px}.mega-cta p{color:var(--text-muted);margin:0 auto 26px}.mega-cta .btn{margin-top:4px}
.wp-hero{padding:90px 0 100px;background:linear-gradient(120deg,transparent 45%,rgba(63,81,181,.14))}.wp-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;direction:ltr}.wp-hero-grid>*{direction:rtl}.wp-hero .ux-hero-copy h1{font-size:clamp(40px,4.8vw,70px)}.wp-dashboard{background:#f7f8fa;color:#1c222b;border-radius:24px;box-shadow:0 35px 80px rgba(0,0,0,.22);overflow:hidden;transform:rotate(2deg)}.wp-bar{height:48px;background:#151922;color:#fff;display:flex;align-items:center;padding:0 16px;font:10px 'JetBrains Mono'}.wp-bar span{margin-right:auto;color:#73d69a}.wp-body{display:grid;grid-template-columns:105px 1fr;min-height:365px}.wp-body aside{background:#1b2029;color:#aab1bd;padding:20px 12px;display:flex;flex-direction:column;gap:18px;font-size:10px}.wp-body aside b{font-size:25px;color:#fff;margin-bottom:12px}.wp-main{padding:28px}.wp-welcome small{font-size:9px;color:#8a929e}.wp-welcome h3{font-size:20px;margin:8px 0 20px}.wp-stats{display:flex;gap:10px}.wp-stats b{background:#fff;border-radius:10px;padding:13px;flex:1;font-size:17px}.wp-chart{height:120px;margin-top:25px;display:flex;gap:10px;align-items:end;border-bottom:1px solid #dfe3e8;padding:0 10px}.wp-chart span{flex:1;background:#202630;border-radius:5px 5px 0 0;opacity:.9}.control-section{padding-top:60px}.control-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:15px}.control-card{border:1px solid var(--border);border-radius:22px;padding:28px;min-height:190px;background:var(--surface)}.control-card.big{grid-row:span 2;min-height:395px;background:linear-gradient(145deg,var(--surface),transparent)}.control-card>span{font:11px 'JetBrains Mono';color:var(--accent)}.control-card h3{font-size:22px;margin:14px 0 8px}.control-card p{color:var(--text-muted);line-height:1.9;margin:0}.mini-ui{height:130px;border:1px solid var(--border);border-radius:15px;margin-top:25px;padding:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;align-items:end}.mini-ui i{height:40%;background:currentColor;opacity:.14;border-radius:5px}.mini-ui i:nth-child(2){height:70%}.mini-ui i:nth-child(3){height:50%}.mini-ui i:nth-child(4){height:88%}.wp-split{padding-top:20px}.wp-split .container{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;direction:ltr}.wp-split .container>*{direction:rtl}.split-visual{min-height:350px;position:relative}.theme-card{position:absolute;inset:25px 60px 25px 10px;border:1px solid var(--border);border-radius:25px;padding:35px;background:linear-gradient(145deg,#171b22,#0b0d11);display:flex;flex-direction:column;justify-content:end}.theme-card span{font:10px 'JetBrains Mono';color:var(--accent)}.theme-card strong{font-size:34px;margin-top:10px}.theme-card small{color:#8e96a2}.plugin-card{position:absolute;bottom:0;left:0;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:15px;font:11px 'JetBrains Mono'}.split-copy h2{font-size:42px;line-height:1.35;margin:12px 0}.split-copy>p{color:var(--text-muted);line-height:2}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{padding:10px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.check-icon{width:18px;height:18px;flex:none;color:var(--accent)}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.decision-grid>div{padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:20px}.decision-grid b{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:rgba(125,155,209,.14);color:var(--accent)}.decision-grid b svg{width:24px;height:24px}.decision-grid h3{margin:18px 0 8px}.decision-grid p{color:#969eaa;line-height:1.9;margin:0}.wp-steps,.app-road,.bot-steps{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;position:relative}.wp-steps>div,.app-road>div,.bot-steps>div{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:2;max-width:168px;text-align:center}.wp-steps b,.app-road b,.bot-steps b{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 1.25rem var(--font-body);background:var(--primary);border:2px solid var(--primary);color:#fff;box-shadow:0 0 0 4px rgba(63,81,181,.2);transition:transform .3s ease,box-shadow .3s ease}.wp-steps>div:hover b,.app-road>div:hover b,.bot-steps>div:hover b{transform:scale(1.07);box-shadow:0 0 0 6px rgba(63,81,181,.28)}.wp-steps h3,.app-road h3,.bot-steps h3{margin:0;font-size:.95rem;font-weight:600;color:var(--text)}.wp-steps p,.app-road p,.bot-steps p{margin:0;font-size:.78rem;color:var(--text-muted);line-height:1.7}.wp-steps .timeline-line,.app-road .timeline-line,.bot-steps .timeline-line{width:70px;height:2px;background:var(--primary);margin-inline:6px;position:relative;margin-top:27px}
.app-hero{padding:75px 0 90px;min-height:720px;display:flex;align-items:center;background:radial-gradient(circle at 72% 45%,rgba(63,81,181,.28),transparent 28%)}.app-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.phone-stage{height:610px;position:relative;display:grid;place-items:center}.phone{width:290px;height:585px;border:8px solid #11151b;border-radius:44px;background:#05070a;box-shadow:0 40px 90px rgba(0,0,0,.38);padding:8px;position:relative;z-index:2;transform:rotate(-4deg)}.phone:before{content:'';position:absolute;inset:-1px;border-radius:38px;border:1px solid rgba(255,255,255,.14);pointer-events:none}.phone-notch{position:absolute;z-index:4;top:8px;left:50%;transform:translateX(-50%);width:90px;height:22px;background:#11151b;border-radius:0 0 16px 16px}.phone-screen{height:100%;border-radius:34px;background:linear-gradient(160deg,#171b22,#090b0f);padding:38px 17px 12px;color:#fff;position:relative;overflow:hidden}.app-status{font:9px 'JetBrains Mono';display:flex;justify-content:space-between}.app-greeting{font-size:24px;font-weight:800;margin-top:35px}.app-greeting small{display:block;font-size:10px;color:#8e96a2;margin-top:7px;font-weight:400}.app-card.primary{margin-top:25px;border:1px solid rgba(255,255,255,.09);background:#202630;border-radius:20px;padding:20px}.app-card small{font:9px 'JetBrains Mono';color:#9da5b1}.app-card strong{display:block;font-size:28px;margin-top:8px}.bars{height:70px;display:flex;gap:7px;align-items:end;margin-top:20px}.bars i{flex:1;height:30%;background:#e9edf2;border-radius:5px}.bars i:nth-child(2){height:48%}.bars i:nth-child(3){height:38%}.bars i:nth-child(4){height:72%}.bars i:nth-child(5){height:54%}.bars i:nth-child(6){height:88%}.bars i:nth-child(7){height:68%}.app-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.app-row div{border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:15px;font-size:10px;color:#a6aeba}.app-row b{display:block;color:#fff;font-size:18px;margin-top:7px}.app-nav{position:absolute;bottom:12px;left:15px;right:15px;display:flex;justify-content:space-around;color:#9da5b1}.phone-float{position:absolute;padding:12px 16px;border:1px solid var(--border);background:var(--surface);border-radius:14px;font:9px 'JetBrains Mono';z-index:3;box-shadow:0 15px 45px rgba(0,0,0,.15)}.phone-float b{display:block;margin-top:6px;font-size:11px;color:var(--text)}.phone-float.one{top:80px;right:5%}.phone-float.two{bottom:90px;left:4%}.layer-stack{max-width:850px;margin:45px auto 0;position:relative}.layer{display:grid;grid-template-columns:60px 1fr;align-items:center;padding:25px 30px;border:1px solid var(--border);border-radius:20px;margin-top:-8px;background:var(--surface);position:relative}.layer:nth-child(2){margin-right:70px;margin-left:70px}.layer:nth-child(3){margin-right:140px;margin-left:140px}.layer span{font:11px 'JetBrains Mono';color:var(--accent)}.layer h3{margin:0 0 5px;font-size:21px}.layer p{margin:0;color:var(--text-muted);font-size:12px}.user-flow{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr 45px 1fr;align-items:center;gap:8px;margin-top:50px}.user-flow>div{padding:28px 15px;border:1px solid var(--border);border-radius:20px;text-align:center}.user-flow>div.active{border-color:rgba(255,255,255,.28);transform:translateY(-10px)}.user-flow b{display:block;font:11px 'JetBrains Mono';color:var(--accent);margin-bottom:16px}.user-flow span{font-size:17px;font-weight:800;display:block}.user-flow small{color:var(--text-muted);font-size:11px}.user-flow i{text-align:center;color:var(--text-muted);font-style:normal}.app-road{grid-template-columns:repeat(5,1fr)}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cap-grid>div{padding:28px;border:1px solid var(--border);border-radius:20px}.cap-grid span{font:10px 'JetBrains Mono';color:var(--accent)}.cap-grid h3{margin:18px 0 8px}.cap-grid p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.9}
.bot-hero{padding:80px 0 100px;background:radial-gradient(circle at 22% 45%,rgba(63,81,181,.28),transparent 30%)}.bot-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center;direction:ltr}.bot-hero-grid>*{direction:rtl}.bot-copy h1{font-size:clamp(44px,5vw,74px)}.bot-chat{max-width:490px;margin:auto;border:1px solid rgba(255,255,255,.1);border-radius:26px;overflow:hidden;background:#11161d;box-shadow:0 35px 90px rgba(0,0,0,.3);transform:rotate(2deg)}.tg-head{height:72px;background:#1a212b;display:flex;align-items:center;padding:0 18px;gap:12px;color:#fff}.tg-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e7ebef;color:#111;font-weight:800}.tg-head b{display:block;font-size:13px}.tg-head small{display:block;color:#8993a0;font-size:9px;margin-top:3px}.tg-head>span{margin-right:auto;color:#8d97a4}.tg-messages{padding:20px 15px;min-height:440px;background:linear-gradient(180deg,#18202a,#11171e)}.tg-date{text-align:center;font:9px 'JetBrains Mono';color:#8d96a2;margin-bottom:18px}.tg-msg{max-width:78%;padding:11px 13px;border-radius:14px;margin-bottom:10px;font-size:11px;line-height:1.8;position:relative}.tg-msg small{display:block;text-align:left;color:#7d8794;font-size:8px}.tg-msg.user{margin-right:auto;background:#252d38}.tg-msg.bot{margin-left:auto;background:#e8edf2;color:#161a20}.tg-msg.bot small{color:#707985}.tg-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.tg-actions span{padding:9px 12px;border-radius:10px;background:#202a36;color:#cbd2dc;font-size:9px}.automation-flow{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr;align-items:center;gap:8px;margin-top:50px}.flow-card{padding:28px 18px;border:1px solid var(--border);border-radius:20px;text-align:center}.flow-card b{font:10px 'JetBrains Mono';color:var(--accent);display:block}.flow-card strong{font-size:19px;display:block;margin:15px 0 5px}.flow-card span{font-size:11px;color:var(--text-muted)}.flow-card.main{transform:translateY(-10px);border-color:rgba(255,255,255,.25)}.automation-flow>i{text-align:center;color:var(--text-muted);font-style:normal}.bot-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.use-card{padding:34px;border:1px solid var(--border);border-radius:24px;min-height:210px}.use-card span{font:10px 'JetBrains Mono';color:var(--accent)}.use-card h3{font-size:27px;margin:15px 0 7px}.use-card p{color:var(--text-muted);margin:0;line-height:1.9}.use-card b{display:block;margin-top:30px;font:10px 'JetBrains Mono';color:#8d96a2}.backend-board{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;margin-top:45px}.backend-node{padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:20px;text-align:center}.backend-node b{display:block;font-size:18px}.backend-node span{display:block;color:#89929f;font:10px 'JetBrains Mono';margin-top:8px}.backend-node.featured{border-color:rgba(255,255,255,.28);background:#11151b}.backend-connector{text-align:center;color:#8e97a4}.bot-steps{grid-template-columns:repeat(4,1fr)}
.about-hero{padding:100px 0 84px;position:relative;background:radial-gradient(circle at 72% 40%,rgba(63,81,181,.28),transparent 30%)}.about-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-scene{position:relative;min-height:420px;display:flex;align-items:center}.about-mock-card{width:min(100%,460px);margin:auto;border:1px solid rgba(255,255,255,.11);background:var(--surface);border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.32);overflow:hidden;transform:rotate(-2deg)}.team-top{height:52px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:7px;padding:0 18px;color:var(--text-faint);font-size:11px}.team-top>span{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.team-top b{margin-right:auto;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.4px}.team-body{padding:30px 26px}.team-avatars{display:flex;margin-bottom:20px}.team-avatars .avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light));border:3px solid var(--surface);margin-inline-start:-12px}.team-avatars .avatar:first-child{margin-inline-start:0}.team-avatars .avatar.more{background:var(--surface-2);color:var(--text-muted);border:3px solid var(--surface);font-size:11px}.team-body>p{color:var(--text-muted);font-size:13px;line-height:1.9;margin:0 0 20px}.team-tags{display:flex;flex-wrap:wrap;gap:8px}.team-tags span{border:1px solid var(--border);padding:7px 12px;border-radius:999px;font-size:11px;font-weight:600;color:var(--text)}.about-scene .float-card b{font-family:var(--font-body);font-weight:700}

.portfolio-hero{padding:160px 0 60px;position:relative;background:radial-gradient(circle at 80% 30%,rgba(63,81,181,.24),transparent 32%)}
.portfolio-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.portfolio-scene{position:relative;min-height:400px;display:flex;align-items:center;animation:siteFadeUp .8s cubic-bezier(.16,.8,.3,1) both .2s}
.portfolio-mock-card{width:min(100%,400px);margin:auto;border:1px solid rgba(255,255,255,.11);background:var(--surface);border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.32);overflow:hidden;transform:rotate(2deg)}
.portfolio-mock-stat{display:flex;align-items:baseline;gap:10px;padding:22px 26px 0}
.portfolio-mock-stat b{font-size:28px;font-family:var(--font-body);color:var(--accent)}
.portfolio-mock-stat span{color:var(--text-muted);font-size:12px}
.portfolio-mock-list{padding:20px 22px 24px;display:flex;flex-direction:column;gap:12px}
.portfolio-mock-item{display:flex;align-items:center;gap:13px;border:1px solid var(--border);border-radius:14px;padding:11px 13px}
.portfolio-mock-icon{width:36px;height:36px;border-radius:10px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-light)}
.portfolio-mock-icon svg{width:18px;height:18px}
.portfolio-mock-item strong{display:block;font-size:13px}
.portfolio-mock-item small{color:var(--text-faint);font-size:11px}
.portfolio-scene .fc-one{top:-20px}
.portfolio-scene .float-card b{font-family:var(--font-body)}


.story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.roof-card{border:1px solid var(--border);border-radius:22px;background:var(--surface);padding:34px 30px;position:relative;overflow:hidden}
.roof-card:before{content:'';position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(63,81,181,.35),transparent 70%);pointer-events:none}
.roof-badge{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:var(--accent);font:11px 'JetBrains Mono';letter-spacing:.5px;position:relative}
.roof-badge svg{width:20px;height:20px;flex:none}
.roof-steps{list-style:none;margin:0;padding:0;position:relative}
.roof-steps li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}
.roof-steps li:last-child{border-bottom:none}
.roof-steps b{width:38px;height:38px;flex:none;border-radius:50%;background:rgba(125,155,209,.14);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:14px;font-weight:700}
.roof-steps span{font-size:.95rem;color:var(--text)}
@media(max-width:900px){.ux-hero-grid,.wp-hero-grid,.app-hero-grid,.bot-hero-grid,.wp-split .container,.about-hero-grid,.story-grid,.portfolio-hero-grid{grid-template-columns:1fr;gap:45px}.ux-hero-copy h1,.app-copy h1,.bot-copy h1{font-size:46px}.code-scene,.about-scene,.portfolio-scene{min-height:390px}.architecture{grid-template-columns:1fr;gap:12px}.arch-line{display:none}.arch-node.accent{transform:none}.compare-grid,.decision-grid,.bot-use-grid{grid-template-columns:1fr}.compare-side.featured{transform:none}.stack-board{grid-template-columns:1fr 1fr}.stack-main{grid-column:span 2;grid-row:auto}.horizontal-timeline{flex-direction:column;flex-wrap:nowrap;align-items:center;row-gap:32px}.horizontal-timeline>div{max-width:320px}.horizontal-timeline .timeline-line{display:none}.wp-dashboard{order:2}.wp-hero-grid .ux-hero-copy{order:1}.control-grid{grid-template-columns:1fr 1fr}.control-card.big{grid-column:span 2;grid-row:auto}.wp-steps,.app-road,.bot-steps{flex-direction:column;flex-wrap:nowrap;align-items:center;row-gap:32px}.wp-steps>div,.app-road>div,.bot-steps>div{max-width:320px}.wp-steps .timeline-line,.app-road .timeline-line,.bot-steps .timeline-line{display:none}.phone-stage{order:1}.app-copy{order:2}.user-flow{grid-template-columns:1fr 35px 1fr;gap:10px}.user-flow>div:nth-of-type(3),.user-flow>div:nth-of-type(4){display:none}.cap-grid{grid-template-columns:1fr 1fr}.automation-flow{grid-template-columns:1fr 30px 1fr;gap:10px}.automation-flow .flow-card:nth-of-type(3),.automation-flow .flow-card:nth-of-type(4),.automation-flow>i:nth-of-type(2),.automation-flow>i:nth-of-type(3){display:none}.backend-board{grid-template-columns:1fr;gap:14px}.backend-connector{transform:rotate(90deg)}.bot-chat{order:2}.bot-copy{order:1}}
@media(max-width:600px){.ux-hero,.wp-hero,.bot-hero{padding:55px 0 65px}.app-hero{padding:45px 0 65px}.ux-hero-copy h1,.app-copy h1,.bot-copy h1{font-size:36px;letter-spacing:-1px}.ux-hero-copy>p,.app-copy>p,.bot-copy>p{font-size:15px}.code-window{transform:none}.code-content{font-size:10px;padding:20px 13px}.float-card{display:none}.stack-board,.control-grid,.wp-steps,.app-road,.cap-grid{grid-template-columns:1fr}.stack-main,.control-card.big{grid-column:auto}.phone-stage{height:550px;transform:scale(.9)}.phone{width:270px;height:545px}.layer:nth-child(2),.layer:nth-child(3){margin-right:20px;margin-left:20px}.user-flow{grid-template-columns:1fr}.user-flow>i{display:none}.user-flow>div:nth-of-type(n+2){display:none}.bot-chat{transform:none}.tg-messages{min-height:400px}.wp-steps b,.app-road b,.bot-steps b{width:46px;height:46px;font-size:1rem}.wp-steps .timeline-line,.app-road .timeline-line,.bot-steps .timeline-line{width:22px;margin-top:22px}.horizontal-timeline b{width:46px;height:46px;font-size:1rem}.horizontal-timeline .timeline-line,.timeline-line{width:22px;margin-top:22px}.mega-cta{padding:55px 20px}.mega-cta h2{font-size:30px}.section{padding-top:65px!important;padding-bottom:65px!important}}