/* OPERANT-INSPIRED STATIC CLONE — independent CSS implementation.
   Source-derived: Hanken Grotesk; #FF4800; #FFF9F6; #ece8e2; 1280px container.
   Animations are original reconstructions, not exported Webflow IX2 settings. */
:root{--accent:#FF4800;--accent-hover:#E83F00;--accent-pale:#FFF1E9;--ink:#1D1D1F;--black:#000;--muted:#555555;--soft:#6B6B6B;--white:#fff;--warm:#FFF8F4;--beige:#FFF4EE;--line:#E5E7EB;--green:#FF6B32;--radius:12px;--radius-lg:22px;--container:1280px;--ease:cubic-bezier(.22,1,.36,1);--shadow:0 2px 20px rgba(0,0,0,.075);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.55 'Hanken Grotesk',Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{max-width:100%;display:block}h1,h2,h3,h4,p,blockquote{margin:0}h1,h2,h3,h4{line-height:1.14;letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(42px,4.25vw,66px)}h2{font-size:clamp(36px,3.8vw,56px)}h3{font-size:clamp(23px,2.1vw,32px)}p{color:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.container{width:min(var(--container),calc(100% - 72px));margin-inline:auto}.section-pad{padding-block:112px}.type-muted{color:#8d8881}.skip-link{position:absolute;top:-80px;left:20px;background:var(--accent);color:#fff;padding:8px 15px;z-index:2000}.skip-link:focus{top:10px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.11em;color:var(--muted);text-transform:uppercase}.eyebrow-icon{font-family:'Hanken Grotesk';color:var(--accent);font-size:18px;line-height:1}.section-heading h2,.center-heading h2{margin-top:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;padding:12px 19px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:15px;line-height:1.2;transition:transform .3s var(--ease),background .25s,color .25s,box-shadow .3s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-hover);box-shadow:0 9px 20px rgba(255,72,0,.20)}.button-outline{border-color:#d7cfc7;background:#fff;color:var(--ink)}.button-outline:hover{border-color:var(--accent);background:var(--accent-pale)}.button-light{background:#fff;color:var(--ink);font-size:15px}.button-light:hover{background:var(--accent-pale)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#3a2921}.button-lg{padding:16px 22px;min-height:54px}.text-link,.link-arrow{font-weight:600;display:inline-flex;align-items:center;gap:19px}.link-arrow{padding-bottom:9px;border-bottom:1px solid currentColor;transition:gap .3s,color .3s}.link-arrow:hover{gap:27px;color:var(--accent)}.link-arrow span{font-size:20px}.mini-tag,.micro-label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.09em;color:#84776b;font-weight:500}.reveal{opacity:1;transform:none;transition:opacity .85s var(--ease),transform .85s var(--ease);transition-delay:var(--reveal-delay,0ms)}.js-enabled .reveal{opacity:0;transform:translate3d(0,28px,0)}.js-enabled .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
/* announcement & navigation */
.announcement{background:#FFF4EF;border-bottom:1px solid #FFE6D8}.announcement-inner{height:41px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px}.announcement-tag{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font:500 10px 'JetBrains Mono';letter-spacing:.04em}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #FF6B321C;animation:breathe 2s infinite}.announcement-tag .live-dot{background:var(--accent);box-shadow:0 0 0 3px #FF480018}.announcement-copy{color:#6c6258}.announcement-link{font-weight:700;color:var(--ink)}.announcement-link:hover{color:var(--accent)}.site-header{z-index:100;position:sticky;top:0;border-bottom:1px solid transparent;transition:background .35s,border-color .35s,box-shadow .35s;background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}.site-header.scrolled{border-color:var(--line);box-shadow:0 8px 24px rgba(22,18,14,.045)}.nav-inner{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:28px;font-weight:800;letter-spacing:-1.9px;line-height:1;color:var(--black)}.brand-period{color:var(--accent)}.brand-mark,.tiny-brand{position:relative;display:inline-block;width:31px;height:31px;flex:none}.brand-mark i,.tiny-brand i{position:absolute;width:15px;height:15px;border:2.5px solid var(--accent);border-radius:50%;left:2px;top:2px}.brand-mark i:nth-child(2),.tiny-brand i:nth-child(2){left:13px}.brand-mark i:nth-child(3),.tiny-brand i:nth-child(3){top:13px}.brand-mark i:nth-child(4),.tiny-brand i:nth-child(4){top:13px;left:13px}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.desktop-nav a{font-size:14px;font-weight:500;color:#504943;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.nav-active{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:23px}.nav-login{font-size:14px}.nav-login span{color:var(--accent)}.nav-cta{font-size:13px;padding:12px 15px}.menu-toggle{display:none;width:45px;height:43px;border:1px solid var(--line);border-radius:8px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:20px;height:2px;background:var(--ink);transition:transform .25s}.menu-toggle.is-open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.is-open span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:none}
/* hero */
.hero{padding-top:88px;padding-bottom:104px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff 62%,#FFF8F4 100%)}.hero-copy{max-width:980px;text-align:center;margin-inline:auto}.hero-eyebrow{color:var(--accent);justify-content:center;font-size:11px;margin-bottom:22px}.hero h1{max-width:1070px;margin-inline:auto;font-weight:600;letter-spacing:-.058em;line-height:1.085}.highlight-underline{position:relative;white-space:normal}.highlight-underline::after{content:"";position:absolute;left:2px;right:2px;bottom:2px;height:8px;background:var(--accent-pale);z-index:-1;border-radius:50%}.hero-description{max-width:610px;margin:26px auto 0;font-size:18px;line-height:1.55}.hero-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:29px}.button-arrow{font-size:19px}.hero-hint{margin-top:20px;font-size:13px;color:#887f75;display:flex;align-items:center;justify-content:center;gap:8px}.status-spark{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green)}.hero-product{position:relative;margin:80px auto 0;max-width:1180px}.product-halo{position:absolute;inset:-20px -10% -20px;background:radial-gradient(ellipse at 50% 45%,#FFE1D2 0%,#FFF2EA 35%,transparent 68%);filter:blur(26px);pointer-events:none}.dashboard-window{position:relative;overflow:hidden;min-height:544px;display:grid;grid-template-columns:204px 1fr;border:1px solid #ded5cf;border-radius:15px;background:white;box-shadow:0 42px 72px rgba(53,34,25,.12),0 4px 12px rgba(44,28,19,.05);transform:perspective(2200px) rotateX(0) translateZ(0);transition:box-shadow .6s,transform .8s var(--ease)}.hero-product:hover .dashboard-window{box-shadow:0 48px 90px rgba(53,34,25,.16);transform:translateY(-3px)}.dashboard-sidebar{background:#fff;border-right:1px solid #efebe6;padding:18px 10px 12px;display:flex;flex-direction:column}.dashboard-sidebar-logo{padding-left:8px;margin-bottom:15px}.tiny-brand{width:19px;height:19px;transform:scale(.67);transform-origin:0 0}.sidebar-select{border:1px solid #eee8e2;border-radius:7px;padding:9px 9px;font-size:11px;font-weight:600;color:#3f3730;display:flex;gap:7px;align-items:center}.sidebar-select b{margin-left:auto;color:#928781}.side-category{font-size:9px;font-weight:700;color:#aaa09a;letter-spacing:.09em;margin:20px 10px 9px}.side-item{font-size:11px;color:#746a64;padding:10px 12px;display:flex;align-items:center;gap:10px;border-radius:6px}.side-item span{font-size:15px}.side-item.active{color:var(--accent);background:#FFF3EB;font-weight:700}.sidebar-spacer{flex:1}.sidebar-user{border-top:1px solid #f3eee9;padding:15px 2px 0;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;color:#4d443f}.sidebar-user small{display:block;font-weight:400;color:#938880;font-size:9px}.sidebar-user b{font-size:16px;margin-left:auto}.user-avatar,.toolbar-avatar{background:#e7dcce;color:#604b3c;display:grid;place-items:center;border-radius:50%;font-weight:800}.user-avatar{width:27px;height:27px;font-size:9px}.dashboard-main{min-width:0;background:#fbfaf9}.dashboard-top{height:53px;border-bottom:1px solid #eee8e2;background:#fff;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.crumb{font-size:10px;color:#a49b94}.crumb span{margin:0 9px;color:#d3cac2}.crumb b{color:#4a403c;font-weight:700}.dashboard-toolbar{display:flex;align-items:center;gap:18px;color:#796d62}.toolbar-avatar{width:24px;height:24px;font-size:8px}.dashboard-content{padding:27px 24px 21px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.dashboard-heading h3{font-size:23px;letter-spacing:-.05em;margin-top:5px}.orange-dot{color:var(--accent)}.dashboard-heading p{font-size:10px;margin-top:4px;color:#9a9089}.dash-live{display:flex;align-items:center;gap:7px;color:#E94B12;font-size:10px;background:#FFF4ED;border:1px solid #FFE6D8;border-radius:30px;padding:6px 10px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpi-card{position:relative;min-height:142px;background:#fff;border:1px solid #eee8e2;border-radius:9px;padding:15px 15px;overflow:hidden}.kpi-title{display:flex;justify-content:space-between;font-size:10px;color:#8d827a;font-weight:600}.kpi-title span{font-size:15px}.kpi-card>div:nth-of-type(1){display:flex;align-items:center;gap:12px;margin:11px 0 1px}.kpi-card strong{font-size:27px;font-weight:700;letter-spacing:-.06em}.kpi-card strong em{font-size:13px;font-style:normal}.kpi-up{font-size:9px;color:var(--green);background:#eff8f1;padding:3px 5px;border-radius:4px}.kpi-card>small{font-size:9px;color:#a49a90}.kpi-card svg{position:absolute;width:54%;height:26px;bottom:9px;right:6px;opacity:.65}.kpi-card svg path{fill:none;stroke:#FF4800;stroke-width:2}.health-stripes{position:absolute;bottom:9px;right:9px;display:flex;align-items:end;gap:3px;height:23px}.health-stripes i{height:64%;width:4px;border-radius:3px;background:#FFD8C2}.health-stripes i:nth-child(3n){height:90%}.health-stripes i:nth-child(4n){height:50%}.kpi-mini-bars{position:absolute;right:10px;bottom:9px;display:flex;gap:4px;align-items:end;height:29px}.kpi-mini-bars i{width:6px;height:30%;border-radius:2px;background:#f1b5a5}.kpi-mini-bars i:nth-child(2n){height:85%}.kpi-mini-bars i:nth-child(3n){height:60%}.kpi-mini-bars i:nth-child(5n){height:100%;background:var(--accent)}.dashboard-bottom{display:grid;grid-template-columns:1.52fr 1fr;gap:12px;margin-top:12px}.system-card,.insights-card{background:#fff;border-radius:9px;border:1px solid #eee8e2;min-height:235px;padding:16px}.widget-heading{display:flex;align-items:start;justify-content:space-between}.widget-heading strong{font-size:11px;font-weight:700}.widget-heading p{font-size:9px;color:#a69d94;margin-top:3px}.widget-heading>span{color:#989088}.system-map{height:150px;position:relative;overflow:hidden}.connector-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connector-lines path{fill:none;stroke:#dcc8bb;stroke-width:1.5;stroke-dasharray:3 3}.node{position:absolute;border:1px solid #f0e9e3;background:#fff;box-shadow:0 2px 9px #2c160d12;padding:6px 9px;border-radius:6px;display:flex;align-items:center;gap:5px;font-size:8px}.node span{color:var(--accent);font-size:13px}.node strong{font-size:8px}.node small{font-size:7px;color:var(--green)}.node-core{left:6%;top:43%}.node-service{left:39%;top:10%}.node-data{left:45%;top:73%}.node-cloud{left:76%;top:42%}.pulse-dot{position:absolute;width:8px;height:8px;border:2px solid white;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px #FF48002B;animation:breathe 2.1s infinite}.pulse-dot.one{left:35%;top:42%}.pulse-dot.two{left:70%;top:41%;animation-delay:.7s}.widget-foot{border-top:1px solid #f1ebe6;padding-top:9px;font-size:8px;color:#8d8179}.widget-foot a{float:right;color:var(--accent);font-weight:700}.online-marker{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;margin-right:4px}.insight-symbol{color:var(--accent)!important}.insight-row{border-bottom:1px solid #f5f1ec;display:flex;gap:7px;align-items:center;padding:13px 0}.insight-row:last-of-type{border-bottom:0}.insight-row>div{flex:1}.insight-row strong{display:block;font-size:9px}.insight-row small{display:block;color:#a3968c;font-size:8px}.insight-time{color:#aea39a;font-size:8px}.insight-icon{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;font-size:11px}.insight-icon.green{background:#edf8ef;color:#FF6B32}.insight-icon.coral{background:#FFF1E9;color:#FF4800}.insight-icon.gray{background:#f3f1ed;color:#877f73}.ai-input{background:#f8f6f3;border-radius:6px;color:#a49991;font-size:9px;display:flex;justify-content:space-between;padding:9px 10px;margin-top:4px}.ai-input span{color:var(--accent)}.float-pill{position:absolute;background:white;box-shadow:0 15px 45px #41261c21;border:1px solid #f0e4dc;border-radius:9px;padding:10px 13px;display:flex;align-items:center;gap:10px;animation:float 5.5s ease-in-out infinite}.float-pill b{font-size:11px;display:block}.float-pill small{color:#978a7e;font-size:9px;display:block}.float-left{left:-35px;top:33%;transform:rotate(-3deg)}.float-right{right:-30px;bottom:12%;animation-delay:-2s}.pulse-check,.float-spark{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;color:var(--green);background:#FFF0E6;font-weight:800}.float-spark{background:#fff0e9;color:var(--accent);font-size:18px}
/* brands */
.brands{padding:39px 0 52px;border-bottom:1px solid var(--line);background:#fff;overflow:hidden}.brands-caption{text-align:center;font:500 10px 'JetBrains Mono',monospace;letter-spacing:.13em;color:#999189;margin-bottom:27px}.brand-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 13%,black 87%,transparent);mask-image:linear-gradient(to right,transparent,black 13%,black 87%,transparent)}.brand-track{display:flex;align-items:center;gap:80px;width:max-content;animation:marquee 34s linear infinite}.brand-marquee:hover .brand-track{animation-play-state:paused}.client-logo{display:inline-flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-.7px;color:#aaa19a;white-space:nowrap}.client-logo b{font-weight:700;font-size:23px}.client-logo:first-letter{font-size:34px}
/* intro */
.intro{background:#fff}.split-heading{display:grid;grid-template-columns:1.24fr .76fr;gap:95px;align-items:end}.split-heading h2{margin-top:19px}.split-copy{padding-bottom:6px}.split-copy p{font-size:18px;line-height:1.6;max-width:435px;margin-bottom:21px}.three-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.value-card{position:relative;min-height:337px;border:1px solid var(--line);border-radius:13px;padding:26px;background:#fcfbfa;transition:transform .35s var(--ease),box-shadow .35s,border-color .3s}.value-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#e1cbc0}.value-number{font:500 10px 'JetBrains Mono',monospace;letter-spacing:.11em;color:#8d8077}.value-icon{color:var(--accent);font-size:43px;line-height:1;margin-top:40px;margin-bottom:25px}.value-card h3{font-size:25px;margin-bottom:12px}.value-card p{font-size:15px;line-height:1.65;max-width:325px}.value-card>a{position:absolute;right:26px;top:26px;color:var(--accent);font-size:23px;transition:transform .3s}.value-card:hover>a{transform:translate(3px,-3px)}
/* dark model */
.dark-showcase{background:#FF4800;color:white;overflow:hidden}.dark-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:80px;align-items:center}.eyebrow-light{color:#d5c9be}.dark-copy h2{margin-top:23px;font-size:clamp(40px,3.7vw,57px)}.dark-copy h2 em{font-style:normal;color:#f18b68}.dark-copy>p{color:#b5a89e;max-width:420px;font-size:17px;margin-top:26px;line-height:1.65}.dark-bullets{display:grid;gap:15px;margin:29px 0 35px;color:#e2d7ce;font-size:14px}.dark-bullets div{display:flex;align-items:center;gap:12px}.dark-bullets span{background:#312822;border-radius:50%;color:#ff9f7f;display:grid;place-items:center;width:24px;height:24px;font-size:11px}.dark-model{position:relative;overflow:hidden;min-height:480px;border:1px solid #4b3a31;border-radius:15px;background:radial-gradient(circle at center,#33261d 0%,#201913 65%,#201713 100%);box-shadow:0 20px 50px #05040432}.model-head,.model-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 19px;font:500 10px 'JetBrains Mono',monospace;letter-spacing:.02em;color:#b8a99e}.model-head{border-bottom:1px solid #4b392f}.model-head .live-dot{margin-right:8px}.model-footer{border-top:1px solid #4b392f}.model-green{display:inline-block;border-radius:50%;width:6px;height:6px;background:#FF8453;margin-right:7px}.model-canvas{height:365px;position:relative;overflow:hidden}.model-wires{position:absolute;inset:0;width:100%;height:100%}.model-wires path{fill:none;stroke:#926552;stroke-width:1.2;stroke-dasharray:6 7;animation:dash 20s linear infinite}.model-wires circle{fill:none;stroke:#765443;opacity:.6}.model-entity{position:absolute;z-index:2;border:1px solid #765444;background:#382922;box-shadow:0 0 24px #13090170;border-radius:9px;display:flex;align-items:center;gap:8px;padding:13px;color:#f8ece4;font-size:12px}.model-entity>span{color:#ff9c79}.model-entity small{color:#FFCBAF;font-size:9px}.entity-center{left:42%;top:44%;background:#E94B12;border-color:#FF6A2F;transform:translate(-50%,-50%);font-size:14px;padding:17px;box-shadow:0 0 0 13px #e95d2521,0 0 70px #FF480050}.entity-1{top:14%;left:13%}.entity-2{top:15%;right:11%}.entity-3{bottom:16%;left:8%}.entity-4{bottom:12%;right:9%}.model-orbit{position:absolute;width:7px;height:7px;background:#e8734d;border-radius:50%;box-shadow:0 0 18px 4px #e8734d80;animation:breathe 2.4s infinite}.orbit-a{top:24%;left:47%}.orbit-b{top:69%;left:30%;animation-delay:.5s}.orbit-c{top:49%;right:13%;animation-delay:1s}
/* feature bento */
.center-heading{text-align:center;margin-inline:auto;margin-bottom:57px}.center-heading p{font-size:17px;margin-top:15px}.feature-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature-card{border:1px solid var(--line);border-radius:15px;min-height:395px;overflow:hidden;position:relative}.feature-wide{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center}.feature-small{min-height:398px;display:flex;flex-direction:column}.warm-card{background:#f8f3ee}.white-card{background:#fff}.peach-card{background:#fbece5}.feature-copy{padding:39px 36px;position:relative;z-index:1}.feature-copy h3{margin:24px 0 15px;font-size:31px;line-height:1.14}.feature-copy p{font-size:15px;line-height:1.65;max-width:340px}.feature-copy .link-arrow{font-size:13px;margin-top:25px}.feature-small .feature-copy{padding-bottom:22px}.feature-small .feature-copy h3{font-size:27px}.chart-visual{height:270px;min-width:0;margin-right:-20px;align-self:end;background:#fff;border:1px solid #ead9cc;border-radius:12px 0 0 0;box-shadow:0 12px 35px #442b1b12}.mock-window-label{height:43px;border-bottom:1px solid var(--line);padding:0 15px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.mock-window-label>span:first-child{color:var(--accent)}.badge-live{margin-left:auto;font-size:9px;background:#e9f7ee;color:#FF6A2F;padding:3px 8px;border-radius:30px}.graph-surface{position:relative;height:225px;background-image:radial-gradient(#eee9e3 1px,transparent 1px);background-size:15px 15px}.graph-surface svg{position:absolute;inset:0;height:100%;width:100%}.graph-surface path{fill:none;stroke:#e1a48d;stroke-width:2;stroke-dasharray:4 5}.graph-node{position:absolute;background:#fff;border:1px solid #f0d4c7;box-shadow:0 4px 17px #271c140f;border-radius:8px;display:grid;place-items:center;width:48px;height:40px;font-size:18px;color:var(--accent)}.g1{left:15%;top:42%}.g2{left:39%;top:20%}.g3{left:66%;top:43%}.g4{left:46%;top:70%}.chat-visual{position:relative;margin:10px 34px 30px;padding:24px;background:#FFF9F6;border:1px solid #ebe5de;border-radius:12px;flex:1;display:flex;flex-direction:column;gap:14px}.chat-question{align-self:end;border-radius:12px 12px 1px 12px;background:#efebe6;padding:12px 14px;font-size:13px;max-width:82%}.chat-question span{color:var(--accent)}.chat-answer{display:flex;gap:10px;align-items:start}.chat-answer span{width:28px;height:28px;flex:none;display:grid;place-items:center;background:var(--accent);color:white;border-radius:8px}.chat-answer p{max-width:320px;font-size:13px;color:#564b43;padding-top:3px}.chat-dots{margin-left:40px;margin-top:auto;display:flex;gap:3px}.chat-dots i{background:#FF4800;width:4px;height:4px;border-radius:50%;animation:breathe 1.2s infinite}.chat-dots i:nth-child(2){animation-delay:.3s}.chat-dots i:nth-child(3){animation-delay:.6s}.changes-visual{margin:10px 34px 30px;background:#FFF9F6;border:1px solid #ebe5de;border-radius:12px;padding:8px 18px;flex:1;display:flex;flex-direction:column;justify-content:center}.changes-visual>div{display:flex;align-items:center;gap:13px;padding:17px 1px;border-bottom:1px solid #eae2da}.changes-visual>div:last-child{border:none}.changes-visual>div>span:nth-child(2){flex:1}.changes-visual b{display:block;font-size:13px}.changes-visual small{display:block;font-size:11px;color:#95887f;margin-top:3px}.change-dot{width:11px;height:11px;flex:none;border-radius:50%}.change-green{background:#FFCBAF}.change-orange{background:#FF6A2F}.change-gray{background:#ac9d90}.changes-visual>div>span:last-child{color:#a69991}.team-visual{height:330px;align-self:end;position:relative;overflow:hidden}.team-visual svg{position:absolute;inset:0;width:100%;height:100%}.team-visual svg path{fill:none;stroke:#d8b5a1;stroke-width:2;stroke-dasharray:5 7}.team-circle,.team-core{position:absolute;z-index:2;display:grid;place-items:center;border:6px solid #fbece5;border-radius:50%;box-shadow:0 8px 21px #4b241913;font-weight:800}.team-circle{width:65px;height:65px;font-size:15px;background:#f8d8c6;color:#7b4b3c}.t1{left:16%;top:12%}.t2{right:10%;top:16%;background:#dfc8b5}.t3{left:12%;bottom:10%;background:#b9cbbb}.t4{right:9%;bottom:11%;background:#d3b7c5}.team-core{left:44%;top:36%;width:96px;height:96px;background:var(--accent);color:white;font-size:26px;line-height:1}.team-core small{font-weight:500;text-align:center;font-size:9px;line-height:1.2;margin-top:-9px}
/* how tabs */
.how-section{background:#FFF9F6}.how-head{margin-bottom:53px}.steps-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid #ded6ce}.step-tab{text-align:left;color:#93887f;background:none;border:0;border-bottom:3px solid transparent;padding:16px 16px 21px;font-size:17px;font-weight:600;transition:color .25s,border-color .25s}.step-tab span{font:500 12px 'JetBrains Mono';display:inline-block;margin-right:16px;color:#b8aaa0}.step-tab.is-active{color:var(--ink);border-bottom-color:var(--accent)}.step-tab.is-active span{color:var(--accent)}.step-panel{display:grid;grid-template-columns:42% 58%;min-height:414px;background:white;border:1px solid #eee8e2;border-top:0;border-radius:0 0 12px 12px;overflow:hidden}.step-panel-copy{padding:62px 50px 48px;display:flex;flex-direction:column;align-items:start}.step-panel-copy h3{font-size:40px;margin:19px 0}.step-panel-copy p{max-width:360px;font-size:16px}.step-panel-copy .link-arrow{margin-top:auto;font-size:14px}.step-art{background:radial-gradient(circle at center,#fbebe3 10%,#fbf2ed 42%,#faf7f4 75%);min-height:414px;position:relative;overflow:hidden}.integration-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--accent);border-radius:50%;width:102px;height:102px;display:grid;place-items:center;color:#fff;font-size:50px;box-shadow:0 0 0 20px #FF480010,0 0 0 60px #FF480006;z-index:3}.integration-chip{z-index:2;position:absolute;background:white;border:1px solid #eee0d4;box-shadow:0 8px 25px #381b120c;min-width:119px;padding:13px 17px;border-radius:10px;display:flex;gap:13px;align-items:center;color:var(--accent);font-size:20px}.integration-chip span{color:#3f332c;font-size:13px;font-weight:700}.ic1{top:14%;left:18%;animation:float 5s infinite}.ic2{top:21%;right:10%;animation:float 6s -2s infinite}.ic3{bottom:17%;left:13%;animation:float 5.4s -1s infinite}.ic4{bottom:12%;right:13%;animation:float 6s -3s infinite}#step-art[data-step="1"] .integration-core{background:#E94B12}#step-art[data-step="1"] .integration-chip{border-color:#FFDCC9}#step-art[data-step="2"] .integration-core{background:#FF4800}#step-art[data-step="2"] .integration-chip{border-color:#e7c7b7;background:#fff9f5}.integration-wire{position:absolute;height:1px;background:#e5b7a4;transform-origin:left;left:50%;top:50%}.iw1{width:28%;transform:rotate(218deg)}.iw2{width:28%;transform:rotate(316deg)}.iw3{width:29%;transform:rotate(146deg)}.iw4{width:29%;transform:rotate(41deg)}
/* metrics */
.metrics-section{background:#fff}.metrics-intro{text-align:center}.metrics-intro h2{margin-top:20px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:65px}.metric{border-top:1px solid #D2E0D7;padding-top:25px}.metric strong{font-size:clamp(70px,7vw,110px);font-weight:600;letter-spacing:-.09em;line-height:1;color:var(--accent)}.metric strong small{font-size:.45em;margin-left:4px;letter-spacing:-.06em}.metric p{font-size:17px;margin-top:19px;max-width:260px}
/* quote */
.quote-section{background:#FFF8F4}.quote-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:91px;align-items:center}.quote-visual{height:470px;background:#FF4800;border-radius:13px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.quote-pattern{position:absolute;font-size:480px;line-height:1;top:-5%;left:0;color:#ffffff19;transform:rotate(20deg);animation:slowspin 60s linear infinite}.quote-tiles{position:relative;z-index:2;display:grid;gap:12px;text-align:center;transform:rotate(-7deg)}.quote-tiles span{font-size:48px;font-weight:600;line-height:1;letter-spacing:-.07em;color:white;text-transform:lowercase}.quote-tiles span:nth-child(2){color:#FFE9DD}.quote-marks{font:700 100px/1 Georgia,serif;color:var(--accent);margin-top:23px;height:65px}.quote-content blockquote{font-size:clamp(29px,3.1vw,45px);font-weight:600;line-height:1.2;letter-spacing:-.04em}.quote-content blockquote em{font-style:normal;color:var(--accent)}.quote-content>p{margin-top:22px;font-size:16px;max-width:560px;line-height:1.7}.quote-content .link-arrow{margin-top:30px}
/* pricing */
.pricing-section{background:#fff}.pricing-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.pricing-head h2{margin-top:18px}.pricing-switch{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:600;padding-bottom:7px}.pricing-switch small{display:inline-block;margin-left:6px;font:700 9px 'JetBrains Mono';background:#FFF1E9;color:var(--accent);padding:5px 6px;border-radius:3px}.switch{position:relative;width:46px;height:25px;border:0;background:#d9d1ca;border-radius:30px;transition:background .3s}.switch[aria-pressed="true"]{background:var(--accent)}.switch span{position:absolute;left:4px;top:4px;width:17px;height:17px;background:#fff;box-shadow:0 1px 4px #2222;border-radius:50%;transition:transform .3s}.switch[aria-pressed="true"] span{transform:translateX(21px)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.pricing-card{padding:30px 27px;min-height:515px;border:1px solid #eae2db;border-radius:13px;position:relative}.pricing-card.popular{border-color:var(--accent);box-shadow:0 9px 30px #FF48000E}.popular-label{position:absolute;right:0;top:0;border-radius:0 12px 0 8px;background:var(--accent);color:white;font:600 10px 'JetBrains Mono';padding:9px 14px}.plan-name{font:600 11px 'JetBrains Mono';color:var(--accent);letter-spacing:.08em}.pricing-card h3{margin-top:16px;font-size:25px;max-width:300px}.pricing-card>p{font-size:14px;line-height:1.55;margin-top:11px;max-width:295px;min-height:62px}.price-line{display:flex;align-items:baseline;gap:8px;margin-top:21px}.price-line strong{font-size:49px;font-weight:600;letter-spacing:-.07em}.price-line span{color:#8c827a;font-size:13px}.enterprise-price strong{font-size:40px;padding-top:5px}.price-note{font-size:12px;color:#a1968d;margin:0 0 21px}.block-button{display:flex;justify-content:space-between;width:100%}.plan-divider{height:1px;background:#eee7df;margin:27px 0 22px}.plan-detail{font:600 10px 'JetBrains Mono',monospace;color:#E94B12;letter-spacing:.06em;margin-bottom:17px}.pricing-card ul{list-style:none;padding:0;margin:0;display:grid;gap:13px;color:#594e45;font-size:13px}.pricing-card li:first-letter{color:var(--accent)}.pricing-disclaimer{font-size:12px;text-align:center;margin-top:19px;color:#9e938c}
/* FAQ */
.faq-section{background:#FFF9F6}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq-intro h2{margin:22px 0}.faq-intro>p{max-width:310px;font-size:16px;margin-bottom:25px}.faq-list{border-top:1px solid #FFE9DE}.faq-list details{border-bottom:1px solid #FFE9DE}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:26px 0;font-size:18px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{border:1px solid #d8ccc2;border-radius:50%;width:30px;height:30px;flex:none;position:relative;transition:background .3s,border-color .3s,transform .3s}.faq-plus::before,.faq-plus::after{content:"";position:absolute;top:14px;left:9px;width:11px;height:1.5px;background:#645850;transition:transform .25s,background .25s}.faq-plus::after{transform:rotate(90deg)}details[open] .faq-plus{background:var(--accent);border-color:var(--accent)}details[open] .faq-plus::before,details[open] .faq-plus::after{background:white}details[open] .faq-plus::after{transform:rotate(0)}.faq-answer{padding:0 46px 26px 0;color:#73675e;line-height:1.7;font-size:15px;animation:fadeIn .3s ease}
/* CTA footer */
.final-cta{background:white;padding-bottom:90px}.cta-shell{position:relative;overflow:hidden;border-radius:18px;min-height:490px;padding:85px 30px;background:#FFE3D3;text-align:center}.cta-shell::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% -50%,#fff9f6 0%,transparent 75%);pointer-events:none}.cta-content{position:relative;z-index:2}.cta-content h2{margin:18px 0 20px;font-size:clamp(42px,4.6vw,67px)}.cta-content h2 em{color:var(--accent);font-style:normal}.cta-content>p{max-width:460px;margin:0 auto 25px;font-size:17px;color:#716158}.cta-content .button{margin:0 auto}.cta-content>small{display:block;color:#98796a;font-size:11px;margin-top:16px}.cta-decor{position:absolute;font-size:350px;color:#e4b9a838;line-height:1;pointer-events:none}.decor-1{top:-160px;left:-125px;transform:rotate(28deg)}.decor-2{bottom:-210px;right:-110px;transform:rotate(-21deg)}.site-footer{background:#FF4800;color:#fff;padding:70px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:60px;padding-bottom:90px}.brand-white{color:white}.footer-top>div:first-child>p{font-size:20px;color:#ACBEB2;margin-top:25px}.footer-columns{display:flex;gap:105px;padding-right:35px}.footer-columns>div{display:flex;flex-direction:column;gap:12px}.footer-columns h4{font:600 11px 'JetBrains Mono';letter-spacing:.07em;color:#FFCBAF;margin-bottom:10px}.footer-columns a{font-size:14px;color:#FFF0E6;transition:color .2s}.footer-columns a:hover{color:#fff}.footer-bottom{border-top:1px solid #E94B12;padding-top:21px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#A9C0B4}.footer-star{color:#FFCBAF}.back-to-top{position:fixed;z-index:80;bottom:28px;right:28px;width:47px;height:47px;border-radius:50%;background:#fff;color:var(--accent);border:1px solid #e4d4cb;box-shadow:0 5px 24px #39231915;font-size:20px;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .3s,visibility .3s,transform .3s}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--accent);color:#fff}
@keyframes breathe{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.52;transform:scale(.8)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes dash{to{stroke-dashoffset:-300}}@keyframes slowspin{to{transform:rotate(380deg)}}@keyframes fadeIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1160px){.container{width:min(var(--container),calc(100% - 56px))}.desktop-nav{gap:19px}.nav-actions{gap:12px}.nav-login{display:none}.dark-grid{gap:40px}.feature-copy{padding:28px}.dashboard-sidebar{display:flex}.footer-columns{gap:65px}.float-left{left:-12px}.float-right{right:-12px}}
@media(max-width:990px){.section-pad{padding-block:85px}.desktop-nav,.nav-login{display:none}.menu-toggle{display:flex}.nav-inner{min-height:70px}.mobile-menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:0 28px;max-height:0;overflow:hidden;transition:max-height .35s,padding .35s;box-shadow:0 14px 25px #E94B120A;visibility:hidden}.mobile-menu.is-open{padding:14px 28px 24px;max-height:450px;visibility:visible;border-top:1px solid var(--line)}.mobile-menu>a:not(.button){font-size:17px;padding:12px 0;border-bottom:1px solid #FFF4ED}.mobile-menu .button{margin-top:18px}.hero{padding-top:70px}.hero-product{margin-top:55px}.dashboard-window{grid-template-columns:156px 1fr}.dashboard-content{padding:19px 16px}.dashboard-top{padding:0 15px}.dashboard-sidebar{padding:13px 8px}.float-pill{display:none}.split-heading{gap:40px}.three-value-grid{gap:12px}.value-card{padding:20px}.value-card h3{font-size:22px}.value-card p{font-size:14px}.dark-grid{grid-template-columns:1fr}.dark-copy{max-width:720px}.dark-copy h2{max-width:700px}.dark-model{max-width:760px;width:100%;margin:auto}.feature-bento{gap:14px}.feature-wide{grid-template-columns:1fr}.feature-card.feature-wide{min-height:525px}.feature-wide .feature-copy{padding-bottom:7px}.feature-card.feature-wide .feature-visual{width:84%;height:235px;justify-self:end}.peach-card .team-visual{width:100%;height:245px}.feature-small .feature-copy{padding:27px}.chat-visual,.changes-visual{margin:4px 22px 20px}.step-panel-copy{padding:48px 30px}.step-panel-copy h3{font-size:33px}.quote-grid{gap:48px}.quote-visual{height:430px}.faq-layout{gap:48px}.footer-columns{gap:36px;padding:0}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.section-pad{padding-block:68px}.announcement-inner{height:36px;justify-content:space-between}.announcement-copy{display:none}.announcement-link{font-size:11px}.nav-inner{min-height:66px}.brand{font-size:25px}.nav-cta{display:none}.hero{padding-top:60px;padding-bottom:66px}.hero h1{font-size:clamp(36px,8.1vw,51px);line-height:1.1}.hero-description{font-size:16px;margin-top:21px}.hero-eyebrow{font-size:9px;letter-spacing:.06em}.hero-actions{gap:9px;flex-wrap:wrap}.button-lg{min-height:49px;padding:13px 15px;font-size:13px;gap:12px}.hero-product{margin:51px -8px 0}.dashboard-window{min-height:0;grid-template-columns:1fr;border-radius:11px}.dashboard-sidebar{display:none}.dashboard-heading h3{font-size:18px}.dashboard-content{padding:13px}.dashboard-top{height:37px}.kpi-grid{gap:6px}.kpi-card{padding:8px;min-height:101px}.kpi-title{font-size:7px}.kpi-title span{display:none}.kpi-card strong{font-size:20px}.kpi-up{font-size:7px}.kpi-card>small{font-size:7px}.kpi-card svg,.health-stripes,.kpi-mini-bars{display:none!important}.dashboard-bottom{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.system-card,.insights-card{padding:9px;min-height:178px}.widget-heading strong{font-size:9px}.widget-heading p{font-size:7px}.system-map{height:104px}.node{padding:4px;gap:2px}.node strong{font-size:6px}.node span{font-size:8px}.node small{display:none}.widget-foot{font-size:7px}.widget-foot a{display:none}.insight-row{padding:8px 0;gap:4px}.insight-row strong{font-size:7px}.insight-row small{font-size:6px}.insight-icon{width:16px;height:16px;flex:none}.insight-time{display:none}.ai-input{display:none}.brands{padding:32px 0}.brand-track{gap:37px}.client-logo{font-size:19px}.client-logo b{font-size:18px}.split-heading{grid-template-columns:1fr;gap:21px}.split-copy p{font-size:16px}.three-value-grid{grid-template-columns:1fr;margin-top:35px;gap:12px}.value-card{min-height:230px;padding:24px}.value-icon{margin-top:22px;margin-bottom:18px}.value-card h3{font-size:23px}.dark-grid{gap:33px}.dark-copy>p{font-size:16px}.dark-model{min-height:350px}.model-canvas{height:273px}.model-entity{font-size:9px;padding:8px}.entity-center{font-size:11px}.model-head,.model-footer{font-size:7px;padding:13px}.center-heading{margin-bottom:37px}.center-heading p{font-size:15px}.feature-bento{grid-template-columns:1fr}.feature-card.feature-wide{min-height:485px}.feature-small{min-height:365px}.feature-copy{padding:28px!important}.feature-copy h3{font-size:27px}.feature-card.feature-wide .feature-visual{height:206px}.feature-card.feature-wide .team-visual{height:220px}.how-head{margin-bottom:33px}.steps-tabs{gap:0}.step-tab{font-size:12px;line-height:1.3;padding:8px 7px 13px}.step-tab span{display:block;margin:0 0 5px;font-size:11px}.step-panel{grid-template-columns:1fr}.step-panel-copy{padding:30px 25px 26px}.step-panel-copy h3{font-size:31px}.step-panel-copy .link-arrow{margin-top:20px}.step-art{min-height:270px}.integration-core{width:70px;height:70px;font-size:36px}.integration-chip{min-width:90px;font-size:16px;padding:8px 10px}.integration-chip span{font-size:10px}.metrics-grid{grid-template-columns:1fr;gap:31px;margin-top:42px}.metric strong{font-size:81px}.metric p{font-size:16px;margin-top:5px}.quote-grid{grid-template-columns:1fr;gap:34px}.quote-visual{height:320px}.quote-tiles span{font-size:40px}.quote-content blockquote{font-size:33px}.pricing-head{align-items:start;flex-direction:column;gap:23px}.pricing-grid{grid-template-columns:1fr;margin-top:29px;gap:14px}.pricing-card{min-height:0;padding:27px}.pricing-card>p{min-height:0}.faq-layout{grid-template-columns:1fr;gap:32px}.faq-list summary{font-size:16px}.cta-shell{min-height:0;padding:68px 15px;border-radius:13px}.cta-content h2{font-size:40px}.cta-content>p{font-size:15px}.cta-decor{font-size:230px}.footer-top{flex-direction:column;gap:42px;padding-bottom:50px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.footer-columns a{font-size:12px}.footer-bottom{flex-direction:column;font-size:10px}.back-to-top{width:40px;height:40px;right:16px;bottom:16px}}
@media(max-width:380px){.hero-actions .button{flex:1;font-size:12px}.hero-actions{align-items:stretch}.hero-eyebrow{font-size:8px}.dashboard-heading p{display:none}.dash-live{font-size:7px}.step-tab{font-size:11px}.cta-content h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.js-enabled .reveal{opacity:1;transform:none}.brand-track{animation:none}}


/* PHOTO EDITION 1.1: zero layout changes; overlays only in pre-existing visual slots.
   On network/image failure, the original illustrative base remains visible unchanged. */
.photo-target{position:relative;isolation:isolate}
.photo-target > .real-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:block;object-fit:cover;opacity:0;visibility:hidden;pointer-events:none;z-index:15;border-radius:inherit;transition:opacity .65s cubic-bezier(.22,1,.36,1),visibility .65s}
.photo-target.has-loaded-photo > .real-photo.is-ready{opacity:1;visibility:visible}
.photo-target[data-step] > .real-photo.is-ready{opacity:0;visibility:hidden}
.photo-target[data-step="0"].has-loaded-photo > .real-photo[data-photo-step="0"].is-ready,
.photo-target[data-step="1"].has-loaded-photo > .real-photo[data-photo-step="1"].is-ready,
.photo-target[data-step="2"].has-loaded-photo > .real-photo[data-photo-step="2"].is-ready{opacity:1;visibility:visible}
/* Maintain the original corners, ratios, grid tracks and interaction surfaces. */
.dashboard-window.photo-target > .real-photo{border-radius:inherit}
.model-canvas.photo-target > .real-photo{border-radius:10px}
.feature-visual.photo-target > .real-photo,.chat-visual.photo-target > .real-photo,.changes-visual.photo-target > .real-photo,.team-visual.photo-target > .real-photo{border-radius:12px}
.step-art.photo-target > .real-photo{border-radius:16px}
.quote-visual.photo-target > .real-photo{border-radius:inherit}
@media (prefers-reduced-motion:reduce){.photo-target > .real-photo{transition:none!important}}

/* /nguyentactheh: Hero heading changes H1 -> H2 without altering original display typography */
.hero .hero-copy>h2{max-width:1070px;margin-inline:auto;font-size:clamp(42px,4.25vw,66px);font-weight:600;letter-spacing:-.058em;line-height:1.085}
@media(max-width:700px){.hero .hero-copy>h2{font-size:clamp(36px,8.1vw,51px);line-height:1.1}}

/* CongTyTot Orange/White brand 3.1.8: visual-only overrides, preserve DOM/grid/spacing. */
:root{--accent:#FF4800;--accent-hover:#E83F00;--accent-pale:#FFF1E9;--warm:#FFF8F4;--green:#FF6B32;}
.dark-showcase{background:#FF4800!important;color:#fff!important;}
.dark-showcase .dark-copy :is(h2,p,.eyebrow,.eyebrow-light),.dark-showcase .dark-bullets,.dark-showcase .dark-bullets>div{color:#fff!important;}
.dark-showcase .dark-copy h2 em{color:#FFF0E6!important;}
.dark-showcase .dark-bullets span{background:#FFF1E9!important;color:#FF4800!important;}
.site-footer{background:#FF4800!important;color:#fff!important;}
.site-footer :is(.brand-white,.footer-top p,.footer-columns a,.footer-columns .opr-nav-line>a,.footer-columns .opr-dropdown a,.footer-bottom,.footer-bottom a){color:#fff!important;}
.site-footer :is(.footer-columns a,.footer-bottom a):hover{color:#FFE2D2!important;}
.button-dark,.final-cta .button-dark{background:#FF4800!important;border-color:#FF4800!important;color:#fff!important;}
.button-dark:hover,.final-cta .button-dark:hover{background:#E83F00!important;border-color:#E83F00!important;color:#fff!important;}
.cta-shell{background:#FFF2E9;}
.quote-section{background:#FFF8F4;}