/* PIARIM Atelier · original responsive design system. No external dependencies. */
:root{--bg:#f6f7f3;--surface:#fff;--ink:#1c2a22;--muted:#6b756e;--line:#e3e7df;--lime:#d6f58c;--green:#34704f;--soft:#edf4e5;--purple:#e9e3fa;--peach:#f8e9df;--dark:#1d2c23;--radius:20px;--shadow:0 20px 65px -35px #25351f45;--font:Inter,"Segoe UI",Arial,sans-serif;--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,svg{max-width:100%;vertical-align:middle}img{height:auto}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.18;font-weight:650;letter-spacing:-.035em}h1{font-size:clamp(35px,4.3vw,62px)}h2{font-size:clamp(28px,3vw,40px)}h3{font-size:21px}h4{font-size:16px;letter-spacing:-.018em}p{color:var(--muted)}b,strong{font-weight:650}small,.small{font-size:13px}.muted{color:var(--muted)}.mono,code,pre{font-family:"SFMono-Regular",Consolas,monospace;font-size:13px}.label{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:650;color:var(--muted)}.container{width:min(1240px,calc(100% - 80px));margin:auto}.section{padding:88px 0}.section.compact{padding:54px 0}.white{background:#fff}.dark{background:var(--dark);color:white}.dark p,.dark .muted{color:#b3c0b5}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:34px}.section-head h2{max-width:710px;margin-top:13px}.section-head p{max-width:360px;font-size:16px}.section-head .text-link{white-space:nowrap}.eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:13px;font-weight:550;line-height:1.3;color:#536549}.eyebrow::before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#709b51;box-shadow:0 0 0 4px #d6f58c48}.dark .eyebrow{color:#cfdfa8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;min-height:46px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:600;line-height:1.25;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn .icon{width:17px;height:17px}.btn-primary{background:var(--lime);color:#24311b;box-shadow:0 3px 0 #bcd77622}.btn-primary:hover{background:#c9ed73;box-shadow:0 7px 18px #a6bd7450}.btn-dark{background:var(--ink);color:white}.btn-dark:hover{background:#304636}.btn-outline{border-color:#d9dfd4;background:transparent}.btn-outline:hover{background:#edf0e9}.dark .btn-outline{border-color:#546049;color:white}.dark .btn-outline:hover{background:#3c4d37}.btn-white{background:white;color:var(--ink)}.btn-sm{min-height:36px;padding:9px 13px;font-size:13px;border-radius:8px}.btn-xs{min-height:30px;padding:6px 10px;font-size:12px;border-radius:7px}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.text-link{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:14px}.text-link .icon{width:17px;height:17px}.text-link:hover{color:var(--green)}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;display:inline-flex;justify-content:center;align-items:center;background:#fff;flex-shrink:0}.icon-button:hover{background:var(--soft)}.pill{display:inline-flex;gap:6px;align-items:center;border-radius:100px;padding:5px 10px;line-height:1.35;font-size:12px;font-weight:550;background:#eef1eb;color:#51604f;white-space:nowrap}.pill.green{background:#e7f2dc;color:#476230}.pill.purple{background:#ede7f9;color:#776294}.pill.orange{background:#fbecdc;color:#a06c35}.pill.red{background:#fae7e2;color:#a75e4d}.pill.dark-pill{background:#364639;color:#e2efce}.pill .icon{width:13px;height:13px}.dot{width:6px;height:6px;background:#83ac55;display:inline-block;border-radius:50%;flex-shrink:0}.badge-demo{background:#eff1ed;color:#788173;font-size:11px;letter-spacing:.025em;border-radius:5px;padding:2px 6px;white-space:nowrap}.brand{display:inline-flex;align-items:center;gap:7px;line-height:1}.brand .brand-symbol{width:39px;height:39px;fill:currentColor}.brand-word{font-size:31px;font-weight:800;letter-spacing:-1.8px}.brand-word small{font-size:14px;font-weight:500;letter-spacing:-.5px;margin-left:2px}.brand.inverse{color:white}.brand.inverse .brand-symbol{fill:var(--lime)}.brand-caption{font-size:12px;letter-spacing:.02em;color:var(--muted);margin-top:18px}.skip{position:absolute;top:-70px;left:20px;z-index:200;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:70;background:#f6f7f3ed;backdrop-filter:blur(20px);border-bottom:1px solid #e3e7dfb0}.header-inner{display:flex;align-items:center;justify-content:space-between;height:80px;gap:30px;position:relative}.main-nav{display:flex;gap:28px;align-items:center;margin-left:auto}.nav-trigger,.nav-link{display:inline-flex;align-items:center;gap:5px;font-size:14px;padding:27px 0;font-weight:500}.nav-trigger .icon{width:13px;height:13px}.nav-trigger[aria-expanded=true]{color:var(--green)}.header-actions{display:flex;gap:12px;align-items:center}.header-actions>.text-link{font-size:13px}.mobile-trigger{display:none}.mega-menu{display:none;position:absolute;top:79px;left:0;right:0;border:1px solid var(--line);background:#fff;box-shadow:0 25px 55px #1834201f;border-radius:0 0 20px 20px;padding:24px;z-index:90;grid-template-columns:1fr 1fr .85fr;gap:16px}.mega-menu.open{display:grid;animation:enter .16s ease}.mega-menu .label{margin:0 0 12px 9px;display:block}.mega-link{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:9px}.mega-link:hover{background:var(--bg)}.mega-link b{display:block;font-size:14px}.mega-link small{display:block;font-size:12px;color:var(--muted);margin-top:1px}.mega-promo{background:var(--soft);padding:25px;border-radius:13px;display:flex;flex-direction:column;justify-content:space-between;min-height:250px}.mega-promo h3{font-size:24px;margin:10px 0}.mega-promo img{height:120px;object-fit:cover;border-radius:9px}.mini-icon{width:37px;height:37px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--soft);flex-shrink:0}.mini-icon.purple{background:var(--purple)}.mini-icon.peach{background:var(--peach)}.mini-icon.dark{background:var(--dark);color:var(--lime)}.mini-icon.large{width:48px;height:48px;border-radius:13px}.hero{padding:64px 0 56px}.hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:54px;align-items:center}.hero-copy h1{margin:25px 0 23px;max-width:610px}.hero-copy h1 em{font-style:normal;color:#65834c}.lead{font-size:17px;line-height:1.75;max-width:550px}.hero-fine{margin-top:18px;font-size:12px;color:var(--muted);display:flex;gap:17px;align-items:center}.hero-fine span{display:inline-flex;gap:5px;align-items:center}.hero-fine .icon{width:14px;height:14px}.hero-art{position:relative;isolation:isolate;min-width:0}.hero-art>img{width:100%;height:494px;object-fit:cover;border-radius:30px}.hero-art:before{content:"";position:absolute;inset:17px -12px -13px 20px;border:1px solid #dce4d1;border-radius:30px;z-index:-1}.floating-ui{position:absolute;background:#ffffffef;backdrop-filter:blur(16px);border:1px solid #ffffffb5;box-shadow:0 14px 45px #12201718;border-radius:13px;padding:15px 17px;animation:float 7s ease-in-out infinite;max-width:270px}.floating-ui.top{top:27px;right:22px}.floating-ui.bottom{bottom:24px;left:-27px;animation-delay:-3s}.floating-ui strong{font-size:14px}.floating-ui p{font-size:12px;margin-top:5px}.floating-ui .row{gap:10px}.floating-ui .trend-line{margin-top:10px;width:190px;height:36px}.float-label{font-size:12px;color:var(--muted)}.float-amount{display:flex;align-items:baseline;gap:12px;margin-top:4px}.float-amount b{font-size:29px;letter-spacing:-1px}.float-amount span{font-size:12px;color:var(--green)}.cap-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;overflow:hidden}.cap-list{display:flex;justify-content:space-between;align-items:center;gap:26px;font-size:14px;color:#737c71}.cap-list span{display:flex;gap:9px;align-items:center;white-space:nowrap}.cap-list .icon{width:19px;height:19px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:27px;min-width:0}.card.hover{transition:transform .3s,box-shadow .3s}.card.hover:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card h3{margin:19px 0 10px}.card p{font-size:14px;line-height:1.7}.card .text-link{margin-top:22px}.card.tonal{background:var(--soft);border-color:transparent}.card.flat{background:#f3f5ef}.card.dark{background:var(--dark);border-color:var(--dark)}.card.dark h3{color:white}.card.dark .mini-icon{background:#3a4b2f;color:var(--lime)}.product-card{overflow:hidden;padding:0}.product-card .card-body{padding:25px}.product-card h3{margin-top:0}.product-card .visual{height:210px;background:#eaf0e0;overflow:hidden;position:relative;padding:22px 30px}.product-card .visual img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .6s var(--ease)}.product-card:hover .visual img{transform:scale(1.06)}.product-card .visual.full{padding:0}.product-card .visual.full img{border-radius:0}.product-card .small-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;color:var(--muted)}.bento{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px}.bento .span-two{grid-column:span 2}.bento-card{padding:29px;border:1px solid var(--line);border-radius:22px;background:white;position:relative;overflow:hidden;min-height:325px;transition:transform .25s}.bento-card:hover{transform:translateY(-4px)}.bento-card h3{font-size:23px;margin:20px 0 10px}.bento-card p{font-size:14px;max-width:330px}.bento-card .text-link{margin-top:18px}.bento-card .card-visual{position:relative;margin:25px -6px -30px;height:170px}.bento-card .card-visual img{width:100%;height:100%;object-fit:cover;border-radius:16px 16px 0 0}.bento-card.featured{background:#eaf1df;display:grid;grid-template-columns:1fr 1fr;gap:20px}.bento-card.featured .card-visual{margin:-5px -4px -29px 0;height:100%;min-height:285px;display:flex;align-items:center}.mini-chat{background:white;border:1px solid #dbe4d2;border-radius:13px;box-shadow:0 14px 32px #75806518;transform:rotate(-3deg);width:100%;overflow:hidden}.mini-chat-head{padding:14px;border-bottom:1px solid var(--line);font-size:12px;display:flex;align-items:center;gap:9px}.mini-message{font-size:12px;line-height:1.6;margin:12px;background:#f1f4ec;border-radius:8px;padding:10px}.mini-message.customer{background:var(--ink);color:#fff;margin-left:40px}.mini-message.answer{margin-right:20px}.mini-message em{color:var(--green);font-style:normal}.mini-chat-foot{font-size:11px;color:var(--muted);padding:12px;border-top:1px solid var(--line)}.preview-stage{padding:42px 42px 0;background:#223426;border-radius:26px;position:relative;overflow:hidden}.preview-stage:before{content:"";position:absolute;width:600px;height:500px;background:radial-gradient(ellipse,#80975948,transparent 70%);top:-300px;right:50px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;color:#d7e4c7;font-size:13px;margin-bottom:27px;position:relative}.preview-toolbar .btn{color:#e3eddd;border-color:#55674b}.preview-shell{background:#f6f7f3;border-radius:14px 14px 0 0;display:grid;grid-template-columns:180px 1fr;min-height:450px;box-shadow:0 0 40px #0002;position:relative;overflow:hidden;border:1px solid #dfe7d7}.preview-sidebar{padding:25px 15px;border-right:1px solid var(--line);background:#fbfcf8}.preview-sidebar .brand{margin:0 8px 24px}.preview-sidebar .brand-word{font-size:24px}.preview-sidebar .brand-symbol{width:29px;height:29px}.preview-nav{display:flex;gap:8px;align-items:center;padding:11px 10px;font-size:12px;border-radius:7px;color:#62705c}.preview-nav.active{background:#eaf1de;color:#435835}.preview-nav .icon{width:16px;height:16px}.preview-main{padding:25px;min-width:0}.preview-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.preview-title h3{font-size:20px}.preview-title p{font-size:12px;margin-top:3px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{padding:20px;background:#fff;border:1px solid var(--line);border-radius:13px;min-width:0}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;color:var(--muted);line-height:1.4}.metric-value{font-size:30px;letter-spacing:-1px;font-weight:650;line-height:1.2;margin:13px 0 9px;white-space:nowrap}.metric-bottom{font-size:11px;color:var(--muted)}.metric-bottom .positive{color:#52743d;margin-right:5px;font-weight:600}.metric.lime{background:#eaf4d8;border-color:#dfebce}.preview-main .metric{padding:16px}.preview-main .metric-value{font-size:25px}.preview-main .metric-top{font-size:11px}.preview-charts{display:grid;grid-template-columns:1.65fr 1fr;gap:16px}.chart-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:19px}.panel-heading h3{font-size:16px;letter-spacing:-.025em}.panel-heading .icon{width:16px;height:16px}.line-chart{width:100%;height:210px}.chart-labels{display:flex;justify-content:space-between;color:#8a9386;font-size:11px;margin-top:8px}.mini-line{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}.mini-line:last-child{border:0}.mini-line .body{flex:1;min-width:0}.mini-line b{font-size:13px;display:block;line-height:1.4}.mini-line p{font-size:12px;line-height:1.4;margin-top:4px}.workflow-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:40px}.workflow-step{position:relative}.workflow-step:after{content:"";height:1px;width:calc(100% - 68px);background:var(--line);position:absolute;left:55px;top:24px}.workflow-step:last-child:after{display:none}.step-number{width:47px;height:47px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:#4e6340;font-size:15px;font-weight:650;margin-bottom:20px}.workflow-step h3{font-size:18px;margin-bottom:9px}.workflow-step p{font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split h2{margin:17px 0 21px}.split .visual-block img{width:100%;height:440px;object-fit:cover;border-radius:22px}.check-list{display:grid;gap:16px;margin:25px 0}.check-row{display:flex;align-items:flex-start;gap:11px;font-size:14px}.check-row .icon{width:17px;height:17px;margin-top:3px;color:#709347}.check-row b{display:block}.check-row small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.story-card{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line)}.story-card img{height:235px;width:100%;object-fit:cover;transition:transform .6s}.story-card:hover img{transform:scale(1.035)}.story-card .story-copy{padding:25px}.story-card h3{font-size:20px;line-height:1.4;margin:12px 0}.story-card p{font-size:14px}.story-card .text-link{margin-top:18px}.demo-note{font-size:12px;color:#87907f;margin-top:22px;line-height:1.6}.cta-section{padding:72px 0}.cta-panel{background:#e7f2d5;border:1px solid #dbe8c8;padding:53px 55px;border-radius:24px;display:flex;gap:50px;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.cta-panel h2{font-size:35px;max-width:580px;position:relative}.cta-panel p{max-width:560px;margin-top:14px;position:relative}.cta-panel>.btns{margin-top:0;flex-shrink:0;position:relative}.cta-panel:before{content:"";width:440px;height:440px;border:1px solid #c9dbae;position:absolute;right:20px;top:-120px;border-radius:50%}.cta-panel:after{content:"";width:300px;height:300px;border:1px solid #c9dbae;position:absolute;right:90px;top:-50px;border-radius:50%;pointer-events:none}.site-footer{padding:54px 0 26px;background:#f0f2eb;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px}.footer-intro p{font-size:13px;max-width:225px;margin-top:17px}.footer-col h4{font-size:13px;margin-bottom:18px}.footer-col a{display:block;font-size:12px;color:var(--muted);padding:5px 0}.footer-col a:hover{color:#2e5537}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce1d5;padding-top:23px;margin-top:45px;gap:24px;color:#778171;font-size:11px}.footer-links{display:flex;gap:17px}.reveal{opacity:1;transform:none}.js .reveal:not(.visible){opacity:0;transform:translateY(18px)}.reveal{transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal:nth-child(2){transition-delay:.06s}.reveal:nth-child(3){transition-delay:.12s}.page-intro{padding:45px 0 48px}.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:26px;flex-wrap:wrap}.breadcrumb .icon{width:13px;height:13px}.page-intro h1{font-size:clamp(33px,3.65vw,49px);max-width:780px;margin:15px 0 20px}.page-intro .lead{max-width:680px;font-size:16px}.page-intro.center{text-align:center}.page-intro.center h1,.page-intro.center .lead{margin-left:auto;margin-right:auto}.page-intro.center .btns{justify-content:center}.product-hero{padding-top:32px;padding-bottom:58px}.product-hero h1{font-size:clamp(34px,3.75vw,52px);margin:20px 0}.product-hero .lead{font-size:16px}.product-hero .hero-art>img{height:400px}.product-hero .hero-grid{gap:70px}.subnav{display:flex;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;overflow:auto;font-size:13px}.subnav a{white-space:nowrap}.subnav a:hover{color:var(--green)}.row{display:flex;align-items:center;gap:13px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:grid;gap:18px}.mt{margin-top:24px}.mb{margin-bottom:24px}.align-start{align-items:flex-start}.tabs{display:flex;gap:5px;padding:4px;background:#ecf0e7;border:1px solid #e4e8dd;border-radius:10px;width:max-content;max-width:100%;overflow:auto}.tab{padding:8px 15px;border-radius:7px;white-space:nowrap;font-size:13px;color:#75806b;line-height:1.4}.tab.active{background:white;color:var(--ink);box-shadow:0 2px 5px #3246240a}.tab:hover{color:var(--ink)}.filters{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.search-field{position:relative;flex:1;max-width:420px;min-width:180px}.search-field .icon{position:absolute;left:13px;top:12px;width:17px;height:17px;color:#8c9585}.search-field input{padding-left:40px}.field{width:100%;padding:11px 13px;background:white;border:1px solid #dfe5d6;border-radius:9px;outline:none;color:var(--ink);font-size:14px;line-height:1.5;min-width:0}.field:focus{border-color:#93ac75;box-shadow:0 0 0 3px #c9e99a30}.field::placeholder{color:#9aa18f}.field-label{display:block;font-size:13px;font-weight:550;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-group{margin-bottom:21px}.form-hint{font-size:12px;color:var(--muted);margin-top:7px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--line);margin-top:25px}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:12px}.toggle input{position:absolute;opacity:0;width:40px;height:24px;margin:0}.toggle-track{width:38px;height:22px;border-radius:20px;background:#d5dcd0;display:inline-block;position:relative;transition:background .2s;flex-shrink:0}.toggle-track:after{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .2s}.toggle input:checked+.toggle-track{background:#698548}.toggle input:checked+.toggle-track:after{transform:translateX(16px)}.toggle input:focus-visible+.toggle-track{outline:2px solid #456739;outline-offset:3px}.toggle span:last-child{font-size:13px}.notice{display:flex;gap:11px;align-items:flex-start;background:#edf3e3;border:1px solid #dce7cf;padding:15px 18px;border-radius:11px;font-size:13px;color:#687657;line-height:1.7}.notice .icon{width:18px;height:18px;margin-top:2px;flex-shrink:0}.notice.warning{background:#faf1e5;border-color:#eedfc7;color:#9a7950}.notice.purple{background:#efebf7;border-color:#e1d8f0;color:#78638f}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:white}.data-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.data-table th{text-align:left;padding:13px 19px;background:#f8f9f5;font-weight:500;color:#818c76;font-size:12px;border-bottom:1px solid var(--line)}.data-table td{padding:16px 19px;border-bottom:1px solid #ebeee6;color:#626e58}.data-table tr:last-child td{border-bottom:0}.data-table td b{color:#2e3c26;font-weight:550}.data-table tr:hover td{background:#fcfdf9}.data-table .avatar{width:33px;height:33px;font-size:12px}.data-table small{display:block;font-size:11px;color:#909882}.data-table .icon-button{height:29px;width:29px}.data-table .icon-button .icon{width:14px;height:14px}.table-footer{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;background:white;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px}.avatar{width:37px;height:37px;background:#e4ecd8;color:#638145;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:650;flex-shrink:0}.avatar.peach{background:#f4e0d3;color:#b18364}.avatar.purple{background:#e9e3f2;color:#8f7da3}.avatar.blue{background:#dde9ef;color:#6b8a99}.avatar.square{border-radius:9px}.bar{height:6px;border-radius:10px;background:#edf0e7;overflow:hidden}.bar i{display:block;height:100%;width:var(--value,60%);background:#a9c884;border-radius:10px}.bar.purple i{background:#bfb0d4}.progress-row{margin:17px 0}.progress-row .row{margin-bottom:8px;font-size:12px}.score-ring{width:158px;height:158px;border-radius:50%;background:conic-gradient(#aaca77 0deg 309deg,#edf0e7 309deg 360deg);display:grid;place-items:center;position:relative;flex-shrink:0}.score-ring::before{content:"";position:absolute;inset:11px;background:white;border-radius:50%}.score-ring strong{position:relative;font-size:42px;font-weight:600;letter-spacing:-2px;text-align:center;line-height:1}.score-ring strong small{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:7px}.faq{max-width:870px;margin:0 auto}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:16px;font-weight:550;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:22px;color:#7a8d67;font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{margin:16px 40px 0 0;font-size:14px;line-height:1.85}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.price-card{padding:25px 23px;background:white;border:1px solid var(--line);border-radius:18px;position:relative}.price-card.featured{background:#eaf3dc;border-color:#b9d495}.price-card h3{font-size:18px;margin:10px 0}.price-card p{font-size:13px;min-height:45px}.price{font-size:33px;font-weight:650;letter-spacing:-1.5px;margin:24px 0 4px;white-space:nowrap}.price small{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0}.price-card .price-period{font-size:11px;min-height:18px;margin-bottom:24px}.price-card .btn{width:100%;padding-left:8px;padding-right:8px}.price-features{border-top:1px solid #dfe4d7;margin-top:23px;padding-top:20px;display:grid;gap:13px}.price-features span{font-size:12px;display:flex;gap:8px;align-items:flex-start}.price-features .icon{width:15px;height:15px;color:#688c48;flex-shrink:0;margin-top:2px}.pricing-top{display:flex;justify-content:center;align-items:center;gap:12px;margin:23px 0 36px}.roi-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}.range-row{margin:23px 0}.range-row label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:14px}.range-row input[type=range]{width:100%;accent-color:#7a9952}.roi-output{background:#f0f6e5;padding:30px;border-radius:15px}.roi-output strong{display:block;font-size:42px;letter-spacing:-1.5px;line-height:1.3;margin:14px 0}.integration-logo{width:51px;height:51px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:white;font-size:23px;font-weight:700;letter-spacing:-1px}.integration-card .row{align-items:flex-start}.integration-card h3{margin:4px 0 7px;font-size:17px}.integration-card .pill{margin-top:18px}.article-layout{display:grid;grid-template-columns:1fr 260px;gap:65px;align-items:start}.article-copy{font-size:16px;line-height:1.9;max-width:790px}.article-copy h2{font-size:29px;margin:36px 0 18px}.article-copy h3{font-size:21px;margin:27px 0 14px}.article-copy p{margin:17px 0;color:#63705c}.article-copy img{border-radius:20px;width:100%;margin:22px 0}.article-copy blockquote{background:#eaf1e0;border-left:3px solid #96b276;margin:28px 0;padding:22px 28px;border-radius:0 12px 12px 0;font-size:19px;color:#506444}.toc{position:sticky;top:110px;padding:23px;border:1px solid var(--line);border-radius:14px;background:white}.toc b{font-size:13px}.toc a{display:block;font-size:12px;color:var(--muted);padding-top:13px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.auth-showcase{background:#213526;padding:46px 58px;display:flex;flex-direction:column;justify-content:space-between;color:white;position:relative;overflow:hidden}.auth-showcase img{width:100%;border-radius:20px;opacity:.92}.auth-showcase h2{font-size:37px;max-width:470px;margin:35px 0 20px}.auth-showcase p{color:#b6c9a7;font-size:15px;max-width:430px}.auth-content{padding:55px 60px;display:flex;justify-content:center;align-items:center}.auth-form{width:100%;max-width:405px}.auth-form h1{font-size:31px;margin:15px 0 12px}.auth-form>.muted{font-size:14px;margin-bottom:28px}.auth-form .btn{width:100%}.auth-form .divider{display:flex;gap:15px;align-items:center;font-size:12px;color:var(--muted);margin:24px 0}.auth-form .divider:before,.auth-form .divider:after{content:"";height:1px;background:var(--line);flex:1}.legal-copy h2{font-size:23px;margin:30px 0 14px}.legal-copy p{font-size:14px;margin:15px 0;line-height:1.85}.sitemap-group{padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff}.sitemap-group a{display:flex;justify-content:space-between;font-size:13px;padding:9px 0;border-bottom:1px solid #edf0e7}.sitemap-group a:last-child{border:0}.sitemap-group h3{margin-bottom:16px;font-size:18px}.code-block{white-space:pre-wrap;overflow-wrap:anywhere;background:#202f25;color:#d7e5c9;padding:23px;border-radius:12px;line-height:1.85;font-size:12px;max-width:100%}.endpoint{display:flex;gap:12px;align-items:center;background:#eef3e7;border:1px solid #dee8d1;border-radius:9px;padding:13px 16px;font-family:Consolas,monospace;font-size:12px;margin-bottom:18px;overflow-wrap:anywhere}.endpoint b{font-size:10px;background:#d4e5bf;padding:4px 6px;border-radius:4px}.roadmap-card{border-top:3px solid #a1bb7a}.roadmap-card ul{padding-left:18px;color:var(--muted);font-size:13px}.roadmap-card li{margin:12px 0}.status-bars{display:flex;gap:3px;height:35px;margin:16px 0}.status-bars i{flex:1;background:#b0cc8f;border-radius:3px}.status-bars i.warn{background:#e6c798}.status-bars i:hover{background:#759951}.brand-display{padding:55px;border-radius:22px;display:flex;align-items:center;justify-content:center;min-height:240px;background:#e9efdf}.brand-display img{max-width:350px}.swatch{height:140px;padding:20px;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;font-size:13px}.empty-state{text-align:center;padding:45px 20px;color:var(--muted)}.empty-state h3{margin:18px 0 10px;font-size:19px}.empty-state .mini-icon{margin:auto}.empty-state p{font-size:13px}.empty-state .btn{margin-top:20px}
/* Workspace */
.app-body{background:#f5f6f2;font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}.app-sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:#fafbf7;border-right:1px solid #e4e8dd;padding:24px 15px 15px;display:flex;flex-direction:column;z-index:65}.app-sidebar .brand{padding:0 11px;margin-bottom:25px}.app-sidebar .brand-word{font-size:27px}.app-sidebar .brand-symbol{width:34px;height:34px}.workspace-switch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 10px;background:white;margin-bottom:17px;text-align:left;width:100%}.workspace-switch .avatar{width:29px;height:29px;font-size:11px;border-radius:8px;background:#e4eadb}.workspace-switch b{font-size:12px;line-height:1.3;display:block}.workspace-switch small{font-size:10px;color:var(--muted)}.workspace-switch>.icon{margin-left:auto;width:14px;height:14px}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dae2cf transparent;margin-right:-5px;padding-right:5px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#9ba48e;padding:16px 12px 7px;display:flex;justify-content:space-between}.sidebar-link{display:flex;align-items:center;gap:10px;font-size:12px;color:#738067;border-radius:7px;padding:9px 12px;line-height:1.5;margin:2px 0;position:relative}.sidebar-link .icon{width:17px;height:17px;stroke-width:1.65}.sidebar-link:hover{background:#edf1e6;color:#415934}.sidebar-link.active{background:#e7f0d9;color:#4c6836;font-weight:600}.sidebar-link .count{margin-left:auto;background:#d9e5c9;color:#637752;font-size:10px;border-radius:5px;padding:1px 6px}.sidebar-link.sub{padding-left:39px;font-size:11px;display:none}.nav-group.expanded .sidebar-link.sub{display:flex}.nav-group>.sidebar-link .chevron{margin-left:auto;width:12px;height:12px}.sidebar-bottom{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.sidebar-bottom .sidebar-link{padding-top:7px;padding-bottom:7px}.usage-box{background:#eef2e7;border:1px solid #e5ebda;padding:12px;border-radius:10px;margin-bottom:13px;font-size:10px;color:var(--muted)}.usage-box .bar{height:4px;margin:8px 0}.usage-box a{font-size:10px;color:#587440;font-weight:600}.sidebar-user{display:flex;align-items:center;gap:9px;padding:4px 10px}.sidebar-user .avatar{width:31px;height:31px;font-size:10px}.sidebar-user b{font-size:11px;display:block}.sidebar-user small{font-size:10px;color:var(--muted)}.app-main{grid-column:2;min-width:0}.app-topbar{height:70px;border-bottom:1px solid var(--line);background:#fafbf7ee;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 34px;position:sticky;top:0;z-index:50}.app-breadcrumb{font-size:12px;color:#8a957e;display:flex;align-items:center;gap:10px}.app-breadcrumb b{font-weight:500;color:#4b5b40}.app-top-actions{display:flex;align-items:center;gap:13px}.command-trigger{background:#f0f3e9;border:1px solid #e5eadd;border-radius:8px;padding:7px 11px;display:flex;align-items:center;gap:10px;color:#97a187;font-size:11px}.command-trigger .icon{width:15px;height:15px}.command-trigger kbd{font:10px var(--font);border:1px solid #dce3d2;border-radius:4px;padding:1px 5px;color:#879576}.app-top-actions .icon-button{background:transparent;border:0;position:relative}.notif-dot{position:absolute;right:9px;top:6px;background:#abc681;width:5px;height:5px;border-radius:50%}.app-content{padding:31px 34px 38px;max-width:1600px;margin:auto}.app-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.app-heading h1{font-size:27px;letter-spacing:-.8px;margin-bottom:6px}.app-heading p{font-size:12px}.app-heading .btns{margin:0}.app-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:0 0 24px;overflow:auto}.app-tabs a,.app-tabs button{padding:0 1px 12px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.app-tabs .active{color:#415737;border-bottom-color:#89a661;font-weight:600}.app-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:21px;align-items:start}.app-grid.equal{grid-template-columns:1fr 1fr}.app-grid.wide{grid-template-columns:2fr 1fr}.app-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}.app-card h3{font-size:16px;letter-spacing:-.025em}.app-card p{font-size:12px}.app-card .panel-heading{margin-bottom:20px}.app-card .grid-2,.app-card .grid-3{gap:15px}.app-body .grid-3{gap:18px}.app-body .metric-value{font-size:29px}.activity-list{display:grid;gap:0}.activity-item{display:flex;gap:12px;position:relative;padding:12px 0}.activity-item .mini-icon{width:31px;height:31px;border-radius:8px}.activity-item .mini-icon .icon{width:15px;height:15px}.activity-item b{display:block;font-size:12px;line-height:1.5}.activity-item p{font-size:11px;line-height:1.6;margin-top:3px}.activity-item time{margin-left:auto;white-space:nowrap;font-size:10px;color:#99a18e}.app-tip{padding:20px 24px;border-radius:13px;background:#eaf1df;border:1px solid #dde8cc;display:flex;gap:15px;align-items:center;margin-bottom:24px}.app-tip h3{font-size:15px;margin-bottom:4px}.app-tip p{font-size:12px}.app-tip>.btn{margin-left:auto;flex-shrink:0}.app-tip .mini-icon{background:#d9e7c5;width:40px;height:40px}.chart-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.donut-row{display:flex;gap:25px;align-items:center;justify-content:center;padding:14px 0}.donut{width:136px;height:136px;border-radius:50%;background:conic-gradient(#aeca87 0 63%,#cdc2e0 63% 85%,#efcdb6 85% 97%,#e9eddf 97%);position:relative;display:grid;place-items:center;flex-shrink:0}.donut:after{content:"";position:absolute;inset:23px;background:white;border-radius:50%}.donut b{font-size:25px;letter-spacing:-1px;position:relative;z-index:1}.legend{display:grid;gap:12px;font-size:11px;color:#818c74}.legend span{display:flex;align-items:center;gap:8px}.legend i{width:7px;height:7px;border-radius:2px;background:#aeca87}.legend b{color:#516246;font-size:11px;font-weight:500;margin-left:auto}.stat-wide{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid var(--line);padding-top:19px;margin-top:15px}.stat-wide small{font-size:11px;color:var(--muted);display:block}.stat-wide strong{font-size:22px;font-weight:600}.progress-table .mini-line{padding:13px 0}.progress-table .bar{width:90px;margin:0 10px;height:5px}.task-list{display:grid;gap:0}.task-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.task-row:last-child{border:0}.task-row input{accent-color:#759553;width:15px;height:15px;flex-shrink:0}.task-row:has(input:checked) .task-copy{opacity:.5;text-decoration:line-through}.task-row .pill{margin-left:auto;font-size:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:19px}.toolbar .search-field input{font-size:12px;padding-top:9px;padding-bottom:9px}.toolbar .search-field .icon{top:11px}.toolbar .filters{margin:0}.toolbar select{width:auto;font-size:12px}.inbox-shell{display:grid;grid-template-columns:255px minmax(270px,1fr) 230px;background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;min-height:590px;height:calc(100vh - 220px);max-height:810px}.inbox-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;overflow:auto}.inbox-list-head{padding:16px;border-bottom:1px solid var(--line)}.inbox-list-head .search-field{min-width:0}.inbox-list-head .field{font-size:11px;padding-top:8px;padding-bottom:8px}.inbox-list-head .search-field .icon{top:10px;width:15px;height:15px}.inbox-filters{display:flex;gap:14px;padding-top:14px}.inbox-filters button{font-size:11px;color:#8a937f}.inbox-filters button.active{color:#3b5730;font-weight:600}.conversation{padding:18px 16px;border-bottom:1px solid #edf0e7;text-align:left;display:block;width:100%;position:relative}.conversation.active{background:#f0f5e8}.conversation.active:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:#99b96a}.conversation .row{gap:9px;margin-bottom:9px}.conversation .avatar{width:30px;height:30px;font-size:11px}.conversation b{font-size:12px}.conversation time{font-size:10px;color:#9ca38f;margin-left:auto}.conversation p{font-size:11px;line-height:1.65;margin-bottom:9px}.conversation .pill{font-size:10px;padding:3px 7px}.conversation .conv-meta{font-size:10px;color:#97a086;display:flex;justify-content:space-between;align-items:center}.inbox-dialog{display:flex;flex-direction:column;min-width:0;overflow:hidden}.dialog-top{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:75px}.dialog-top b{font-size:13px;display:block}.dialog-top small{font-size:11px;color:var(--muted)}.message-list{padding:23px 20px;flex:1;overflow:auto;background:linear-gradient(#fdfefa,#f8faf5);display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.day-marker{font-size:10px;color:#9da68f;text-align:center}.message{font-size:12px;line-height:1.75;max-width:86%;padding:12px 15px;border-radius:0 11px 11px 11px;background:white;border:1px solid #e3e8d8;align-self:flex-start;overflow-wrap:anywhere}.message.customer{align-self:flex-end;border-radius:11px 0 11px 11px;background:#edf3e3;border-color:#e4edda}.message .message-author{display:flex;align-items:center;gap:6px;font-size:10px;color:#76934e;margin-bottom:7px;font-weight:600}.message .message-author .icon{width:13px;height:13px}.message .source{font-size:10px;border-top:1px solid #e6ecdb;padding-top:7px;margin-top:8px;color:#88977a}.message .product-inline{display:flex;gap:9px;margin-top:11px;background:#fafbf7;border:1px solid #e8ecdf;border-radius:8px;padding:8px}.product-inline img{width:58px;height:58px;object-fit:cover;border-radius:5px}.product-inline b{font-size:11px;display:block}.product-inline small{font-size:10px;color:var(--muted)}.message-form{border-top:1px solid var(--line);padding:14px 18px;background:white}.message-form .field{font-size:12px;resize:none;min-height:70px;border:0;padding:5px 0;box-shadow:none}.message-form-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#8d9780}.message-form-bottom .btn{font-size:11px;min-height:32px;padding:8px 11px}.customer-sidebar{padding:20px 17px;border-left:1px solid var(--line);font-size:11px;overflow:auto}.customer-profile{padding-bottom:20px;border-bottom:1px solid var(--line);text-align:center}.customer-profile .avatar{margin:0 auto 12px;width:45px;height:45px;font-size:14px}.customer-profile h3{font-size:14px}.customer-profile p{font-size:11px;margin:6px 0 13px}.detail-group{padding:20px 0;border-bottom:1px solid var(--line)}.detail-group:last-child{border:0}.detail-group h4{font-size:11px;margin-bottom:13px;color:#7d896e}.detail-line{display:flex;justify-content:space-between;gap:8px;margin:10px 0;color:#8b967e}.detail-line b{font-weight:500;color:#516046;text-align:right;overflow-wrap:anywhere}.agent-card{position:relative}.agent-card .avatar{width:45px;height:45px;background:#e9f1dc}.agent-card h3{font-size:16px;margin:18px 0 8px}.agent-card p{font-size:12px;min-height:57px}.agent-card .pill{position:absolute;right:20px;top:24px}.agent-stats{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.agent-stats span{font-size:10px;color:var(--muted)}.agent-stats b{display:block;font-size:16px;color:#516243;margin-bottom:3px}.agent-card .btn{width:100%;margin-top:20px}.builder-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}.builder-preview{position:sticky;top:95px;background:#e8eddf;border-radius:16px;padding:26px}.chat-widget{background:white;border-radius:15px;overflow:hidden;border:1px solid #dde5d0;box-shadow:0 14px 45px #29392212}.chat-widget-header{background:var(--widget-color,#263b2b);color:white;padding:20px;display:flex;gap:12px;align-items:center}.chat-widget-header p{color:#c4d6b4;font-size:11px}.chat-widget-header h3{font-size:14px;margin-bottom:3px;color:white}.chat-widget-body{padding:20px;background:#fafbf7;min-height:280px;display:flex;flex-direction:column;gap:15px}.chat-widget .message{font-size:12px}.chat-widget .quick-replies{display:flex;gap:7px;flex-wrap:wrap}.quick-replies button{border:1px solid #dce6cd;background:#fff;border-radius:7px;padding:7px 10px;font-size:11px;color:#6b8056;text-align:left}.chat-widget-foot{padding:14px 17px;border-top:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between;align-items:center;color:#97a08b}.chat-widget-foot .icon{width:17px;height:17px}.source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.source-tile{padding:18px;background:white;border:1px solid var(--line);border-radius:12px;text-align:left;transition:background .2s}.source-tile:hover{background:#f2f7e9}.source-tile .icon{margin-bottom:12px;color:#859c68}.source-tile b{display:block;font-size:12px}.source-tile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.knowledge-layout{display:grid;grid-template-columns:210px 1fr;gap:22px}.knowledge-tree{padding:18px;background:white;border:1px solid var(--line);border-radius:13px}.knowledge-tree h4{font-size:12px;margin-bottom:13px}.tree-item{display:flex;gap:8px;align-items:center;font-size:12px;padding:9px 7px;border-radius:6px;color:#7a886c}.tree-item .icon{width:15px;height:15px}.tree-item.active{background:#ecf3e1;color:#5d7840}.article-item{padding:19px 0;border-bottom:1px solid var(--line)}.article-item h4{font-size:14px;margin-bottom:8px}.article-item p{font-size:12px;margin-bottom:11px}.heatmap-cell{display:inline-block;padding:6px 13px;border-radius:5px;font-size:11px;background:#e5efd7;color:#719449;min-width:49px;text-align:center}.heatmap-cell.medium{background:#eef3e6;color:#89977d}.heatmap-cell.low{background:#f6f1e6;color:#b2a381}.prompt-example{background:#f4f6ef;border-radius:9px;padding:12px 14px;margin:12px 0;font-size:12px;color:#7e8d6d;line-height:1.7}.review-card{padding:21px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:16px}.review-card p{font-size:13px;margin:16px 0}.stars{color:#acbd65;font-size:14px;letter-spacing:1px}.review-reply{border-left:2px solid #a9c682;background:#f4f7ed;padding:15px 17px;border-radius:0 9px 9px 0;font-size:12px;color:#859473;margin:15px 0;line-height:1.85}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:13px;overflow:hidden;background:white}.calendar .day-name{padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:#98a289;background:#f9faf6;text-align:center}.cal-day{min-height:128px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:11px;font-size:11px;text-align:left;vertical-align:top}.cal-day:hover{background:#f9fbf3}.cal-day.today{background:#f2f7e8}.cal-day.empty{background:#fafbf7;color:#bfc6b5}.cal-event{display:block;text-align:left;margin-top:11px;padding:7px 8px;border-radius:5px;background:#e5edda;color:#738957;font-size:10px;line-height:1.5}.cal-event.purple{background:#ebe5f3;color:#8c7d9f}.cal-event.peach{background:#f3e6dc;color:#a8907c}.editor-toolbar{display:flex;gap:5px;padding:10px;border:1px solid var(--line);border-radius:9px 9px 0 0;background:#fafbf6}.editor-toolbar button{width:31px;height:29px;display:grid;place-items:center;font-size:13px;border-radius:5px;color:#859071}.editor-toolbar button:hover{background:#e9efdd}.editor-toolbar button .icon{width:15px;height:15px}.content-editor{min-height:370px;border:1px solid var(--line);border-top:0;padding:24px;border-radius:0 0 9px 9px;outline:none;line-height:1.9;font-size:14px;color:#6d7e5c;background:#fff}.content-editor h2{font-size:22px;line-height:1.5;margin:0 0 18px;color:#394e2b}.content-editor p{margin:12px 0;font-size:14px}.workflow-canvas{min-height:530px;background-color:#f7f9f2;background-image:radial-gradient(#cdd7c0 1px,transparent 1px);background-size:18px 18px;border:1px solid var(--line);border-radius:14px;padding:35px;position:relative;overflow:auto}.flow-path{display:flex;flex-direction:column;align-items:center;gap:35px;position:relative;min-width:280px}.flow-node{display:flex;align-items:center;gap:12px;width:310px;max-width:100%;border:1px solid #dce5cc;border-radius:12px;background:white;box-shadow:0 4px 14px #344b2210;padding:17px;text-align:left;position:relative;transition:box-shadow .2s}.flow-node:after{content:"";position:absolute;width:1px;height:35px;left:50%;top:100%;background:#a5b88b}.flow-node:last-child:after{display:none}.flow-node.active{outline:2px solid #a6c07f;outline-offset:2px}.flow-node:hover{box-shadow:0 5px 17px #344b2220}.flow-node .mini-icon{width:35px;height:35px}.flow-node b{font-size:12px;display:block}.flow-node small{font-size:10px;color:#99a288;display:block;margin-top:3px}.flow-node .node-index{margin-left:auto;font-size:10px;color:#b7c2a5}.workflow-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.recipe-card{padding:22px;background:white;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column}.recipe-icons{display:flex;gap:10px;align-items:center;margin-bottom:20px;color:#b6c4a0}.recipe-icons>.icon{width:15px;height:15px}.recipe-card h3{font-size:16px;margin-bottom:11px;line-height:1.45}.recipe-card p{font-size:12px;margin-bottom:20px;flex:1}.recipe-card .row.between{border-top:1px solid var(--line);padding-top:15px;font-size:10px;color:var(--muted)}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.kanban-column{background:#eef1e6;border:1px solid #e5eadb;border-radius:13px;padding:13px;min-width:0;min-height:460px}.kanban-column.drag-over{background:#e0eccb;outline:1px dashed #98af72}.kanban-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:4px 2px 14px;color:#819165}.kanban-heading b{color:#697e4d;font-weight:550}.lead-card{padding:16px 14px;background:white;border:1px solid #e1e7d5;border-radius:11px;box-shadow:0 3px 7px #47593004;margin-bottom:12px;cursor:grab}.lead-card h4{font-size:12px;margin-bottom:7px}.lead-card p{font-size:10px;margin-bottom:13px}.lead-card .lead-value{font-size:16px;font-weight:600;color:#5f7545;margin-bottom:14px;letter-spacing:-.4px}.lead-card .row{justify-content:space-between;font-size:10px;color:#95a281}.lead-card select{font-size:10px;width:100%;margin-top:12px;padding:6px;background:#f8faf3;color:#89986f;border:1px solid #e8eddf;border-radius:5px}.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px;align-items:start}.settings-nav{padding:8px;background:white;border:1px solid var(--line);border-radius:12px}.settings-nav a{display:flex;align-items:center;gap:10px;padding:12px 13px;font-size:12px;color:#82926b;border-radius:7px}.settings-nav a.active{background:#edf3e4;color:#576f3c;font-weight:600}.settings-nav .icon{width:16px;height:16px}.setting-line{padding:19px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}.setting-line b{font-size:13px;display:block;margin-bottom:5px}.setting-line p{font-size:12px;max-width:500px}.setting-line:last-child{border:0}.color-options{display:flex;gap:10px;margin-top:12px}.color-options button{width:31px;height:31px;border-radius:50%;background:var(--color);border:3px solid white;box-shadow:0 0 0 1px #dbe3ce}.color-options button.active{box-shadow:0 0 0 2px #8b9e71}.plan-banner{background:#e7f0d9;border:1px solid #dbe6c9;padding:27px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:25px}.plan-banner h3{font-size:22px;margin:10px 0}.plan-banner p{font-size:12px}.plan-banner .plan-price{font-size:33px;letter-spacing:-1px}.report-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:210px;border-bottom:1px solid var(--line);padding:20px 6px 0;margin-bottom:8px}.report-bar{display:flex;align-items:flex-end;gap:4px;height:100%;flex:1}.report-bar i{height:var(--h);background:#b2cc8a;border-radius:5px 5px 0 0;flex:1;transition:height .6s}.report-bar i:nth-child(2){background:#ded5ed}.model-icon{font-size:14px;font-weight:650;background:#eef3e6;width:37px;height:37px;border-radius:10px;display:grid;place-items:center}.mobile-app-menu{display:none}.app-bottom-note{display:flex;justify-content:space-between;font-size:10px;color:#9ca48d;margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}
/* Dialogs, prototype mechanics, accessibility */
.toast-stack{position:fixed;right:24px;bottom:24px;z-index:150;display:grid;gap:10px;max-width:370px}.toast{display:flex;align-items:flex-start;gap:10px;background:#243626;color:#edf5e1;padding:15px 18px;border:1px solid #4e6540;border-radius:12px;box-shadow:0 12px 35px #0002;font-size:12px;animation:enter .25s ease}.toast .icon{width:18px;height:18px;color:#cce695;margin-top:1px}.toast button{color:#a6b790;font-size:17px;line-height:1;padding:1px 0 0 8px;margin-left:auto}.modal-overlay{position:fixed;inset:0;background:#1323166b;backdrop-filter:blur(5px);z-index:120;display:flex;align-items:center;justify-content:center;padding:25px;animation:enter .15s ease}.modal-overlay[hidden]{display:none}.modal{background:#fff;border:1px solid #e1e8d4;border-radius:18px;width:100%;max-width:530px;max-height:90vh;overflow:auto;padding:28px;box-shadow:0 30px 100px #0003}.modal.wide{max-width:700px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.modal-head h2{font-size:22px}.modal>p{font-size:13px;margin-bottom:20px}.modal .notice{font-size:12px}.modal-backdrop-close{position:absolute;inset:0;z-index:-1}.search-modal{padding:12px;max-width:610px;align-self:flex-start;margin-top:10vh}.command-input{padding:16px 14px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.command-input input{background:none;border:0;outline:none;font-size:15px;flex:1;min-width:0}.command-input .icon{color:#9eae89}.command-results{max-height:440px;overflow:auto;padding:10px 0}.command-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:8px;font-size:13px}.command-item:hover,.command-item:focus{background:#f0f5e6;outline:none}.command-item small{color:#99a584;font-size:11px}.command-footer{border-top:1px solid var(--line);padding:12px 14px 3px;font-size:10px;color:#9eab8a}.audit-box{max-width:780px;margin:auto;background:white;border:1px solid var(--line);border-radius:20px;padding:36px}.audit-form{display:flex;gap:12px;margin:23px 0 12px}.audit-form input{font-size:15px}.audit-form .btn{flex-shrink:0}.audit-progress{display:none;margin-top:30px}.audit-progress.active{display:block}.audit-progress .progress-row{font-size:13px;display:flex;align-items:center;gap:10px;margin:13px 0}.audit-progress .progress-row .icon{color:#91ac6b;width:16px;height:16px}.audit-result{display:none;margin-top:30px}.audit-result.active{display:block;animation:enter .4s ease}.audit-result .result-top{display:flex;gap:30px;align-items:center;margin-bottom:27px}.audit-result h3{font-size:21px}.audit-result p{font-size:13px;margin-top:12px}.onboarding-steps{display:flex;gap:0;margin:26px 0 30px}.onboarding-steps span{flex:1;font-size:11px;border-bottom:2px solid #e4e9db;padding:10px 0;color:#a3ae94}.onboarding-steps .active{color:#67834c;border-bottom-color:#98b777}.onboarding-panel[hidden]{display:none}.choose-tile{border:1px solid var(--line);border-radius:10px;padding:15px;display:flex;gap:11px;align-items:center;cursor:pointer;font-size:12px}.choose-tile:has(input:checked){background:#edf4e2;border-color:#adc78b}.choose-tile input{accent-color:#86a264}.live-indicator{width:8px;height:8px;border-radius:50%;background:#a9cd6e;box-shadow:0 0 0 5px #a9cd6e1a;animation:pulse 2.4s ease infinite}.standalone-preview-bar{padding:8px 16px;text-align:center;background:#e8f1dc;border-bottom:1px solid #d9e5c7;font-size:12px;color:#778b5c}.chat-launcher{position:fixed;right:26px;bottom:25px;width:54px;height:54px;border-radius:17px;background:#233b29;color:#d6f58c;box-shadow:0 8px 24px #24362130;display:grid;place-items:center;z-index:75;transition:transform .2s}.chat-launcher:hover{transform:translateY(-4px)}.chat-launcher .icon{width:25px;height:25px}.demo-chat-popup{position:fixed;right:25px;bottom:91px;width:350px;max-width:calc(100vw - 35px);z-index:80;box-shadow:0 20px 65px #21371b30;border-radius:16px;overflow:hidden}.demo-chat-popup[hidden]{display:none}.demo-chat-popup .chat-widget-body{height:280px;min-height:0;overflow:auto}.demo-chat-popup .chat-widget-head-close{margin-left:auto;color:#dae8ce}.demo-chat-input{display:flex;padding:12px 14px;border-top:1px solid var(--line);gap:8px;background:white}.demo-chat-input input{border:0;outline:none;min-width:0;flex:1;font-size:12px}.demo-chat-input button{width:30px;height:30px;background:#e4efd5;border-radius:7px}.demo-chat-input .icon{width:15px;height:15px;color:#637d45}body.modal-open{overflow:hidden}:focus-visible{outline:2px solid #739950;outline-offset:4px}.loading-dot{animation:pulse 1.1s infinite}.icon-spin{animation:spin 1s linear infinite}.hide{display:none!important}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-8px)}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{padding-top:80px;padding-bottom:70px}.hero-art>img{height:525px}.app-content{padding:38px 42px}.app-topbar{padding:0 42px}.inbox-shell{grid-template-columns:280px minmax(350px,1fr) 255px}}
@media(max-width:1200px){.container{width:calc(100% - 54px)}.main-nav{gap:19px}.header-inner{gap:22px}.hero-grid{gap:35px}.hero-art>img{height:435px}.hero-copy h1{font-size:49px}.hero-copy .lead{font-size:16px}.floating-ui.bottom{left:-10px}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento .span-two{grid-column:span 1}.bento-card.featured{grid-column:span 2;min-height:300px;grid-template-columns:1.1fr 1fr}.bento-card.featured .card-visual{max-width:340px;margin-left:auto}.bento-card{min-height:290px}.cta-panel{padding:40px;gap:30px}.cta-panel h2{font-size:31px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}.footer-grid .footer-col:last-child{display:none}.pricing-grid{gap:12px}.price-card{padding:22px 18px}.price{font-size:29px}.app-shell{grid-template-columns:205px minmax(0,1fr)}.app-sidebar{width:205px;padding-left:10px;padding-right:10px}.app-content{padding:26px 24px}.app-topbar{padding:0 24px}.inbox-shell{grid-template-columns:225px minmax(260px,1fr)}.customer-sidebar{display:none}.app-heading h1{font-size:25px}.metrics{gap:11px}.metric{padding:17px}.app-grid{grid-template-columns:1.5fr 1fr}.donut-row{gap:15px}.donut{width:112px;height:112px}.donut:after{inset:19px}.kanban{gap:11px}.kanban-column{padding:10px}.lead-card{padding:14px 10px}.workflow-layout{grid-template-columns:1fr 255px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{gap:16px}.auth-showcase{padding:38px 40px}.auth-content{padding:45px 38px}}
@media(max-width:980px){.main-nav{gap:17px}.nav-trigger,.nav-link{font-size:12px}.header-actions .text-link{display:none}.header-actions .btn{font-size:12px;padding:11px 13px}.brand-word{font-size:29px}.brand .brand-symbol{width:35px;height:35px}.hero-copy h1{font-size:44px}.hero-grid{gap:26px}.hero-art>img{height:420px}.floating-ui{padding:12px;max-width:215px}.floating-ui strong{font-size:12px}.floating-ui p{font-size:11px}.hero-fine{font-size:11px;gap:10px}.hero .btn{font-size:13px;padding:12px 15px}.section{padding:65px 0}.section-head{gap:30px}.section-head p{max-width:300px;font-size:14px}.section-head h2{font-size:32px}.preview-stage{padding:28px 26px 0}.preview-shell{grid-template-columns:147px 1fr}.preview-main{padding:20px}.preview-main .metrics{grid-template-columns:repeat(2,1fr)}.preview-charts{grid-template-columns:1fr}.preview-charts>.chart-panel:last-child{display:none}.preview-sidebar .brand-word{font-size:21px}.preview-sidebar .brand-symbol{width:25px;height:25px}.preview-nav{font-size:11px}.split{gap:34px}.split h2{font-size:31px}.split .visual-block img{height:395px}.grid-3{gap:17px}.story-card img{height:195px}.story-card .story-copy{padding:21px}.story-card h3{font-size:17px}.cta-panel{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:25px}.footer-grid .footer-col:nth-last-child(2){display:none}.hero.product-hero .hero-art>img{height:380px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.price-card p{min-height:0}.app-shell{grid-template-columns:180px minmax(0,1fr)}.app-sidebar{width:180px;padding-top:21px}.app-sidebar .brand{padding:0 8px;margin-bottom:22px}.app-sidebar .brand-word{font-size:24px}.app-sidebar .brand-symbol{width:29px;height:29px}.sidebar-link{padding:8px 9px;font-size:11px;gap:8px}.sidebar-link .icon{width:15px;height:15px}.sidebar-link.sub{font-size:10px;padding-left:32px}.app-content{padding:24px 19px}.app-topbar{padding:0 19px}.app-top-actions{gap:8px}.app-top-actions>.badge-demo{display:none}.app-breadcrumb{font-size:11px}.command-trigger{padding:7px 8px}.command-trigger span{display:none}.app-grid,.app-grid.wide,.chart-grid{grid-template-columns:1fr}.app-grid.equal{grid-template-columns:1fr 1fr}.app-content>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.app-heading{align-items:flex-start}.app-heading h1{font-size:23px}.app-heading .btns{gap:7px}.app-heading .btn{font-size:11px;padding:10px 12px;min-height:35px}.app-heading p{font-size:11px;max-width:340px}.app-content .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox-shell{grid-template-columns:190px minmax(0,1fr);height:660px}.conversation{padding:16px 12px}.dialog-top{padding:14px 15px}.dialog-top>.btn{font-size:10px;padding:7px;min-height:31px}.message-list{padding:18px 15px}.message{max-width:93%;font-size:11px}.source-grid{grid-template-columns:repeat(2,1fr)}.builder-grid{grid-template-columns:1fr}.builder-preview{position:static;max-width:470px;width:100%;margin:auto}.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban-column{min-height:350px}.workflow-layout{grid-template-columns:1fr}.workflow-layout>.app-card{max-width:none}.workflow-canvas{min-height:500px}.settings-layout{grid-template-columns:160px 1fr;gap:17px}.settings-nav a{padding:10px 8px;font-size:11px;gap:8px}.settings-nav .icon{width:15px;height:15px}.knowledge-layout{grid-template-columns:170px 1fr;gap:15px}.app-tip{padding:17px}.app-tip p{font-size:11px}.app-tip .btn{font-size:11px;padding:8px 10px}.calendar{overflow:visible}.cal-day{min-height:112px;padding:8px}.cal-event{font-size:9px;padding:5px}.article-layout{grid-template-columns:1fr 200px;gap:35px}.auth-showcase h2{font-size:31px}.auth-showcase{padding:35px 27px}.auth-content{padding:35px 27px}.form-grid{grid-template-columns:1fr}.grid-2 .form-group{margin-bottom:0}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.site-header .header-inner{height:68px;gap:15px}.brand-word{font-size:27px}.brand .brand-symbol{width:33px;height:33px}.main-nav{display:none}.mobile-trigger{display:inline-flex}.header-actions{gap:9px}.header-actions>.btn{display:none}.mega-menu{top:67px;grid-template-columns:1fr 1fr;padding:16px;gap:12px}.mega-menu .mega-promo{display:none}.mega-menu.mobile-nav{grid-template-columns:1fr 1fr;max-height:calc(100dvh - 90px);overflow:auto}.hero{padding:36px 0 45px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero-copy h1{font-size:43px;margin-top:22px;margin-bottom:20px;max-width:540px;letter-spacing:-1.7px}.hero-copy .lead{font-size:15px;max-width:530px}.hero-fine{font-size:11px;flex-wrap:wrap;gap:17px}.hero-art{margin:0 8px 0 0}.hero-art>img{height:355px;border-radius:23px}.hero-art:before{border-radius:23px;inset:12px -8px -8px 15px}.floating-ui.top{top:22px;right:17px}.floating-ui.bottom{bottom:19px;left:16px}.floating-ui{max-width:235px}.floating-ui .trend-line{width:165px;height:30px}.float-amount b{font-size:25px}.cap-strip{padding:19px 0}.cap-list{justify-content:flex-start;overflow:auto;scrollbar-width:none;gap:28px;font-size:12px}.cap-list .icon{width:17px;height:17px}.section{padding:51px 0}.section.compact{padding:36px 0}.section-head{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:26px}.section-head h2{font-size:29px;line-height:1.22}.section-head p{max-width:560px;font-size:14px}.eyebrow{font-size:12px}.bento{grid-template-columns:1fr;gap:16px}.bento-card.featured{grid-column:auto;grid-template-columns:1fr;min-height:0;padding:25px}.bento-card.featured .card-visual{width:100%;height:245px;min-height:0;margin:20px auto -29px;max-width:330px}.bento-card h3{font-size:22px;margin-top:16px}.bento-card{padding:25px;min-height:260px}.bento-card .card-visual{height:190px}.bento-card.featured .card-visual .mini-chat{margin-top:18px}.bento .span-two{grid-column:auto}.grid-2,.grid-3{grid-template-columns:1fr;gap:17px}.grid-4{gap:15px}.card{padding:24px}.product-card{padding:0}.preview-stage{padding:22px 13px 0;border-radius:18px}.preview-toolbar{font-size:11px;gap:13px;margin-bottom:19px}.preview-toolbar .btn{font-size:10px;padding:8px 10px;min-height:30px}.preview-shell{grid-template-columns:1fr;border-radius:10px 10px 0 0;min-height:400px}.preview-sidebar{display:none}.preview-main{padding:18px 14px}.preview-title h3{font-size:18px}.preview-title p{font-size:11px}.preview-title .pill{font-size:10px}.preview-main .metrics{gap:9px}.preview-main .metric{padding:13px}.preview-main .metric-value{font-size:22px}.preview-charts .line-chart{height:155px}.chart-panel{padding:16px}.preview-title{margin-bottom:18px}.split{grid-template-columns:1fr;gap:30px}.split.reverse .visual-block{order:2}.split h2{font-size:29px}.split .visual-block img{height:320px}.workflow-strip{grid-template-columns:1fr 1fr;gap:27px 22px;margin-top:29px}.workflow-step:nth-child(2):after{display:none}.workflow-step h3{font-size:16px}.workflow-step p{font-size:13px}.workflow-step .step-number{width:40px;height:40px;margin-bottom:15px}.workflow-step:after{top:20px}.story-card img{height:235px}.story-card h3{font-size:20px}.cta-section{padding:40px 0}.cta-panel{padding:30px 25px;border-radius:20px;gap:24px}.cta-panel h2{font-size:28px}.cta-panel p{font-size:14px}.cta-panel .btn{font-size:13px;padding:12px 15px}.site-footer{padding-top:36px}.footer-grid{grid-template-columns:1fr 1fr;gap:29px 22px}.footer-intro{grid-column:span 2}.footer-intro p{max-width:340px}.footer-grid .footer-col:nth-last-child(2),.footer-grid .footer-col:last-child{display:block}.footer-bottom{align-items:flex-start;flex-direction:column;gap:15px;margin-top:30px;font-size:10px}.footer-links{flex-wrap:wrap;gap:13px}.footer-col a{font-size:12px;padding:6px 0}.hero.product-hero .hero-grid{gap:34px}.product-hero h1{font-size:37px}.product-hero .hero-art>img{height:300px}.breadcrumb{font-size:11px;margin-bottom:24px}.subnav{gap:22px;font-size:12px}.page-intro{padding:30px 0 35px}.page-intro h1{font-size:35px}.page-intro .lead{font-size:15px}.pricing-grid{gap:15px}.price-card{padding:23px 18px}.price{font-size:27px}.price-card h3{font-size:17px}.price-features span{font-size:11px}.price-card .btn{font-size:12px}.price-card p{font-size:12px}.pricing-top{margin-bottom:27px;flex-wrap:wrap}.roi-grid{grid-template-columns:1fr;gap:20px}.roi-output{padding:24px}.roi-output strong{font-size:34px}.article-layout{grid-template-columns:1fr;gap:25px}.toc{position:static;order:-1}.toc a{display:inline-block;margin-right:15px}.article-copy{font-size:15px}.article-copy h2{font-size:26px}.article-copy blockquote{font-size:17px;margin-left:0;margin-right:0;padding:19px}.auth-page{grid-template-columns:1fr;min-height:100vh}.auth-showcase{padding:26px;background:#223526;min-height:0}.auth-showcase img,.auth-showcase h2,.auth-showcase p,.auth-showcase .small{display:none}.auth-showcase .brand{justify-content:center}.auth-content{padding:35px 25px 50px;align-items:flex-start}.auth-form{max-width:420px}.auth-form h1{font-size:28px}.auth-form .notice{font-size:12px}.audit-box{padding:25px 21px}.audit-form{flex-direction:column}.audit-result .result-top{flex-direction:column;align-items:flex-start;gap:23px}.audit-result .score-ring{width:125px;height:125px}.audit-result .score-ring strong{font-size:35px}.grid-3 .brand-display{min-height:170px;padding:24px}.faq details{padding:20px 0}.faq summary{font-size:14px}.faq details p{font-size:13px;margin-right:0}.app-shell{display:block}.app-sidebar{transform:translateX(-100%);transition:transform .2s;width:235px;box-shadow:25px 0 80px #20311420}.app-sidebar.open{transform:translateX(0)}.app-sidebar .brand{padding-left:10px}.sidebar-link{font-size:12px;padding:10px 12px}.sidebar-link .icon{width:18px;height:18px}.sidebar-link.sub{font-size:11px;padding-left:40px}.mobile-app-menu{display:inline-flex;border:0;background:none}.app-topbar{height:62px;padding:0 16px;gap:10px}.app-breadcrumb{font-size:11px;gap:7px}.app-breadcrumb>span{display:none}.app-breadcrumb>.icon{display:none}.app-top-actions{gap:6px}.command-trigger{padding:6px 8px;background:none;border:0}.command-trigger kbd{display:none}.command-trigger .icon{width:18px;height:18px}.app-top-actions .avatar{width:28px;height:28px;font-size:10px}.app-top-actions .icon-button{width:29px;height:29px}.app-content{padding:23px 17px 28px}.app-heading{flex-wrap:wrap;gap:15px;margin-bottom:21px}.app-heading h1{font-size:24px}.app-heading p{font-size:12px;max-width:100%}.app-heading .btn{font-size:12px;min-height:34px;padding:9px 12px}.app-heading .btns{gap:8px}.app-tabs{gap:20px;margin-bottom:20px}.app-tabs a,.app-tabs button{font-size:12px}.metrics{gap:10px;margin-bottom:18px}.app-body .metric{padding:16px}.app-body .metric-top{font-size:11px}.app-body .metric-value{font-size:25px;margin-top:12px}.app-body .metric-bottom{font-size:10px}.app-body .metric-top>.icon{width:15px;height:15px}.app-tip{gap:12px;padding:17px;flex-wrap:wrap}.app-tip>.grow{min-width:220px}.app-tip>.btn{margin-left:52px}.app-tip h3{font-size:14px}.app-card{padding:19px}.app-grid.equal,.app-content .grid-3{grid-template-columns:1fr}.app-grid,.app-grid.wide,.app-grid.equal{gap:18px}.app-card .panel-heading h3{font-size:15px}.app-card .line-chart{height:190px}.app-card .grid-3{grid-template-columns:1fr}.donut-row{gap:35px;padding:17px 0}.donut{width:138px;height:138px}.legend{gap:16px}.inbox-shell{height:auto;min-height:0;grid-template-columns:1fr}.inbox-list{border-right:0;border-bottom:1px solid var(--line);max-height:210px}.inbox-list-head{padding:12px 15px}.inbox-filters{padding-top:10px}.conversation{padding:12px 15px}.conversation .row{margin-bottom:5px}.conversation p{margin-bottom:6px}.conversation:not(.active){display:none}.conversation.active:before{width:3px}.inbox-dialog{min-height:540px;height:610px}.message-list{padding:20px 16px}.message{font-size:12px;max-width:91%}.dialog-top{padding:15px 17px}.dialog-top b{font-size:13px}.message-form-bottom{font-size:10px}.customer-sidebar{display:none}.inbox-list .inbox-list-head .search-field{max-width:none}.source-grid{gap:11px}.source-tile{padding:16px}.knowledge-layout{grid-template-columns:1fr}.knowledge-tree{display:flex;gap:8px;overflow:auto;padding:10px;align-items:center;flex-wrap:nowrap}.knowledge-tree h4{display:none}.tree-item{white-space:nowrap;font-size:11px}.tree-item .icon{width:13px;height:13px}.builder-grid{gap:20px}.builder-preview{padding:18px}.settings-layout{grid-template-columns:1fr;gap:20px}.settings-nav{display:flex;gap:5px;overflow:auto;padding:7px}.settings-nav a{white-space:nowrap;padding:9px 11px;font-size:11px}.settings-nav .icon{width:14px;height:14px}.form-grid{grid-template-columns:1fr;gap:0}.setting-line{gap:18px}.setting-line p{font-size:11px}.setting-line b{font-size:12px}.kanban{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kanban-column{padding:10px;min-height:360px}.lead-card{padding:14px 12px}.lead-card h4{font-size:12px}.lead-card p{font-size:10px}.lead-card .lead-value{font-size:16px}.lead-card .pill{font-size:9px;padding:3px 5px}.toolbar{gap:12px}.toolbar .search-field{max-width:100%;width:100%}.toolbar .row{gap:8px;flex-wrap:wrap}.data-table{font-size:12px}.data-table th{padding:12px 15px}.data-table td{padding:14px 15px}.table-footer{font-size:11px;padding:13px 15px}.calendar{overflow:auto;grid-template-columns:repeat(7,minmax(93px,1fr))}.cal-day{min-height:111px}.calendar-wrap{overflow:auto}.plan-banner{padding:23px;align-items:flex-start;flex-direction:column;gap:18px}.plan-banner .plan-price{font-size:29px}.report-bars{height:175px;gap:8px}.workflow-canvas{padding:25px 20px;min-height:530px}.flow-node{width:290px;padding:15px}.app-bottom-note{flex-direction:column;gap:8px;font-size:10px}.modal-overlay{padding:17px}.modal{padding:23px;max-height:88dvh}.modal-head h2{font-size:20px}.search-modal{padding:10px;margin-top:7vh}.command-item{font-size:12px}.command-item small{font-size:10px;max-width:120px;text-align:right}.toast-stack{bottom:18px;right:16px;left:16px;max-width:none}.toast{font-size:12px}.chat-launcher{width:48px;height:48px;right:18px;bottom:18px;border-radius:15px}.demo-chat-popup{right:17px;bottom:78px;max-width:calc(100vw - 34px)}.brand-display{padding:28px;min-height:185px}.brand-display img{max-width:260px}}
@media(max-width:390px){.hero-copy h1{font-size:38px}.hero .btn{font-size:12px;padding:12px 13px}.hero-art>img{height:325px}.floating-ui{padding:11px;max-width:208px}.floating-ui.top{right:12px}.floating-ui.bottom{left:12px}.pricing-grid{grid-template-columns:1fr}.price-card{padding:25px}.price{font-size:33px}.price-card p{font-size:13px}.price-features span{font-size:12px}.bento-card h3{font-size:21px}.grid-4{grid-template-columns:1fr}.hero-fine{gap:10px;font-size:10px}.app-body .metric{padding:13px}.app-body .metric-value{font-size:23px}.app-body .metric-top{font-size:10px}.app-breadcrumb b{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-top-actions{gap:3px}.kanban{grid-template-columns:1fr}.app-heading .btns{width:100%}.app-heading .btns .btn{flex:1}.flow-path{min-width:0}.flow-node{min-width:0}.workflow-canvas{padding:25px 15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal:not(.visible){opacity:1;transform:none}}
@media print{.site-header,.site-footer,.app-sidebar,.app-topbar,.chat-launcher,.demo-chat-popup,.btn,.toast-stack{display:none!important}.app-shell{display:block}.app-main{width:100%}.app-content{padding:0}.reveal{opacity:1!important;transform:none!important}.card,.app-card{break-inside:avoid}.container{width:100%}.section{padding:20px 0}body{background:white}.hero-grid{grid-template-columns:1fr 1fr}.app-grid{grid-template-columns:1fr}.line-chart{max-height:180px}}
/* Interaction layer and final typography scale */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-btn{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line);border-radius:9px;background:#fff}.icon-btn:hover{background:var(--soft)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}.modal-header h2{font-size:24px;letter-spacing:-.035em}.modal-body{min-width:0}.modal-body .form-group{margin-bottom:18px}.modal-body p{font-size:14px;line-height:1.7}.modal-body .mini-line{width:100%;text-align:left}.modal-body .prose{font-size:15px}.modal-body .prose h2{font-size:24px;margin:24px 0 12px}.modal-body .prose p{margin:14px 0}.command-search{display:flex;align-items:center;gap:12px;padding:0 0 16px}.command-search .field{font-size:16px}.command-results{max-height:55vh;overflow:auto}.command-result{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:13px 16px;border-radius:10px;font-size:14px}.command-result span{flex:1}.command-result small{font-size:12px;color:var(--muted)}.command-result.selected,.command-result:hover{background:var(--soft)}.sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sitemap-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);padding:18px 21px;border-radius:12px;font-size:14px;transition:transform .2s,background .2s}.sitemap-item:hover{background:var(--soft);transform:translateY(-2px)}[data-home-recipes] .recipe-card:nth-child(n+7){display:none}.flow-node.selected{border-color:#769953;box-shadow:0 0 0 3px #d6f58c66}.flow-node.running{border-color:#34704f;box-shadow:0 0 0 5px #d6f58c88}.flow-node>div{min-width:0;flex:1}.flow-node p{font-size:12px;margin-top:6px;line-height:1.45}.flow-node small{display:block;font-size:11px;color:var(--muted)}.flow-node b{display:block;font-size:14px;margin-top:3px}.flow-connector{height:22px;display:grid;place-items:center}.flow-connector span{height:100%;border-left:2px dashed #b4c0aa}.flow-path .flow-node:after{display:none}.log-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.log-row .pill{flex-shrink:0}.lead-avatar{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:8px;background:var(--purple);font-size:11px;font-weight:650}.lead-stage{margin-top:12px;min-width:0;width:100%;height:auto!important;font-size:12px!important;padding:8px!important}.lead-card+.lead-card{margin-top:12px}.lead-card h4{margin-top:13px}.kanban-column.drag-over{background:#e3edda;outline:2px dashed #779452}.notification-read{opacity:.55}.btn-success{background:var(--soft)!important;color:var(--green)!important}.data-table td b,.data-table td small{display:block}.data-table td .pill{white-space:normal}.data-table td small{font-size:12px}.app-sidebar .nav-label{font-size:11px}.sidebar-link{font-size:13px}.sidebar-link.sub{font-size:12px}.app-body .app-card p,.app-body .setting-line p{font-size:13px}.app-body .metric-top,.app-body .metric-bottom,.app-body .detail-line,.app-body .app-tabs a,.app-body .field-label,.app-body .setting-line b{font-size:13px}.app-body .form-hint,.app-body .data-table,.app-body .source-tile small,.app-body .conv-preview,.app-body .conv-time,.app-body .detail-group h4,.app-body .detail-group p{font-size:12px}.app-body .lead-card h4{font-size:14px}.app-body .lead-card p,.app-body .lead-card .pill{font-size:12px}.app-body .mini-line b{font-size:13px}.app-body .mini-line p{font-size:12px}.field:focus{outline:3px solid #d6f58c66;border-color:#77965c}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #98b77a;outline-offset:4px}.bento-card.featured{grid-column:span 2}.bento-card:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.bento-card:last-child>.mini-icon{grid-column:1}.bento-card:last-child>h3,.bento-card:last-child>p{grid-column:1}.bento-card:last-child>.card-visual{grid-column:2;grid-row:1/5;align-self:center;height:100%;min-height:240px}.bento-card:last-child>.card-visual img{height:100%;object-fit:contain}.app-bottom-note,.badge-demo,.hero-fine{font-size:12px}.card .demo-note,.demo-note{font-size:12px}.audit-result.visible{display:block}.audit-progress.visible{display:block}.table-wrap{max-width:100%}.section[id]{scroll-margin-top:85px}.mini-icon.large{border-radius:15px}.editor-canvas{font-size:16px}
@media(min-width:981px){.bento{grid-template-columns:repeat(3,minmax(0,1fr))}.bento-card:nth-child(2){grid-column:3}.bento-card:nth-child(3){grid-column:1}.bento-card:nth-child(4){grid-column:2}.bento-card:nth-child(5){grid-column:3}.bento-card:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;min-height:280px}.bento-card:last-child .card-visual{position:absolute;right:40px;width:45%;height:280px;bottom:-15px}.bento-card:last-child p{max-width:390px}}
@media(max-width:980px){.bento-card.featured{grid-column:1/-1}.bento-card:last-child{grid-column:1/-1}.sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sitemap-grid{grid-template-columns:1fr}.modal-header h2{font-size:21px}.command-result{gap:8px;padding:12px 8px;font-size:13px}.command-result small{max-width:88px;font-size:11px}.app-body .field-label,.app-body .metric-top,.app-body .metric-bottom,.app-body .setting-line b{font-size:12px}.app-body .app-card p,.app-body .setting-line p{font-size:13px}.app-heading .btns{max-width:100%}.app-heading .btns .btn{white-space:normal}.bento-card.featured{display:block}.bento-card:last-child{display:block;grid-column:1/-1}.bento-card:last-child>.card-visual{height:210px;min-height:0}.hero-fine{font-size:12px;flex-wrap:wrap}.app-topbar .badge-demo{display:none}.card.tonal.row.between{align-items:flex-start;flex-direction:column}.flow-node p{font-size:12px}.log-row{align-items:flex-start;font-size:12px}.app-body .metric-top{min-height:35px}.sitemap-item{font-size:14px}.data-table td{font-size:13px}.command-search .field{min-width:0}.builder-preview{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
/* Specialist workspaces */
.workflow-title-field{border:0;background:transparent;width:min(420px,100%);font-size:14px;font-weight:550;padding:8px 10px}.booking-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.booking-slot{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px 9px;transition:background .2s,transform .2s}.booking-slot:hover{background:var(--soft);transform:translateY(-3px)}.booking-slot b{display:block;font-size:18px}.booking-slot small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}.booking-slot.occupied{background:#edf0e9;color:#8b9287}.table-product-image{width:58px;height:65px;border-radius:10px;object-fit:cover;flex-shrink:0}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.media-card{text-align:left;min-width:0;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:transform .3s,box-shadow .3s}.media-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.media-thumb{height:195px;background:#eef2e8;overflow:hidden}.media-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.media-card:hover img{transform:scale(1.05)}.media-info{padding:16px}.media-info b{font-size:13px;display:block}.media-info small{font-size:11px;display:block;margin-top:5px;color:var(--muted)}.media-large{width:100%;height:350px;object-fit:contain;border-radius:15px;background:var(--bg);margin-bottom:22px}.editorial-cover{width:100%;height:370px;object-fit:cover;border-radius:24px;margin-bottom:52px}.editorial-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,1fr);gap:80px;align-items:start}.editorial-prose section{margin-bottom:44px}.editorial-prose h2{font-size:27px;line-height:1.3;margin-bottom:17px}.editorial-prose p{font-size:17px;line-height:1.9}.editorial-aside{background:white;border:1px solid var(--line);border-radius:17px;padding:27px;position:sticky;top:112px}.editorial-aside p{font-size:13px;line-height:1.7}.editorial-aside .btns{display:grid}.editorial-prose .step-num{display:inline-flex;margin-bottom:12px}.flow-path{gap:0!important}.flow-node{margin:0 auto!important}.flow-connector{height:34px}.flow-node>div{padding-right:5px}.flow-node .icon{max-width:18px}.flow-node p{word-break:normal}.workflow-canvas{padding-top:32px;padding-bottom:32px}
@media(max-width:1200px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-grid{gap:40px}}
@media(max-width:980px){.editorial-grid{grid-template-columns:1fr}.editorial-aside{position:static}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.booking-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.booking-slot{padding:16px 4px}.booking-slot b{font-size:16px}.booking-slot small{font-size:11px}.media-grid{gap:12px}.media-thumb{height:160px}.media-info{padding:12px}.media-info b{font-size:12px}.editorial-cover{height:245px;border-radius:16px;margin-bottom:32px}.editorial-prose h2{font-size:24px}.editorial-prose p{font-size:16px}.editorial-grid{gap:20px}.media-large{height:260px}.workflow-title-field{width:100%;font-size:13px}.workflow-canvas{min-height:0}.flow-node{width:100%;max-width:315px}}
/* Narrow-screen QA corrections */
.settings-layout>*{min-width:0}.settings-nav{min-width:0;max-width:100%;overflow:auto}.article-copy{min-width:0;max-width:100%}.endpoint{min-width:0;max-width:100%;flex-wrap:wrap}.endpoint code{overflow-wrap:anywhere;min-width:0}.code-block{max-width:100%;overflow:auto}.metric-top{gap:6px;align-items:flex-start}.metric-top>span{min-width:0;flex:1}.message.user{align-self:flex-end;background:#eaf2e1;border-color:#dce8cf;border-radius:14px 14px 3px 14px}.message-list>.message:not(.user){align-self:flex-start;border-radius:14px 14px 14px 3px}.message-list>.message{max-width:87%}.message-list{gap:16px}.message.user p{color:var(--ink)}
@media(max-width:760px){.settings-layout{grid-template-columns:minmax(0,1fr)}.review-card>.row.between:last-child{flex-direction:column;align-items:flex-start;gap:12px}.review-card>.row.between:last-child>.row{flex-wrap:wrap;gap:8px}.review-card .btn{font-size:12px}.app-body .metric-top{gap:4px}.app-body .metric-top>.icon{width:16px;height:16px}.article-layout{grid-template-columns:minmax(0,1fr)}.endpoint{font-size:12px}.message-list>.message{max-width:94%}}
.mobile-conversation-select{display:none}@media(max-width:760px){.mobile-conversation-select{display:block;margin-top:13px}.mobile-conversation-select .field{font-size:13px!important}.inbox-list{max-height:none}.mobile-conversation-select .field-label{font-size:12px;margin-bottom:6px}}