@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bricolage+Grotesque:opsz,wght@12..60,400;12..60,500;12..60,600;12..60,700;12..60,800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap");.logo-img{width:36px;height:36px;border-radius:8px}.app-sidebar-logo-img,.logo-img{object-fit:contain;flex-shrink:0}.app-sidebar-logo-img{width:24px;height:24px;border-radius:5px}:root{--bg:#0B0F18;--bg2:#111827;--bg3:#1C2333;--bg4:#161B22;--border:#1F2937;--border2:#2D3748;--orange:#F97316;--orange-h:#EA6C10;--orange-s:rgba(249,115,22,0.1);--orange-b:rgba(249,115,22,0.22);--text:#F0F4F8;--text2:#94A3B8;--text3:#64748B;--green:#25D366;--white:#fff;--light-bg:#F9FAFB;--light-text:#111827;--light-body:#374151;--light-mute:#6B7280;--light-bdr:#E5E7EB}html{scroll-behavior:smooth}.technobuild-home *{box-sizing:border-box}.technobuild-home{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}.technobuild-home h1,.technobuild-home h2,.technobuild-home h3,.technobuild-home h4{font-family:Bricolage Grotesque,sans-serif;line-height:1.1}.display{font-family:Bebas Neue,sans-serif;font-size:clamp(34px,6vw,68px);font-weight:400;letter-spacing:.01em;line-height:.97;text-transform:uppercase}.h2{font-size:clamp(28px,3.8vw,46px);font-weight:800;letter-spacing:-.025em}.h2,.h3{font-family:Bricolage Grotesque,sans-serif}.h3{font-size:clamp(16px,1.8vw,20px);font-weight:700;letter-spacing:-.01em}.mono{font-family:Space Mono,monospace}.grad{background:linear-gradient(135deg,#F97316,#FBBF24,#F97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200%;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:0}to{background-position:200%}}.tb-container{max-width:1160px;margin:0 auto;padding:0 24px}section{padding:96px 0}@media(max-width:768px){section{padding:64px 0}}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--orange-s);border:1px solid var(--orange-b);color:#FED7AA;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:100px;font-family:Plus Jakarta Sans,sans-serif}.chip-light{background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.18);color:#C2460B}.btn{display:inline-flex;align-items:center;gap:8px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:15px;padding:14px 28px;border-radius:8px;text-decoration:none;cursor:pointer;border:none;transition:all .2s;white-space:nowrap;letter-spacing:.01em}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 2px 16px rgba(249,115,22,.35)}.btn-primary:hover{background:var(--orange-h);box-shadow:0 4px 24px rgba(249,115,22,.5);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--border2)}.btn-ghost:hover{border-color:var(--orange);color:var(--orange)}.btn-sm{padding:10px 20px;font-size:13px}.wa-svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-top:70px;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(ellipse 70% 50% at 50% 0,rgba(249,115,22,.07) 0,transparent 60%),linear-gradient(180deg,#0B0F18,#0D1421)}.hero-bg,.hero-grid{position:absolute;inset:0}.hero-grid{background-image:linear-gradient(rgba(249,115,22,.032) 1px,transparent 0),linear-gradient(90deg,rgba(249,115,22,.032) 1px,transparent 0);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 75%)}.hero-content{position:relative;z-index:2;max-width:1080px;text-align:center;padding:40px 24px 0}.hero h1{color:var(--text);margin-bottom:16px}.hero-sub{font-size:clamp(15px,1.8vw,18px);line-height:1.72;color:var(--text2);max-width:560px;margin:0 auto 28px;font-family:Plus Jakarta Sans,sans-serif}.hero-ctas{gap:12px;margin-bottom:36px}.hero-ctas,.hero-trust{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.hero-trust{gap:8px}.trust-city{font-size:12px;font-weight:600;color:var(--text3);padding:3px 10px;border:1px solid var(--border2);border-radius:100px}.showcase{position:relative;z-index:2;width:100%;padding:48px 24px 0;max-width:1200px;margin:0 auto}.showcase-tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.stab{padding:7px 16px;border-radius:100px;border:1px solid var(--border2);background:transparent;font-size:12px;font-weight:600;color:var(--text3);cursor:pointer;transition:all .2s;font-family:Plus Jakarta Sans,sans-serif;letter-spacing:.03em}.stab.active,.stab:hover{background:var(--orange-s);border-color:var(--orange-b);color:#FED7AA}.screen-wrap{background:var(--bg3);border:1px solid var(--border2);border-radius:16px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.65),0 0 0 1px rgba(249,115,22,.06);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.app-bar{background:#161B22;border-bottom:1px solid var(--border);padding:12px 20px;display:flex;align-items:center;gap:12px}.app-dots{display:flex;gap:7px}.app-dot{width:11px;height:11px;border-radius:50%}.app-bar-title{flex:1;text-align:center;font-size:12px;color:var(--text3);font-family:Space Mono,monospace}.app-layout{display:flex;min-height:320px}.app-sidebar{width:175px;background:#0D1117;border-right:1px solid var(--border);padding:10px 0;flex-shrink:0}.app-sidebar-logo{display:flex;align-items:center;gap:8px;padding:8px 12px 12px;border-bottom:1px solid var(--border);margin-bottom:6px}.app-sidebar-logo-icon{width:24px;height:24px;border-radius:5px;background:linear-gradient(135deg,#2563EB,#1D4ED8);display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;flex-shrink:0}.app-sidebar-logo-icon,.app-sidebar-logo-text{font-family:Bricolage Grotesque,sans-serif;font-weight:800}.app-sidebar-logo-text{font-size:12px}.app-sidebar-logo-text span{color:var(--orange)}.slink{font-size:11px;padding:6px 12px;color:var(--text3);display:block;transition:all .15s;cursor:pointer}.technobuild-home button.slink{background:none;border:none;width:100%;text-align:left;font:inherit}.slink.active,.slink:hover{color:var(--text);background:rgba(249,115,22,.08)}.slink.active{color:var(--orange);border-right:2px solid var(--orange)}.app-main{flex:1;overflow:hidden}.screen-panel{display:none}.screen-panel.active{display:block}.app-topbar-inner{background:#1A1F2E;border-bottom:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.app-topbar-inner span{font-size:12px;font-weight:600;color:var(--text2)}.app-btn{background:var(--orange);color:#fff;font-size:11px;font-weight:600;padding:5px 12px;border-radius:6px;border:none;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif}.app-btn-dark{background:#1F2937;color:var(--text2)}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}.k-col-head{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:5px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.kh-plan{background:rgba(59,130,246,.15);color:#60A5FA}.kh-prog{background:rgba(245,158,11,.15);color:#FCD34D}.kh-block{background:rgba(239,68,68,.15);color:#FCA5A5}.kh-done{background:rgba(16,185,129,.15);color:#34D399}.k-count{font-size:10px;background:rgba(255,255,255,.08);color:var(--text2);padding:1px 6px;border-radius:100px}.kcard{background:#1F2937;border:1px solid #2d3748;border-radius:7px;padding:10px 11px;margin-bottom:7px;font-size:11px}.kcard-tag{font-size:9px;font-weight:700;padding:2px 7px;border-radius:100px;margin-bottom:6px;display:inline-block;letter-spacing:.04em}.tag-med{background:rgba(245,158,11,.15);color:#FCD34D}.tag-hi{background:rgba(239,68,68,.15);color:#FCA5A5}.tag-lo{background:rgba(16,185,129,.15);color:#34D399}.kcard-name{color:#E5E7EB;font-weight:600;margin-bottom:4px}.kcard-meta{color:#4B5563;font-size:10px;margin-bottom:4px}.kcard-team{font-size:10px;background:rgba(255,255,255,.05);color:#6B7280;padding:2px 6px;border-radius:4px;display:inline-block;margin-bottom:5px}.kcard-av{gap:4px}.av,.kcard-av{display:flex;align-items:center}.av{width:18px;height:18px;border-radius:50%;background:var(--orange);justify-content:center;font-size:8px;font-weight:700;color:#fff;flex-shrink:0}.av-name{font-size:10px;color:#6B7280}.crm-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}.crm-stage-head{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:5px 8px;border-radius:5px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.cs-onboarded{background:rgba(59,130,246,.15);color:#60A5FA}.cs-called{background:rgba(139,92,246,.15);color:#C4B5FD}.cs-rejected{background:rgba(239,68,68,.15);color:#FCA5A5}.cs-notint{background:rgba(245,158,11,.15);color:#FCD34D}.crm-pct{font-size:9px;background:rgba(255,255,255,.1);padding:1px 5px;border-radius:100px}.crm-card{background:#1F2937;border:1px solid #2d3748;border-radius:7px;padding:10px 11px;margin-bottom:7px;font-size:11px}.crm-lbl{font-size:9px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.crm-val{font-size:11px;font-weight:600;color:#E5E7EB;margin-bottom:5px}.crm-assigned{font-size:10px;color:var(--orange);font-weight:600}.tbl-wrap{padding:0 14px 14px;overflow-x:auto}table.app-tbl{width:100%;border-collapse:collapse;font-size:11px}table.app-tbl th{background:#161B22;color:var(--text3);font-weight:600;text-align:left;font-size:10px;white-space:nowrap}table.app-tbl td,table.app-tbl th{padding:8px 10px;border-bottom:1px solid var(--border)}table.app-tbl td{vertical-align:middle}.mat-name{font-weight:600;color:#E5E7EB}.qty-val{color:var(--orange);font-family:Space Mono,monospace;font-size:11px}.hold-on{background:var(--orange);color:#fff}.hold-off,.hold-on{padding:2px 10px;border-radius:100px;font-size:9px;font-weight:700}.hold-off{background:#1F2937;color:#4B5563}.att-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.att-stat{background:#1F2937;border-radius:8px;padding:10px;text-align:center}.att-stat-num{font-family:Bebas Neue,sans-serif;font-size:28px;color:var(--orange)}.att-stat-label{font-size:10px;color:var(--text3);margin-top:2px}.att-chip{display:inline-block;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase}.att-present{background:rgba(16,185,129,.2);color:#34D399}.att-absent{background:rgba(239,68,68,.2);color:#FCA5A5}.att-half{background:rgba(139,92,246,.2);color:#C4B5FD}.att-leave{background:rgba(245,158,11,.2);color:#FCD34D}.emp-name{font-weight:600;color:#E5E7EB;font-size:10px}.emp-user{color:var(--text3);font-size:9px}.boq-radio-row{display:flex;gap:20px;padding:12px 16px}.boq-radio{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text2);cursor:pointer}.boq-radio.active{color:var(--orange)}.radio-dot{width:12px;height:12px;border-radius:50%;border:2px solid;display:inline-block;flex-shrink:0}.boq-radio.active .radio-dot{background:var(--orange);border-color:var(--orange)}.boq-act-btn{background:var(--orange);color:#fff;font-size:10px;font-weight:600;padding:3px 10px;border-radius:5px;border:none;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif}.section-white{background:#fff;color:var(--light-text)}.section-light{background:var(--light-bg);color:var(--light-text)}.section-bg2{background:var(--bg2)}.sec-hdr{text-align:center;margin-bottom:60px}.sec-hdr .chip{margin-bottom:16px}.sec-hdr .h2{margin-top:0;margin-bottom:14px}.sec-hdr p{font-size:17px;line-height:1.7;max-width:520px;margin:0 auto}.prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:768px){.prob-grid{grid-template-columns:1fr}}.prob-card{padding:32px;border-radius:12px;border:1px solid var(--light-bdr);background:#fff;transition:all .25s}.prob-card:hover{border-color:rgba(249,115,22,.4);box-shadow:0 8px 32px rgba(249,115,22,.08);transform:translateY(-3px)}.prob-icon{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px}.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.modules-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.modules-grid{grid-template-columns:1fr}}.mod-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:28px;transition:all .25s;position:relative;overflow:hidden}.mod-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(249,115,22,.05),transparent 60%);opacity:0;transition:opacity .25s}.mod-card:hover:before{opacity:1}.mod-card:hover{border-color:rgba(249,115,22,.35);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.mod-card-wide{grid-column:span 2}@media(max-width:900px){.mod-card-wide{grid-column:span 1}}.mod-icon{width:48px;height:48px;border-radius:10px;background:var(--orange-s);border:1px solid var(--orange-b);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}.mod-card .h3{color:var(--text);margin-bottom:10px}.mod-card p{font-size:13.5px;line-height:1.7;color:var(--text2);margin-bottom:18px}.mod-tags{display:flex;flex-wrap:wrap;gap:6px}.mod-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:100px;background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.18);color:#FED7AA}.stats-strip{padding:64px 0;background:var(--bg4);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-item{background:var(--bg4);padding:40px 24px;text-align:center}.stat-num{font-family:Bebas Neue,sans-serif;font-size:clamp(44px,5vw,68px);color:var(--orange);display:block;letter-spacing:.02em;line-height:1}.stat-label{font-size:13px;color:var(--text3);line-height:1.5;margin-top:8px}.steps-list{max-width:680px;margin:0 auto}.step-row{display:grid;grid-template-columns:56px 1fr;gap:0;position:relative;padding-bottom:48px}.step-row:last-child{padding-bottom:0}.step-row:not(:last-child):after{content:"";position:absolute;left:27px;top:54px;bottom:0;width:1px;background:linear-gradient(var(--light-bdr),transparent)}.step-left{flex-direction:column;padding-top:4px}.step-left,.step-num{display:flex;align-items:center}.step-num{width:46px;height:46px;border-radius:50%;background:var(--orange-s);border:1.5px solid var(--orange);justify-content:center;font-family:Bebas Neue,sans-serif;font-size:22px;color:var(--orange);flex-shrink:0;letter-spacing:.05em}.step-body{padding-left:20px}.step-body .h3{color:var(--light-text);margin-bottom:8px}.step-body p{font-size:14px;line-height:1.72;color:var(--light-mute)}.step-statuses{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sstatus{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:100px}.ss-created{background:rgba(100,116,139,.15);color:#94A3B8;border:1px solid rgba(100,116,139,.25)}.ss-approved{background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.22)}.ss-po{background:rgba(59,130,246,.12);color:#60A5FA;border:1px solid rgba(59,130,246,.22)}.ss-logistic{background:rgba(245,158,11,.12);color:#FCD34D;border:1px solid rgba(245,158,11,.22)}.ss-complete{background:rgba(16,185,129,.15);color:#10B981;border:1px solid rgba(16,185,129,.3)}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.role-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:22px;transition:all .2s}.role-card:hover{border-color:rgba(249,115,22,.3);transform:translateY(-3px)}.role-emoji{width:44px;height:44px;border-radius:10px;background:var(--orange-s);border:1px solid var(--orange-b);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}.role-card .h3{color:var(--text);margin-bottom:6px;font-size:15px}.role-card p{font-size:13px;line-height:1.65;color:var(--text2)}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:768px){.test-grid{grid-template-columns:1fr}}.test-card{background:#fff;border:1px solid var(--light-bdr);border-radius:12px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,.06);display:flex;flex-direction:column}.qmark{font-family:Bebas Neue,sans-serif;font-size:64px;line-height:.8;color:#FED7AA;margin-bottom:14px}.test-text{font-size:15px;line-height:1.75;color:var(--light-body);flex:1;font-style:italic}.test-author{margin-top:20px;padding-top:16px;border-top:1px solid var(--light-bdr)}.author-name{font-size:14px;font-weight:700;color:var(--light-text);margin-bottom:2px}.author-role{font-size:12px;color:var(--light-mute)}.author-city{font-size:11px;font-weight:700;color:var(--orange);margin-top:3px}.cta-banner{padding:120px 24px;text-align:center;position:relative;overflow:hidden}.cta-banner-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(249,115,22,.1) 0,transparent 70%),var(--bg)}.cta-border-line{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(249,115,22,.4),transparent)}.cta-inner{position:relative;z-index:2;max-width:640px;margin:0 auto}.cta-inner .h2{color:var(--text);margin-bottom:16px}.cta-inner p{font-size:18px;line-height:1.7;color:var(--text2);margin-bottom:40px}.cta-trust{margin-top:20px;font-size:13px;color:var(--text3)}.technobuild-home footer{background:#080C14;border-top:1px solid var(--border);padding:64px 0 32px}.technobuild-home .footer-brand{margin-bottom:12px;display:inline-flex}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}.footer-col-title{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:16px;font-family:Plus Jakarta Sans,sans-serif}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:14px;color:var(--text2);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-bottom p{font-size:13px;color:var(--text3)}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{font-size:13px;color:var(--text3);text-decoration:none}.wa-float{position:fixed;bottom:24px;right:24px;z-index:99;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.5);text-decoration:none;transition:transform .2s}.wa-float:hover{transform:scale(1.1)}.wa-float svg{width:28px;height:28px;fill:#fff}.wa-pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(37,211,102,.5);animation:pulse 2.5s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.fade-up{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.desktop-br{display:inline}@media(max-width:768px){.desktop-br{display:none}.hero{padding-top:60px}.hero-content{padding:24px 16px 0}.hero-sub{margin-bottom:24px;font-size:15.5px}.showcase{padding:24px 12px 0}.app-sidebar{display:none!important}.crm-pipeline,.kanban{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:12px!important;padding:12px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.crm-pipeline>div,.kanban>div{flex:0 0 250px!important;scroll-snap-align:start;background:rgba(255,255,255,.02);border-radius:8px;padding:8px}}@media(max-width:480px){.hero-ctas{flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.btn{justify-content:center}.att-stats{grid-template-columns:repeat(2,1fr)}}