:root{--blue:#087bff;--cyan:#00bfd6;--ink:#202d43;--muted:#66758a;--line:#e7edf5;--pale:#f3f9ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #00a4f5;outline-offset:5px}h1,h2,h3,p{margin:0}em{font-style:normal;color:var(--blue)}.original-banner{position:relative;width:100%;background:#ecf8ff}.original-banner img{display:block;width:100%;height:auto}.banner-link{position:absolute;top:77%;width:10%;height:6%}.demo{left:38%}.trial{left:52.7%}.mobile-hero{display:none}.section-nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100% - 1280px)/2));border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.logo{font-size:27px;letter-spacing:-1px;color:var(--blue);font-weight:650;white-space:nowrap}.logo span{font-size:12px;letter-spacing:0;margin-left:6px;border:1px solid #bde0ff;border-radius:4px;padding:2px 4px;vertical-align:middle}.section-nav>div{display:flex;gap:44px}.section-nav>div a{font-size:15px;color:#556378}.section-nav>div a:hover,.section-nav>div a.active{color:var(--blue)}.nav-contact{background:var(--blue);color:white;padding:11px 21px;border-radius:7px;font-size:14px}.section{padding:106px max(5%,calc((100% - 1280px)/2))}.section-heading{text-align:center;margin-bottom:66px}.eyebrow{font-size:13px;font-weight:650;color:var(--blue);letter-spacing:2px;display:block;margin-bottom:22px}.section-heading h1,.section-heading h2{font-size:clamp(30px,3vw,42px);line-height:1.35;font-weight:650;letter-spacing:-1px}.section-heading p{color:var(--muted);line-height:1.9;margin-top:22px}.builder-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:65px;align-items:center}.mini-label{font-size:14px;color:var(--blue);display:block;margin-bottom:18px}.build-copy h2,.work-copy h2{font-size:32px;line-height:1.5;letter-spacing:-.6px;font-weight:600}.build-copy>p,.work-copy>p{color:var(--muted);line-height:1.9;margin-top:20px;max-width:410px}.feature-steps{margin-top:28px}.feature-steps button{display:flex;width:100%;align-items:center;text-align:left;border:0;background:transparent;cursor:pointer;padding:17px 16px;gap:16px;border-radius:8px;color:var(--ink)}.feature-steps button[aria-selected=true]{background:#edf6ff;border-color:transparent}.feature-steps button>b{font-size:13px;color:#8696aa;align-self:flex-start;padding-top:4px}.feature-steps button[aria-selected=true]>b{color:var(--blue)}.feature-steps strong{font-size:17px;font-weight:600}.feature-steps small{display:block;font-size:13px;line-height:1.6;margin-top:7px;color:var(--muted)}.feature-steps i{margin-left:auto;color:var(--blue);font-style:normal}.builder-stage{position:relative;padding:30px 0 30px 20px;background:radial-gradient(ellipse at 45% 35%,#d8f3ff,transparent 70%)}.app-window{border:1px solid #dce9f4;border-radius:11px;background:white;box-shadow:0 20px 55px #265b9210;overflow:hidden}.window-top{height:57px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:15px;padding:0 18px;font-size:12px}.window-brand{color:var(--blue);font-size:23px;font-weight:750;display:flex;align-items:center;gap:6px}.window-brand span{font-size:12px;font-weight:600;color:var(--ink)}.muted{margin-left:auto;color:#8b98aa}.avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#e6f2ff;color:var(--blue);font-size:12px;border-radius:50%}.workspace{display:flex;min-height:325px}aside{width:132px;flex-shrink:0;background:#f8faff;border-right:1px solid var(--line);padding:22px 9px;font-size:12px;position:relative}.workspace-title{font-size:14px;font-weight:600;padding:0 10px 17px}aside>span{display:block;padding:11px 10px;color:#6b7b90}.selected{background:#e7f2ff;border-radius:4px;color:var(--blue)!important}.aside-bottom{font-size:12px;color:#99a5b5;padding:35px 10px 0}.form-area{padding:22px;flex:1;min-width:0}.form-heading{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-bottom:20px}.pill{font-size:11px;background:#eaf8f3;color:#24927e;padding:5px 7px;border-radius:4px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px}.form-grid label{font-size:11px;color:#78869b}.form-grid label>div{margin-top:6px;border:1px solid #e0e7f0;border-radius:4px;padding:8px;color:#42506a;background:#fff;min-height:32px}.form-grid label>div>span{float:right}.full{grid-column:span 2}.data-table{border:1px solid var(--line);margin-top:17px;border-radius:4px;font-size:10px}.data-table>div{display:grid;grid-template-columns:1.4fr .7fr 1fr;border-bottom:1px solid var(--line);padding:10px;gap:4px}.data-table>div:first-child{background:#f5f8fd;color:#8794a4}.data-table>div:last-child{border:0}.form-total{text-align:right;font-size:10px;padding-top:13px;color:#8391a3}.form-total strong{color:var(--blue);padding-left:12px;font-size:13px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px;font-size:10px}.form-actions span{padding:7px 11px;border:1px solid var(--line);border-radius:4px}.form-actions span:last-child{color:white;background:var(--blue);border-color:var(--blue)}.conversation{position:relative;margin: -5px 24px 0 -27px;border:1px solid #cee8ff;border-radius:13px;background:white;padding:19px 23px;box-shadow:0 18px 48px #266cad12}.chat-title{display:flex;align-items:center;gap:10px;font-size:14px}.ai-symbol{color:var(--blue);font-size:23px;line-height:1}.chat-title>span:last-child{font-size:11px;color:#91a1b4;margin-left:auto}.user-message{background:#edf5ff;padding:12px 16px;margin:17px 0 19px 40px;border-radius:9px 9px 0 9px;font-size:12px;line-height:1.7;color:#435777}.ai-message{display:flex;gap:11px;font-size:12px}.ai-message strong{font-size:13px;font-weight:600}.ai-message p{line-height:1.8;color:#718198;margin-top:8px}.check-line{display:block;color:#1e9b8b;font-size:11px;margin-top:9px}.chat-input{margin-top:20px;border:1px solid #e0e9f5;padding:10px 12px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;color:#9aa8b8;font-size:12px}.chat-input>span:last-child{background:var(--blue);color:white;width:22px;height:22px;border-radius:5px;text-align:center;line-height:22px}.example-note{display:block;text-align:center;font-size:11px;color:#94a1b0;margin-top:18px}.value-strip{display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--line);margin-top:64px;padding-top:34px;font-size:14px;color:#8390a3}.value-strip strong{display:block;color:#30445e;font-size:17px;font-weight:550;margin-bottom:9px}.value-strip i{font-style:normal;color:#b1c9e4}.work-section{background:linear-gradient(145deg,#f3f9ff,#f7fbfd)}.work-layout{display:grid;grid-template-columns:1.25fr .8fr;gap:85px;align-items:center}.ocr-stage{background:white;border-radius:16px;border:1px solid #dfeaf5;padding:25px 26px;box-shadow:0 18px 65px #1258a008}.ocr-top{display:flex;align-items:center;justify-content:space-between;font-size:14px}.ocr-top>span:first-child{display:flex;gap:10px;align-items:center;font-weight:600}.recognition-flow{display:grid;grid-template-columns:1fr 25px 1fr;align-items:center;gap:12px;margin:38px 0}.document{position:relative;border:1px solid #e0e5ec;padding:20px 15px;background:#fffdf9;transform:rotate(-4deg);box-shadow:0 6px 20px #4357730b;color:#697587;overflow:hidden}.document-tag{font-size:10px;color:#a2a7af}.document h3{font-size:17px;text-align:center;margin:17px 0}.document p{font-size:10px;line-height:2}.document table{border-collapse:collapse;width:100%;font-size:10px;margin:13px 0}.document td,.document th{font-weight:400;border:1px solid #dce1e8;padding:9px 4px;white-space:nowrap}.document-total{font-size:11px;text-align:right;margin:20px 0 7px}.scan-line{position:absolute;top:57%;left:0;right:0;height:45px;background:linear-gradient(transparent,#00cbd515);border-bottom:2px solid #62d4de}.flow-arrow{font-size:25px;color:var(--blue);text-align:center}.recognized{font-size:12px}.recognized h3{display:flex;align-items:center;justify-content:space-between;font-size:15px;margin-bottom:20px}.recognized h3 span{font-size:9px;color:#32a18f;font-weight:400}.recognized label{display:block;font-size:10px;color:#98a4b4;margin-bottom:14px}.recognized strong{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:11px;color:#395670;padding:10px 9px;background:#f4f9ff;border:1px solid #dceeff;border-radius:4px;font-weight:450;gap:5px}.recognized b{color:#23ab95;font-weight:400}.recognition-status{display:flex;align-items:center;gap:11px;padding:14px;background:#eef9f6;border:1px solid #d9f0e8;border-radius:7px}.recognition-status>span{color:#269c80;width:25px;height:25px;border-radius:50%;background:#d6f0e6;text-align:center;line-height:25px}.recognition-status strong{font-size:12px;font-weight:500;color:#3f7669}.recognition-status small{display:block;font-size:11px;color:#8ba59e;margin-top:6px}.work-feature{display:flex;gap:15px;margin-top:28px}.work-feature>span{font-size:12px;line-height:27px;color:var(--blue);background:#e5f2ff;border-radius:50%;width:27px;height:27px;flex-shrink:0;text-align:center}.work-feature h3{font-size:17px;font-weight:600;margin-top:3px}.work-feature p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:9px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.capability{border:1px solid #e5ecf5;padding:28px;border-radius:12px;transition:box-shadow .2s,transform .2s;background:white}.capability:hover{transform:translateY(-4px);box-shadow:0 14px 35px #0e559410}.cap-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.cap-icon{font-size:24px;color:var(--blue);background:#edf6ff;width:43px;height:43px;border-radius:10px;display:grid;place-items:center}.cap-top>span:last-child{font-size:10px;color:#9aaabc;letter-spacing:1px}.capability h3{font-size:20px;font-weight:600;line-height:1.6;letter-spacing:-.5px}.capability p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:12px;min-height:80px}.micro{height:110px;background:#f7faff;margin-top:22px;border-radius:7px;font-size:10px;color:#68839f}.spreadsheet{padding:10px 13px}.spreadsheet>div{display:grid;grid-template-columns:20px 1fr 1fr 1fr;height:23px}.spreadsheet span,.spreadsheet strong{border:1px solid #e2ebf5;margin:-1px 0 0 -1px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:9px}.spreadsheet strong{grid-column:span 3;background:#e9f3ff;color:#3d7bc3}.cell-focus{border:1px solid #398af3!important;background:white;color:var(--blue)}.plugin-diagram{display:flex;align-items:center;justify-content:center;gap:9px}.plugin-diagram span{background:white;border:1px solid #e1eaf6;border-radius:6px;padding:10px 7px}.plugin-diagram i{color:#b1cde8;font-style:normal}.plugin-diagram strong{color:var(--blue);font-size:17px}.workflow,.action-list{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px}.workflow span{background:white;border:1px solid #deebfa;padding:9px 8px;border-radius:5px;white-space:nowrap}.workflow .active{background:#edf5ff;border-color:#89beff;color:var(--blue)}.workflow i,.action-list i{font-style:normal;color:#96b9db}.action-list span{font-size:9px;text-align:center}.action-list b{display:block;width:24px;height:24px;margin:0 auto 9px;border-radius:6px;line-height:24px;background:#e6f2ff;color:var(--blue);font-size:11px;font-weight:500}.messaging{padding:18px 13px}.messaging>div{display:flex;align-items:center;gap:6px}.messaging>div>span:last-child{padding:8px;background:white;border:1px solid #e6edf5;border-radius:5px;font-size:9px}.messaging>div:last-child{justify-content:flex-end;margin-top:8px}.messaging>div:last-child>span{background:#e7f3ff;color:#4282cb}.languages{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:18px}.languages strong{font-size:26px;color:var(--blue);font-weight:500}.languages span{border:1px solid #e2eaf7;background:white;padding:7px 9px;border-radius:5px}.closing{padding:73px 5% 70px;text-align:center;background:radial-gradient(ellipse at 85% 100%,#d6f7fc,transparent 65%),#edf6ff}.closing h2{font-size:32px;font-weight:600}.closing p{font-size:15px;color:#6f839a;margin:18px 0 29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;border-radius:7px;background:var(--blue);color:white;font-size:15px;padding:15px 24px;box-shadow:0 5px 13px #087bff18}.button:hover,.nav-contact:hover{background:#006ae0}.phone{display:inline-block;color:#647f9d;font-size:15px;margin-left:25px}footer{max-width:1280px;margin:auto;display:flex;align-items:center;gap:26px;padding:35px 0;font-size:12px;color:#8a97a8}footer span:nth-of-type(2){margin-left:auto}footer>a:last-child{margin-left:25px}footer .logo{font-size:24px}
@media(min-width:1650px){.builder-layout{gap:85px}}@media(max-width:1150px){.section{padding:80px 5%}.builder-layout{gap:30px;grid-template-columns:.85fr 1.2fr}.work-layout{gap:35px;grid-template-columns:1.2fr 1fr}.conversation{margin-left:-10px;padding:17px}.form-area{padding:16px}aside{width:100px}.work-copy h2,.build-copy h2{font-size:28px}.capability{padding:22px}.capability h3{font-size:18px}.micro{font-size:9px}.plugin-diagram{gap:4px}.workflow{gap:4px;padding:5px}.workflow span{padding:8px 5px}footer{padding:30px 5%}}@media(max-width:850px){.section-nav{padding:0 5%;height:65px}.section-nav>div{gap:20px}.nav-contact{display:none}.builder-layout,.work-layout{grid-template-columns:1fr;gap:38px}.build-copy>p,.work-copy>p{max-width:none}.feature-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feature-steps button{padding:15px 10px}.builder-stage{max-width:660px;width:100%;margin:auto;padding-left:20px}.work-copy{grid-row:1}.ocr-stage{max-width:660px;width:100%;margin:auto}.work-feature{margin-top:20px}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability p{min-height:80px}.section-heading{margin-bottom:40px}.work-copy h2 br,.build-copy h2 br{display:none}.section{padding:70px 6%}.value-strip{margin-top:30px}.closing h2{font-size:27px}.original-banner{display:none}.mobile-hero{display:block;background:#ecf8ff;text-align:center;padding:25px 6% 55px}.mobile-hero>.logo{display:block;text-align:left}.mobile-hero h1{font-size:36px;line-height:1.5;margin-top:45px;letter-spacing:-1px}.mobile-hero p{font-size:15px;color:var(--muted);line-height:1.9;margin-top:19px}.mobile-hero .button{margin-top:28px}.phone{margin-top:15px}.eyebrow{letter-spacing:1px}.section-heading p{font-size:15px}}@media(max-width:540px){.section-nav .logo{font-size:20px}.section-nav .logo span{display:none}.section-nav>div{gap:15px}.section-nav>div a{font-size:12px}.section{padding:58px 6%}.section-heading h1,.section-heading h2{font-size:28px;line-height:1.5;letter-spacing:-1px}.section-heading h2 em{display:block}.section-heading p{font-size:14px;text-align:center}.desktop{display:none}.build-copy h2,.work-copy h2{font-size:25px}.build-copy>p,.work-copy>p{font-size:14px}.feature-steps{grid-template-columns:1fr}.feature-steps button{padding:16px}.feature-steps small{font-size:12px}.builder-stage{padding:0 0 15px}.window-top{padding:0 12px}.muted{font-size:9px}aside{display:none}.form-area{padding:17px}.conversation{margin:10px 0 0;padding:16px}.chat-title>span:last-child{font-size:10px}.user-message{margin-left:25px}.example-note{font-size:10px;line-height:1.7}.value-strip{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px;text-align:center}.value-strip i{display:none}.value-strip span{font-size:13px}.value-strip strong{font-size:15px}.ocr-stage{padding:19px 13px}.recognition-flow{gap:5px;grid-template-columns:1fr 18px 1fr;margin:30px 0}.document{padding:13px 8px}.document h3{font-size:14px}.document p,.document td,.document th{font-size:8px}.recognized strong{font-size:9px;padding:9px 5px}.recognized h3{font-size:13px}.recognized h3 span{font-size:8px}.flow-arrow{font-size:18px}.recognition-status{padding:11px 8px;gap:7px}.recognition-status strong{font-size:10px}.recognition-status small{font-size:10px}.ocr-top{font-size:12px}.capability-grid{grid-template-columns:1fr;gap:16px}.capability{padding:24px}.capability p{min-height:0;font-size:14px}.micro{margin-top:20px;height:105px}.capability h3{font-size:20px}.cap-top{margin-bottom:18px}.closing{padding:54px 7%}.closing h2{font-size:25px;line-height:1.6}.closing p{font-size:12px}.phone{display:block;margin-left:0;margin-top:20px}footer{flex-wrap:wrap;gap:16px;font-size:11px}footer span:nth-of-type(2){display:none}footer>a:last-child{margin-left:auto}.eyebrow{font-size:11px}.work-feature h3{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

[hidden]{display:none!important}

/* Floating capability navigation */
.section-nav{width:calc(100% - 80px);max-width:1280px;height:76px;margin:24px auto 0;padding:0 22px;top:16px;border:1px solid #e0eaf5;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 8px 30px #254e8210;gap:20px}
.nav-caption{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:550;color:#60718a;white-space:nowrap}.nav-caption-mark{font-size:23px;color:#1889ff}
.section-nav>div.capability-tabs{display:flex;gap:5px;background:#f1f5fa;border:1px solid #eaf0f7;padding:5px;border-radius:11px}
.section-nav>div a{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:12px 20px;white-space:nowrap;font-size:14px;line-height:20px;color:#66758b;transition:none}
.section-nav>div a:hover{background:#e6effa;color:#087bff}.section-nav>div a.active{background:#fff;color:#087bff;font-weight:600;box-shadow:none}
.nav-number{font-size:11px;line-height:20px;font-weight:500;color:#9aabc1;font-variant-numeric:tabular-nums}.active .nav-number{color:#087bff}
.section-nav .nav-contact{display:flex;align-items:center;gap:17px;white-space:nowrap;padding:11px 0 11px 20px;border-left:1px solid #e5edf6;background:transparent;border-radius:0;color:#087bff;font-size:14px;font-weight:550}.section-nav .nav-contact span{display:grid;place-items:center;background:#edf6ff;border-radius:50%;width:29px;height:29px;font-size:18px}.section-nav .nav-contact:hover span{background:#087bff;color:#fff}
@media(max-width:1100px){.section-nav{width:calc(100% - 48px);padding:0 18px;gap:16px}.section-nav>div a{padding:11px 14px}.nav-caption{font-size:13px}.section-nav .nav-contact{gap:10px;padding-left:16px}}
@media(max-width:850px){.section-nav{height:68px;width:calc(100% - 32px);margin-top:16px;top:10px;padding:0 12px;gap:10px}.nav-caption{display:none}.section-nav>div.capability-tabs{flex:1}.section-nav>div a{flex:1;padding:10px 9px;font-size:13px}.section-nav .nav-contact{font-size:13px;padding-left:12px}.nav-number{font-size:10px}}
@media(max-width:540px){.section-nav{width:calc(100% - 24px);height:62px;top:8px;border-radius:13px;padding:7px;gap:0}.section-nav .nav-contact{display:none}.section-nav>div.capability-tabs{background:transparent;border:0;padding:0;gap:3px}.section-nav>div a{padding:12px 5px;gap:5px;font-size:12px;border-radius:8px}.section-nav>div a.active{background:#fff;box-shadow:none}.nav-number{font-size:10px}}

/* Kimpo AI product hero */
.site-header{max-width:1440px;margin:auto;height:88px;padding:0 5%;display:flex;align-items:center;gap:32px;background:white}.brand-link{display:flex;align-items:center;gap:8px;color:#087bff;font-size:29px;font-weight:650;letter-spacing:-1px}.brand-link svg{width:38px;height:32px}.site-header nav{display:flex;gap:35px;margin-left:auto;font-size:14px;color:#53647c}.site-header nav a:hover{color:#087bff}.header-phone{font-size:14px;color:#40546f;margin-left:30px;font-variant-numeric:tabular-nums}.header-demo{padding:11px 19px;border:1px solid #b8d9ff;border-radius:6px;color:#087bff;font-size:14px;white-space:nowrap}.header-demo:hover{background:#edf6ff}
.new-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 22%,#d9f4ff 0,transparent 46%),linear-gradient(115deg,#f4f9ff 10%,#edf6ff 53%,#e5f5fc 100%);padding:74px max(5%,calc((100% - 1280px)/2)) 0}.hero-main{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding-bottom:67px}.hero-eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border:1px solid #cbe4fa;border-radius:30px;color:#3982c7;background:#ffffff90;font-size:12px;letter-spacing:.3px}.hero-eyebrow>span{font-size:17px;color:#087bff}.hero-copy h1{font-size:clamp(36px,3.65vw,56px);line-height:1.36;letter-spacing:-2px;font-weight:650;margin-top:26px;color:#172d4b}.hero-copy h1 em{background:linear-gradient(100deg,#006aff 0%,#008df5 60%,#00adcf 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{font-size:19px;color:#314f71;margin-top:25px;font-weight:500;letter-spacing:.2px}.hero-description{font-size:15px;line-height:1.95;color:#6d8299;margin-top:16px}.hero-buttons{display:flex;align-items:center;gap:28px;margin-top:33px}.hero-primary{padding:16px 23px;border-radius:7px;background:#087bff;gap:23px}.hero-secondary{font-size:14px;color:#3e6081;display:inline-flex;gap:14px;align-items:center}.hero-secondary:hover{color:#087bff}.hero-benefits{display:flex;align-items:center;gap:15px;margin-top:27px;font-size:11px;color:#7d94ac}.hero-benefits>span+span{border-left:1px solid #c9dbea;padding-left:15px}.hero-demo{min-width:0;position:relative;padding-top:2px}.hero-demo-caption{display:flex;justify-content:space-between;color:#7d9bb7;font-size:11px;letter-spacing:1px;padding:0 6px;margin-bottom:12px}.hero-demo-caption>span:last-child{font-variant-numeric:tabular-nums;color:#94a9bc}.hero-prompt{border:1px solid #d5e6f5;background:#ffffffd9;border-radius:12px;display:flex;align-items:center;gap:14px;padding:20px 19px;box-shadow:0 8px 24px #285ba307}.hero-user-icon{width:31px;height:31px;background:#e7f2ff;color:#4488ce;border-radius:9px;font-size:12px;display:grid;place-items:center;flex-shrink:0}.hero-prompt p{font-size:14px;line-height:1.8;color:#3d5773}.hero-send{margin-left:auto;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#087bff;color:#fff;font-size:20px;flex-shrink:0}.hero-connector{display:flex;align-items:center;height:42px;gap:14px;padding-left:34px}.hero-connector>span{height:42px;border-left:1px dashed #9cc8ee}.hero-connector b{font-size:11px;font-weight:450;color:#4e99d7}.hero-system{background:white;border:1px solid #cde1f2;border-radius:12px;box-shadow:0 20px 50px #2867a612;overflow:hidden}.hero-system-bar{display:flex;align-items:center;gap:9px;height:53px;padding:0 17px;border-bottom:1px solid #e9f0f8}.hero-system-icon{color:#087bff;font-size:22px}.hero-system-bar strong{font-size:13px;font-weight:600}.hero-generated{margin-left:auto;font-size:10px;color:#298b7d;background:#eef9f5;padding:5px 7px;border-radius:4px}.hero-system-body{display:grid;grid-template-columns:116px 1fr}.hero-system-menu{background:#f6f9fd;border-right:1px solid #e9f0f8;display:flex;flex-direction:column;padding:16px 8px;gap:6px;min-height:237px}.hero-system-menu>span{font-size:11px;color:#7b8fa6;padding:9px 6px;border-radius:4px;white-space:nowrap}.hero-system-menu>span.current{background:#e6f1ff;color:#087bff}.hero-system-menu small{font-size:9px;color:#a0afbf;margin:auto 5px 0;padding-top:22px}.hero-sheet{padding:19px 18px;min-width:0}.hero-sheet-title{display:flex;justify-content:space-between;font-size:13px;align-items:center}.hero-sheet-title>span{font-size:9px;color:#93a2b2;background:#f3f6fa;padding:3px 8px;border-radius:3px}.hero-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.hero-fields>div>span{font-size:9px;color:#8ea0b2;display:block}.hero-fields b{display:block;margin-top:6px;border:1px solid #e1eaf3;padding:7px 9px;border-radius:4px;font-size:10px;color:#516a83;font-weight:400}.hero-line-items{border:1px solid #e5edf6;border-radius:5px;margin-top:14px;overflow:hidden}.hero-line-items>div{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:6px;font-size:9px;color:#627992;padding:9px;border-bottom:1px solid #edf2f7}.hero-line-items>div:first-child{background:#f6f9fd;color:#9aa9b9}.hero-line-items>div:last-child{border:0}.hero-line-items strong{font-weight:450}.hero-approval{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:15px;font-size:9px;color:#7a96b3}.hero-approval span{background:#f2f7fd;padding:5px 6px;border-radius:4px}.hero-approval i{font-style:normal;color:#a3c0dc}.hero-build-results{display:flex;justify-content:space-between;gap:8px;padding:13px 19px;border-top:1px solid #e5eef6;color:#5587b4;background:#fbfdff;font-size:10px}.hero-followup{width:95%;margin:14px 0 0 auto;background:#ffffffb8;border:1px solid #d6e8f7;border-radius:10px;display:flex;gap:12px;align-items:center;padding:15px 16px}.hero-ai-icon{font-size:23px;color:#0888ff}.hero-followup strong{font-size:12px;font-weight:500;color:#476b90}.hero-followup p{font-size:11px;color:#91a2b5;margin-top:7px}.hero-followup>span:last-child{margin-left:auto;color:#87b3d7;font-size:22px}.hero-demo-note{text-align:right;color:#94a9bd;font-size:10px;margin-top:12px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d7e7f4;padding:25px 0;font-size:13px;color:#6d8bab}.hero-bottom>span{flex:1;display:flex;justify-content:space-between;padding:0 25px}.hero-bottom>span:first-child{padding-left:0}.hero-bottom>span:last-child{padding-right:0}.hero-bottom>span+span{border-left:1px solid #cee1f1}.hero-bottom b{font-weight:400;color:#76abd6}
@media(min-width:1600px){.new-hero{padding-top:92px}.hero-main{gap:72px;padding-bottom:84px}.hero-copy h1{font-size:59px}}
@media(max-width:1100px){.site-header{gap:20px}.site-header nav{gap:20px}.header-phone{display:none}.hero-main{gap:28px}.hero-copy h1{font-size:40px}.hero-lead{font-size:16px}.hero-description{font-size:14px}.hero-buttons{gap:18px}.hero-primary{padding:14px 17px;font-size:14px;gap:13px}.hero-secondary{font-size:13px;gap:8px}.hero-system-menu{width:100px}.hero-system-body{grid-template-columns:100px 1fr}.hero-sheet{padding:16px 12px}.hero-prompt p{font-size:12px}.hero-benefits{font-size:10px;gap:10px}.hero-benefits>span+span{padding-left:10px}.hero-bottom{font-size:12px}.hero-bottom>span{padding:0 15px}}
@media(max-width:850px){.site-header{height:72px}.site-header nav{font-size:12px;gap:18px}.header-demo{margin-left:auto;font-size:12px;padding:9px 12px}.brand-link{font-size:25px}.brand-link svg{width:32px}.new-hero{padding:48px 7% 0}.hero-main{grid-template-columns:1fr;gap:42px;padding-bottom:36px}.hero-copy{text-align:center}.hero-copy h1{font-size:48px;margin-top:23px}.hero-lead{font-size:18px}.hero-description{font-size:15px}.hero-buttons,.hero-benefits{justify-content:center}.hero-demo{width:100%;max-width:550px;margin:auto}.hero-system-menu{width:auto}.hero-system-body{grid-template-columns:116px 1fr}.hero-sheet{padding:19px}.hero-prompt p{font-size:14px}.hero-benefits{font-size:11px}.hero-bottom{gap:12px;font-size:10px;padding:22px 0}.hero-bottom>span{padding:0 9px;line-height:1.6}.hero-bottom b{display:none}}
@media(max-width:540px){.site-header{height:68px;padding:0 6%}.site-header nav{display:none}.brand-link{font-size:25px}.new-hero{padding:35px 6% 0}.hero-eyebrow{font-size:10px;padding:7px 11px}.hero-copy h1{font-size:38px;letter-spacing:-1.5px;line-height:1.4;margin-top:21px}.hero-lead{font-size:15px;margin-top:20px}.hero-description{font-size:13px;line-height:1.9;margin-top:14px}.hero-buttons{gap:20px;margin-top:25px}.hero-primary{font-size:12px;padding:14px 15px;gap:12px}.hero-secondary{font-size:12px}.hero-benefits{font-size:9px;gap:10px;margin-top:22px}.hero-main{gap:35px}.hero-demo-caption{font-size:10px}.hero-prompt{padding:14px 12px;gap:10px}.hero-prompt p{font-size:11px}.hero-user-icon{width:25px;height:25px;font-size:10px}.hero-send{width:24px;height:24px;font-size:17px}.hero-system-bar{padding:0 12px;height:47px}.hero-system-bar strong{font-size:12px}.hero-generated{font-size:8px;padding:4px 6px}.hero-system-body{grid-template-columns:78px 1fr}.hero-system-menu{padding:12px 4px;gap:4px;min-height:220px}.hero-system-menu>span{font-size:9px;padding:9px 3px}.hero-system-menu small{font-size:8px;line-height:1.7;margin-left:5px}.hero-sheet{padding:15px 10px}.hero-sheet-title{font-size:11px}.hero-fields{gap:8px;margin-top:14px}.hero-fields b{font-size:9px;padding:6px}.hero-line-items>div{font-size:8px;padding:8px 5px;gap:3px}.hero-approval{font-size:8px;gap:2px}.hero-approval span{padding:5px 3px}.hero-build-results{font-size:8px;padding:12px 10px;gap:4px}.hero-followup{padding:12px;gap:9px;width:96%}.hero-followup strong{font-size:10px}.hero-followup p{font-size:9px}.hero-demo-note{font-size:9px}.hero-bottom{gap:7px;padding:19px 0;font-size:9px}.hero-bottom>span{padding:0 7px;display:block}}

/* Detailed, paired BSG / application demonstration */
.sync-showcase{--sync-accent:#087bff;--sync-soft:#eef7ff;--sync-border:#9ccaff;margin-top:54px;padding:36px;border:1px solid #dbe8f5;border-radius:18px;background:linear-gradient(140deg,#f5faff,#eef7fc);scroll-margin-top:110px}.sync-heading{display:flex;align-items:flex-start;gap:35px;justify-content:space-between;margin-bottom:27px}.sync-heading .mini-label{font-size:12px;letter-spacing:1px;margin-bottom:13px}.sync-heading h3{font-size:27px;line-height:1.5;letter-spacing:-.6px;font-weight:600;margin:0}.sync-heading h3 em{display:block}.sync-heading>p{font-size:14px;line-height:1.9;color:#71869c;max-width:470px;margin-top:33px}.sync-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.sync-tabs{display:flex;background:#e5eef8;padding:5px;border-radius:10px;gap:5px}.sync-tabs button{font-size:13px;border:0;background:transparent;border-radius:7px;padding:12px 16px;cursor:pointer;color:#72859c;line-height:1.5}.sync-tabs button span{font-size:11px;margin-right:5px;opacity:.65}.sync-tabs button b{font-weight:400;padding:0 4px}.sync-tabs button[aria-selected=true]{background:white;color:var(--sync-accent);box-shadow:0 2px 6px #315c8c0d;font-weight:550}.sync-before{background:white;color:#56718d;border:1px solid #d3e1ef;padding:10px 15px;border-radius:7px;font-size:12px;cursor:pointer;white-space:nowrap}.sync-before:hover{border-color:#83b6e4;color:#087bff}.sync-before[aria-pressed=true]{background:#e7eef5;color:#445b73}.sync-scenario{display:flex;align-items:center;gap:12px;border-top:1px solid #dfebf5;padding:18px 0 20px}.sync-scenario-label{background:#e3eefb;border-radius:4px;color:#5583b1;font-size:11px;padding:5px 8px;white-space:nowrap}.sync-scenario p{font-size:13px;line-height:1.7;color:#526e8a}.sync-state-label{margin-left:auto;white-space:nowrap;font-size:11px;color:#899db2}.sync-demo{display:grid;grid-template-columns:1fr 88px 1.08fr;align-items:stretch;gap:0;outline-offset:7px}.sync-surface{background:white;border:1px solid #dce7f3;border-radius:12px;overflow:hidden;min-width:0;box-shadow:0 8px 24px #234f8505}.sync-surface-top{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid #e8eff7;min-height:77px}.sync-surface-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:#f0f6fd;color:#6c9cc9;font-size:21px}.sync-surface-top strong{font-size:14px;font-weight:600;display:block}.sync-surface-top small{display:block;font-size:10px;color:#9bacbf;margin-top:5px}.sync-side-tag{margin-left:auto;color:var(--sync-accent);background:var(--sync-soft);border-radius:4px;padding:5px 7px;font-size:10px;white-space:nowrap}.sync-canvas{background-image:radial-gradient(#d9e5f1 .8px,transparent .8px);background-size:16px 16px;padding:24px 24px 21px;min-height:475px}.sync-root{position:relative;padding:12px;background:white;border:1px solid #cddff2;border-radius:7px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 5px #163d6c05}.sync-root>span{color:#528dca;font-size:20px}.sync-root strong{font-size:13px;font-weight:550}.sync-root small{font-size:10px;color:#93a7ba;margin-left:auto}.sync-nodes{margin-left:19px;padding:16px 0 0 20px;position:relative;display:flex;flex-direction:column;gap:12px}.sync-nodes:before{content:'';position:absolute;left:0;top:0;bottom:23px;border-left:1px solid #c5d8eb}.sync-node{position:relative;border:1px solid #dfe8f3;border-radius:6px;background:white;display:flex;align-items:center;padding:11px 10px;gap:8px;min-height:46px;flex-wrap:wrap}.sync-node:before,.sync-empty-node:before{content:'';position:absolute;left:-21px;top:22px;width:20px;border-top:1px solid #c5d8eb}.sync-node-icon{font-size:10px;color:#859bb3;background:#f0f5fa;border-radius:3px;width:23px;height:23px;display:grid;place-items:center}.sync-node strong{font-size:12px;font-weight:500}.sync-node small{margin-left:auto;font-size:10px;color:#8fa2b8}.sync-target-node{border-color:var(--sync-border);background:var(--sync-soft)}.sync-target-node strong,.sync-target-node small{color:var(--sync-accent)}.sync-target-node .sync-node-icon{background:white;color:var(--sync-accent)}.sync-node-change{font-size:9px;background:white;color:var(--sync-accent);padding:3px 6px;border:1px solid var(--sync-border);border-radius:3px}.sync-node-inspector{margin:20px 0 0 39px;border:1px solid #e0e8f1;border-radius:6px;background:#ffffffed;padding:12px}.sync-node-inspector>span{font-size:10px;color:#9bacc0}.sync-node-inspector>strong{font-size:11px;margin-left:9px;color:#57728f;font-weight:500}.sync-node-inspector>div{display:flex;gap:15px;border-top:1px solid #edf2f7;margin-top:9px;padding-top:9px}.sync-node-inspector>div>span{font-size:10px;color:#94a7bc}.sync-node-inspector b{font-size:11px;color:#56738f;font-weight:500;margin-left:4px}.sync-bridge{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding-bottom:25px;text-align:center}.sync-bridge-icon{display:grid;place-items:center;width:38px;height:38px;background:white;border:1px solid #dce9f6;border-radius:50%;color:var(--sync-accent);font-size:21px}.sync-bridge strong{font-size:10px;font-weight:500;color:var(--sync-accent)}.sync-bridge-track{font-size:32px;line-height:20px;color:var(--sync-accent)}.sync-bridge small{font-size:9px;color:#92a7bd;line-height:1.6}.sync-app-content{padding:23px 20px 18px}.sync-form-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sync-form-title h4{font-size:16px;font-weight:600;margin:0}.sync-form-title>span{font-size:10px;color:#8ea0b3;background:#f2f6fa;padding:4px 8px;border-radius:4px}.sync-app-field>span{display:block;font-size:11px;color:#627d97;margin-bottom:8px}.sync-app-field>div{border:1px solid #dfe8f1;background:white;border-radius:5px;display:flex;align-items:center;gap:8px;font-size:12px;color:#54708c;padding:8px 10px;min-height:36px}.sync-person{display:grid;place-items:center;width:21px;height:21px;background:#eaf3ff;color:#5186c2;border-radius:50%;font-size:9px}.sync-detail-label{font-size:11px;color:#627d97;margin:16px 0 8px}.sync-detail-table{width:100%;border-collapse:collapse;font-size:10px}.sync-detail-table th{font-weight:400;color:#8ea1b7;background:#f6f9fd;text-align:left;padding:10px 6px;border-top:1px solid #e6edf5}.sync-detail-table td{color:#66809a;padding:12px 6px;border-bottom:1px solid #e6edf5;white-space:nowrap}.sync-detail-table th:not(:first-child),.sync-detail-table td:not(:first-child){text-align:right}.sync-total{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin:14px 0 18px;font-size:11px;color:#8ba0b6}.sync-total strong{font-size:14px;color:#416a94;font-weight:600}.sync-target-field{padding:12px;border:1px solid var(--sync-border);border-radius:7px;background:var(--sync-soft)}.sync-target-field>span{color:var(--sync-accent)}.sync-target-field small{float:right;color:var(--sync-accent);font-size:10px}.sync-target-field>div{border-color:var(--sync-border);color:#91a7bc}.sync-target-field svg{width:16px;height:16px;margin-left:auto;stroke:var(--sync-accent);fill:none;stroke-width:1.3;flex-shrink:0}.sync-target-field p{font-size:10px;color:var(--sync-accent);line-height:1.6;margin-top:7px}.sync-target-field b{color:#e97874;font-size:13px}.sync-app-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:10px;color:#a1b0c1}.sync-app-bottom>span:last-child{padding:8px 13px;border-radius:5px;background:#eff4fa;color:#8aa1ba}.sync-change-summary{display:flex;align-items:center;gap:12px;margin-top:22px;background:white;border:1px solid #dce9f5;padding:16px 18px;border-radius:8px}.sync-summary-symbol{display:grid;place-items:center;width:29px;height:29px;background:var(--sync-soft);color:var(--sync-accent);border-radius:50%;flex-shrink:0}.sync-change-summary strong{font-size:13px;font-weight:550;color:#43617e}.sync-change-summary p{font-size:11px;line-height:1.8;color:#859bb2;margin-top:5px}.sync-summary-count{margin-left:auto;white-space:nowrap;font-size:11px;color:#98aabf}.sync-disclaimer{text-align:center;font-size:10px;color:#93a8be;line-height:1.8;margin-top:16px}.sync-showcase[data-direction=app]{--sync-accent:#168c97;--sync-soft:#effafa;--sync-border:#91d3d6}.sync-empty-node{position:relative;border:1px dashed #d3dfec;padding:15px 10px;border-radius:6px;font-size:11px;color:#95a8bd;min-height:47px;background:#f9fbfd}.sync-empty-field{padding:30px 12px;border:1px dashed #d6e3ef;border-radius:7px;background:#f9fbfd;color:#98adbf;font-size:11px;line-height:1.8;min-height:106px}.sync-showcase[data-before=true] .sync-target-node,.sync-showcase[data-before=true] .sync-target-field{border-color:#dce6f0;background:#f8fafc}.sync-showcase[data-before=true] .sync-node-change{display:none}.sync-showcase[data-before=true] .sync-bridge{opacity:.5}
@media(max-width:1150px){.sync-showcase{padding:28px}.sync-heading{display:block}.sync-heading h3 em{display:inline}.sync-heading>p{margin-top:15px;max-width:none}.sync-demo{grid-template-columns:1fr 65px 1fr}.sync-canvas{padding:21px 16px}.sync-node{padding:9px 8px;gap:6px}.sync-node small{font-size:9px}.sync-node-change{margin-left:29px}.sync-node-inspector{margin-left:0}.sync-app-content{padding:23px 14px 18px}.sync-side-tag{font-size:9px}.sync-surface-top{padding:16px 12px;gap:8px}.sync-detail-table{font-size:9px}.sync-detail-table td,.sync-detail-table th{padding-left:4px;padding-right:4px}.sync-summary-count{display:none}}
@media(max-width:850px){.sync-showcase{padding:26px}.sync-demo{grid-template-columns:1fr}.sync-canvas{min-height:auto;padding:24px}.sync-bridge{flex-direction:row;padding:17px 0;gap:15px}.sync-bridge-track{transform:rotate(90deg);font-size:26px}.sync-bridge strong{font-size:12px}.sync-bridge small{font-size:11px}.sync-node-change{margin-left:0}.sync-node small{font-size:11px}.sync-node strong{font-size:13px}.sync-surface-top strong{font-size:15px}.sync-side-tag{font-size:11px}.sync-node-inspector{margin-left:39px}.sync-node-inspector>div>span{font-size:12px}.sync-node-inspector>strong{font-size:13px}.sync-node-inspector>span{font-size:11px}.sync-app-content{padding:22px}.sync-detail-table{font-size:12px}.sync-detail-table th,.sync-detail-table td{padding:12px 8px}.sync-tabs button{padding:11px 10px;font-size:12px}.sync-before{font-size:11px;padding:10px}.sync-target-field p{font-size:11px}.sync-scenario p{font-size:12px}.sync-heading h3{font-size:25px}.sync-change-summary p{font-size:12px}}
@media(max-width:540px){.sync-showcase{padding:20px 14px;margin-top:34px;border-radius:13px}.sync-heading h3{font-size:23px;line-height:1.5}.sync-heading h3 em{display:block}.sync-heading .mini-label{font-size:10px;letter-spacing:.7px}.sync-heading>p{font-size:13px;line-height:1.8}.sync-controls{flex-wrap:wrap;gap:10px}.sync-tabs{width:100%;gap:3px;padding:4px}.sync-tabs button{flex:1;font-size:10px;padding:11px 4px}.sync-tabs button>span{display:none}.sync-tabs button b{padding:0 2px}.sync-before{margin-left:auto;font-size:11px;padding:7px 10px}.sync-scenario{align-items:flex-start;gap:8px;padding:14px 0}.sync-scenario-label{font-size:9px;padding:4px 6px}.sync-scenario p{font-size:11px}.sync-state-label{display:none}.sync-surface-top{padding:14px 12px}.sync-surface-top strong{font-size:13px}.sync-surface-top small{font-size:9px}.sync-surface-icon{width:29px;height:29px}.sync-side-tag{font-size:9px}.sync-canvas{padding:19px 13px}.sync-root strong{font-size:12px}.sync-node{gap:6px;padding:10px 8px}.sync-node strong{font-size:11px}.sync-node small{font-size:9px}.sync-node-change{font-size:8px;padding:3px 4px}.sync-nodes{margin-left:12px;padding-left:15px}.sync-node:before,.sync-empty-node:before{left:-16px;width:15px}.sync-node-inspector{margin-left:27px;padding:10px}.sync-node-inspector>strong{font-size:11px}.sync-node-inspector>div{gap:12px}.sync-node-inspector>div>span{font-size:10px}.sync-bridge{gap:11px}.sync-bridge strong{font-size:11px}.sync-bridge small{font-size:10px}.sync-app-content{padding:18px 13px}.sync-detail-table{font-size:9px}.sync-detail-table td,.sync-detail-table th{padding:11px 4px}.sync-change-summary{align-items:flex-start;padding:13px 11px;gap:8px}.sync-change-summary strong{font-size:12px}.sync-change-summary p{font-size:11px}.sync-disclaimer{font-size:9px}.sync-node-icon{width:20px;height:20px;font-size:9px}}
/* Editorial two-way sync layout */
.sync-showcase{display:grid;grid-template-columns:310px minmax(0,1fr);gap:42px;padding:55px 0 5px;background:transparent;border:0;border-top:1px solid #e6edf5;border-radius:0;margin-top:64px;align-items:center}.sync-editorial{min-width:0}.sync-heading{display:block;margin-bottom:28px}.sync-heading .mini-label{font-size:11px;letter-spacing:1.3px;margin-bottom:20px}.sync-heading h3{font-size:29px;line-height:1.65;letter-spacing:-1px}.sync-heading h3 em{display:inline;color:#087bff}.sync-heading>p{margin-top:19px;font-size:14px;line-height:1.95;color:#788b9f}.sync-controls{display:block;margin-bottom:0}.sync-tabs{padding:0;background:none;display:flex;flex-direction:column;gap:10px}.sync-tabs button{display:flex;align-items:center;text-align:left;background:#f7f9fc;border:1px solid #edf1f7;padding:17px 15px;font-size:14px;gap:6px;border-radius:9px;color:#70849c}.sync-tabs button span{font-size:12px;margin-right:8px}.sync-tabs button b{margin-left:auto;margin-right:7px}.sync-tabs button[aria-selected=true]{background:var(--sync-soft);border-color:var(--sync-border);box-shadow:none}.sync-before{background:transparent;border:0;border-bottom:1px solid #c5d7e9;border-radius:0;padding:4px 0;margin:20px 0 0;color:#6289ae;font-size:12px}.sync-change-summary{background:none;border:0;border-top:1px solid #e5edf5;border-radius:0;padding:20px 0 0;margin-top:23px;align-items:flex-start;gap:9px}.sync-summary-symbol{width:22px;height:22px;font-size:11px}.sync-change-summary strong{font-size:12px}.sync-change-summary p{font-size:11px;line-height:1.9;margin-top:8px}.sync-summary-count{display:none}.sync-stage{padding:25px 20px 16px;background:radial-gradient(ellipse at 60% 45%,#e6f4ff,transparent 75%),#f7faff;border:1px solid #e7eff7;border-radius:18px;min-width:0}.sync-stage-caption{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#7c99b5;padding:0 2px 22px}.sync-stage-caption>span:last-child{font-size:10px;color:#a0b2c5}.sync-demo{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:center}.sync-surface{border-radius:10px;box-shadow:0 10px 24px #30659807}.sync-surface-top{padding:14px 11px;gap:7px;min-height:67px;flex-wrap:wrap}.sync-surface-top strong{font-size:12px}.sync-surface-top small{font-size:9px}.sync-surface-icon{display:none}.sync-side-tag{font-size:9px;padding:4px 5px}.sync-canvas{padding:18px 12px;min-height:363px}.sync-root{padding:10px 8px;gap:5px}.sync-root strong{font-size:11px}.sync-root small{display:none}.sync-nodes{margin-left:10px;padding-left:13px;gap:13px;padding-top:18px}.sync-nodes:before{bottom:28px}.sync-node{padding:9px 7px;gap:6px;min-height:43px}.sync-node:before,.sync-empty-node:before{left:-14px;width:13px}.sync-node strong{font-size:10px}.sync-node small{font-size:9px}.sync-node-icon{width:19px;height:19px;font-size:9px}.sync-node-change{margin-left:25px;font-size:8px}.sync-node-inspector{margin:17px 0 0 23px;padding:10px;border:0;background:#f1f6fb}.sync-node-inspector>span,.sync-node-inspector>strong{display:none}.sync-node-inspector>div{border:0;padding:0;margin:0;gap:10px;justify-content:space-between}.sync-node-inspector>div>span,.sync-node-inspector b{font-size:9px}.sync-bridge{padding:0;gap:11px}.sync-bridge-icon{width:31px;height:31px;font-size:19px}.sync-bridge strong{font-size:9px}.sync-bridge-track{font-size:27px}.sync-bridge small{display:none}.sync-app-content{padding:18px 13px}.sync-form-title{margin-bottom:16px}.sync-form-title h4{font-size:14px}.sync-app-field>span{font-size:10px;margin-bottom:7px}.sync-app-field>div{font-size:10px;padding:7px 9px;min-height:33px}.sync-detail-label{font-size:10px;margin:15px 0 7px}.sync-mini-items{border:1px solid #e5edf5;border-radius:5px;padding:4px 10px}.sync-mini-items>span{display:flex;justify-content:space-between;font-size:10px;color:#758da6;padding:9px 0}.sync-mini-items>span+span{border-top:1px solid #edf2f7}.sync-mini-items b{font-size:10px;font-weight:400;color:#8ca3bb}.sync-total{font-size:9px;gap:10px;margin:13px 0 17px}.sync-total strong{font-size:12px}.sync-target-field{padding:9px}.sync-target-field p{font-size:9px;line-height:1.7}.sync-target-field small{font-size:9px}.sync-app-bottom{display:none}.sync-scenario{border:0;background:white;margin-top:21px;padding:12px;border-radius:7px;gap:8px;align-items:flex-start}.sync-scenario-label{font-size:9px;padding:4px 5px;background:var(--sync-soft);color:var(--sync-accent)}.sync-scenario p{font-size:11px;line-height:1.8}.sync-state-label{display:none}.sync-disclaimer{font-size:9px;margin-top:12px;line-height:1.7}.sync-empty-node{font-size:10px}.sync-empty-field{font-size:10px;min-height:107px}.sync-showcase[data-direction=app] .sync-heading h3 em{color:#168c97}
@media(max-width:1150px){.sync-showcase{grid-template-columns:260px minmax(0,1fr);gap:25px}.sync-heading h3{font-size:25px}.sync-stage{padding:20px 13px 15px}.sync-demo{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}.sync-side-tag{margin-left:0}.sync-surface-top{min-height:81px}.sync-node small{margin-left:25px}.sync-node-change{margin-left:0}.sync-node-inspector>div{flex-wrap:wrap;gap:7px}.sync-canvas{min-height:390px}.sync-tabs button{font-size:12px;padding:16px 12px}}
@media(max-width:950px){.sync-showcase{grid-template-columns:1fr;gap:28px}.sync-editorial{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.sync-heading{grid-row:span 2}.sync-controls{align-self:center}.sync-change-summary{margin-top:18px}.sync-stage{padding:25px}.sync-surface-top{min-height:67px;flex-wrap:nowrap}.sync-side-tag{margin-left:auto}.sync-node small{margin-left:auto}.sync-node-change{margin-left:0}.sync-canvas{min-height:363px;padding:22px}.sync-node{padding:12px 9px}.sync-demo{grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr)}.sync-app-content{padding:22px}.sync-bridge{flex-direction:column}.sync-bridge-track{transform:none}.sync-heading h3 br{display:initial}.sync-heading h3 em{display:inline}.sync-disclaimer{font-size:10px}.sync-node-inspector>div{flex-wrap:nowrap}.sync-node strong{font-size:12px}}
@media(max-width:600px){.sync-showcase{padding-top:35px;margin-top:38px}.sync-editorial{display:block}.sync-heading h3{font-size:27px}.sync-tabs{flex-direction:column}.sync-tabs button{font-size:14px;padding:15px}.sync-tabs button span{display:inline;font-size:11px}.sync-tabs button b{padding:0;margin-left:auto}.sync-change-summary{margin-top:20px}.sync-before{margin-left:0}.sync-stage{padding:17px 13px;border-radius:12px}.sync-stage-caption{font-size:10px;padding-bottom:16px}.sync-stage-caption>span:last-child{font-size:9px}.sync-demo{grid-template-columns:1fr}.sync-bridge{flex-direction:row;padding:16px 0;gap:15px}.sync-bridge strong{font-size:11px}.sync-bridge-track{transform:rotate(90deg)}.sync-canvas{min-height:0;padding:20px}.sync-surface-top{padding:15px}.sync-surface-top strong{font-size:13px}.sync-surface-top small{font-size:10px}.sync-side-tag{font-size:10px}.sync-root strong{font-size:12px}.sync-node small{font-size:10px}.sync-node-change{font-size:9px;margin-left:25px}.sync-app-field>span{font-size:12px}.sync-app-field>div{font-size:12px}.sync-detail-label{font-size:12px}.sync-mini-items>span,.sync-mini-items b{font-size:12px}.sync-total{font-size:11px}.sync-total strong{font-size:14px}.sync-target-field p{font-size:11px}.sync-target-field small{font-size:10px}.sync-node-inspector>div>span,.sync-node-inspector b{font-size:10px}.sync-disclaimer{font-size:9px}.sync-scenario p{font-size:11px}}
/* Banner generation studio */
.hero-studio{padding:0;border:1px solid #cfe3f5;background:rgba(255,255,255,.86);border-radius:17px;box-shadow:0 23px 65px #3175b913;overflow:hidden}.studio-top{display:flex;align-items:center;gap:13px;padding:17px 20px;border-bottom:1px solid #e4eef7;background:#ffffffbb;font-size:10px;color:#99adbf}.studio-brand{display:flex;gap:7px;align-items:center;font-size:14px;color:#315172;font-weight:600}.studio-brand b{font-size:22px;color:#087bff}.studio-top>i{font-size:9px;font-style:normal;margin-left:auto;padding:4px 6px;border:1px solid #e3edf7;border-radius:4px;white-space:nowrap}.studio-conversation{padding:22px 23px 0}.studio-step{font-size:10px;letter-spacing:1px;color:#8ba7c0;display:block;margin-bottom:13px}.studio-request{display:flex;align-items:flex-start;gap:12px;background:#edf5ff;border:1px solid #deebfa;border-radius:9px;padding:14px}.studio-request>span{width:26px;height:26px;display:grid;place-items:center;background:white;border:1px solid #dbeaff;border-radius:7px;color:#4c8fd4;font-size:11px;flex-shrink:0}.studio-request p{font-size:13px;line-height:1.85;color:#3b5a79}.studio-response{display:flex;gap:9px;align-items:center;margin-top:12px}.studio-response b{color:#0987ff;font-size:18px}.studio-response p{font-size:11px;color:#7b94ae;line-height:1.75}.studio-process{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 24px;font-size:10px;color:#75a0c7}.studio-process b{font-weight:450;white-space:nowrap}.studio-process i{font-style:normal;color:#a9c5df}.studio-process>span{height:1px;background:#dce9f5;flex:1}.studio-pair{display:grid;grid-template-columns:1fr 32px 1.15fr;align-items:stretch;margin:0 20px}.studio-model,.studio-app{border:1px solid #dbe7f3;background:white;border-radius:9px;overflow:hidden;min-width:0}.studio-panel-title{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:12px 11px;font-size:10px;color:#7895b1;border-bottom:1px solid #e9f0f7;background:#fcfdff}.studio-panel-title b{color:#609cd3;font-size:17px;font-weight:400}.studio-graph{padding:18px 12px;background-image:radial-gradient(#d5e4f2 .7px,transparent .7px);background-size:12px 12px;height:calc(100% - 46px)}.studio-root{display:block;background:#edf5ff;border:1px solid #c9e1fa;border-radius:5px;font-size:11px;font-weight:550;color:#4289ce;padding:10px 12px}.studio-children{border-left:1px solid #bbd5ed;margin-left:12px;padding:12px 0 0 12px;display:flex;flex-direction:column;gap:8px}.studio-children>span{position:relative;font-size:10px;color:#567a9c;background:white;border:1px solid #e0eaf4;padding:8px 10px;border-radius:5px}.studio-children>span:before{content:'';position:absolute;left:-13px;top:19px;width:12px;border-top:1px solid #bbd5ed}.studio-children small{display:block;font-size:9px;color:#9bafc3;margin-top:4px}.studio-link{display:flex;align-items:center;justify-content:center;font-size:22px;color:#298fdf}.studio-app-head{display:flex;align-items:center;justify-content:space-between;padding:15px 12px 11px;font-size:12px;color:#3b5976}.studio-app-head>span{font-size:8px;color:#8ea7bd}.studio-app-tabs{display:flex;gap:12px;border-bottom:1px solid #eaf0f7;padding:0 12px;font-size:9px;color:#98aabe}.studio-app-tabs>span{padding:0 0 9px}.studio-app-tabs>span:first-child{color:#1487e9;border-bottom:2px solid #1487e9}.studio-app-form{display:flex;gap:10px;padding:12px}.studio-app-form>div{flex:1;min-width:0}.studio-app-form span{display:block;font-size:8px;color:#9aafc2;margin-bottom:5px}.studio-app-form b{display:block;font-size:9px;color:#65849e;font-weight:400;border:1px solid #e2eaf3;border-radius:4px;padding:6px}.studio-app-line{display:flex;justify-content:space-between;gap:7px;margin:0 12px;padding:10px 0;border-bottom:1px solid #edf2f7;font-size:9px;color:#6987a0}.studio-app-line small{color:#9db0c2;font-size:8px;margin-left:5px}.studio-app-line strong{font-weight:400;white-space:nowrap}.studio-app-total{text-align:right;padding:12px;font-size:9px;color:#92a7bd}.studio-app-total b{margin-left:8px;color:#387caf;font-size:11px;font-weight:550}.studio-sync{display:flex;align-items:center;gap:10px;margin:17px 20px;background:linear-gradient(110deg,#edf6ff,#eefafb);border:1px solid #dbeef5;border-radius:8px;padding:13px}.studio-sync-icon{width:30px;height:30px;display:grid;place-items:center;background:white;border-radius:8px;color:#258ccb;font-size:23px;flex-shrink:0}.studio-sync strong{font-size:12px;color:#497997;font-weight:550}.studio-sync p{font-size:10px;color:#8ba7bc;margin-top:6px;line-height:1.7}.studio-capabilities{display:flex;justify-content:space-between;padding:14px 20px;border-top:1px solid #e4eef7;gap:8px;font-size:10px;color:#6b93b5;background:#fbfdff}
@media(max-width:1100px){.studio-top{padding:15px;gap:8px}.studio-top>span:nth-child(2){font-size:9px}.studio-conversation{padding:18px 16px 0}.studio-request{padding:11px;gap:9px}.studio-request p{font-size:11px}.studio-response p{font-size:10px}.studio-pair{margin:0 13px;grid-template-columns:1fr 24px 1.12fr}.studio-panel-title{font-size:9px;padding:10px 8px}.studio-graph{padding:14px 9px}.studio-children{padding-left:10px;margin-left:8px}.studio-children>span:before{left:-11px;width:10px}.studio-children>span{padding:8px}.studio-app-form{padding:10px;gap:7px}.studio-sync{margin:15px 13px;padding:11px}.studio-sync strong{font-size:11px}.studio-sync p{font-size:9px}.studio-capabilities{font-size:9px;padding:13px}.studio-app-line{font-size:8px}.studio-app-line small{display:block;margin-left:0;margin-top:3px}}
@media(max-width:850px){.hero-studio{max-width:570px;padding:0}.studio-top{padding:17px 20px}.studio-conversation{padding:22px 22px 0}.studio-request p{font-size:13px}.studio-response p{font-size:11px}.studio-pair{margin:0 20px;grid-template-columns:1fr 32px 1.15fr}.studio-panel-title{font-size:11px;padding:13px}.studio-graph{padding:18px 12px}.studio-children>span{font-size:11px}.studio-sync{margin:17px 20px;padding:14px}.studio-sync strong{font-size:12px}.studio-sync p{font-size:10px}.studio-capabilities{padding:14px 20px;font-size:10px}}
@media(max-width:540px){.studio-top{padding:13px 12px;gap:9px}.studio-top>span:nth-child(2){font-size:8px}.studio-brand{font-size:13px;gap:5px}.studio-top>i{font-size:8px;padding:3px 4px}.studio-conversation{padding:16px 12px 0}.studio-step{font-size:9px;margin-bottom:10px}.studio-request p{font-size:10px}.studio-request{padding:11px 9px;gap:7px}.studio-request>span{width:22px;height:22px;font-size:9px}.studio-response p{font-size:9px}.studio-process{padding:18px 13px;font-size:9px;gap:8px}.studio-pair{margin:0 10px;grid-template-columns:1fr 20px 1.1fr}.studio-panel-title{padding:10px 7px;font-size:8px}.studio-panel-title b{font-size:13px}.studio-graph{padding:12px 7px}.studio-root{font-size:10px;padding:8px}.studio-children{margin-left:5px;padding-left:8px}.studio-children>span{font-size:9px;padding:8px 6px}.studio-children small{font-size:8px}.studio-children>span:before{left:-9px;width:8px}.studio-link{font-size:18px}.studio-app-head{font-size:10px;padding:13px 8px 10px}.studio-app-head>span{display:none}.studio-app-tabs{gap:11px;padding:0 8px;font-size:8px}.studio-app-form{padding:10px 7px;gap:5px}.studio-app-form b{padding:6px 4px;font-size:8px}.studio-app-line{margin:0 8px;padding:10px 0;font-size:8px;gap:3px}.studio-app-total{font-size:8px;padding:12px 8px}.studio-app-total b{font-size:9px;margin-left:4px}.studio-sync{margin:13px 10px;padding:11px 8px;gap:7px}.studio-sync strong{font-size:10px}.studio-sync p{font-size:9px}.studio-sync-icon{width:25px;height:25px;font-size:19px}.studio-capabilities{padding:12px 10px;font-size:8px;gap:4px}}
/* Hero: focus on application generation */
.studio-ready{display:flex;align-items:center;gap:10px;margin:18px 20px;padding:14px 0 0;border-top:1px solid #e4edf6}.studio-ready-icon{display:grid;place-items:center;width:28px;height:28px;background:#eaf7f3;color:#35a18c;border-radius:50%;font-size:15px;flex-shrink:0}.studio-ready strong{font-size:12px;color:#4a6c87;font-weight:550}.studio-ready p{font-size:10px;color:#8aa1b8;line-height:1.7;margin-top:5px}.studio-ready-label{margin-left:auto;color:#99adbf;font-size:9px;white-space:nowrap}.studio-link{color:#86b5df;font-size:24px}
@media(max-width:1100px){.studio-ready{margin:15px 13px}.studio-ready strong{font-size:11px}.studio-ready p{font-size:9px}.studio-ready-label{font-size:8px}}
@media(max-width:540px){.studio-ready{margin:13px 10px;gap:7px;padding-top:12px}.studio-ready strong{font-size:10px}.studio-ready p{font-size:9px}.studio-ready-icon{width:23px;height:23px;font-size:13px}.studio-ready-label{display:none}.studio-link{font-size:18px}}
/* Spreadsheet-style application examples */
.xl-workbook{min-width:0;background:white;border:1px solid #ccdceb;border-radius:3px;overflow:hidden;font-size:11px;color:#506b83}.xl-tools{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#f1f6fb;border-bottom:1px solid #dce6ef;font-size:10px;color:#718ca5}.xl-formula{display:flex;align-items:center;border-bottom:1px solid #dce6ef;min-height:26px;font-size:9px;color:#95a8ba}.xl-formula b{padding:6px 13px;border-right:1px solid #dce6ef;font-weight:400;color:#6784a0}.xl-formula i{padding:0 9px;font-family:Georgia,serif;font-size:12px}.xl-formula>span{padding-right:5px}.xl-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:10px;color:#58738d}.xl-table col.xl-index{width:23px}.xl-table th,.xl-table td{border:1px solid #dce5ee;padding:9px 5px;line-height:1.55;overflow-wrap:anywhere;font-weight:400;vertical-align:middle;border-top:0}.xl-table th:first-child,.xl-table td:first-child{border-left:0}.xl-table tr>:last-child{border-right:0}.xl-table thead th{background:#edf3f8;color:#8da1b5;text-align:center;padding:4px;font-size:9px}.xl-table .xl-row{background:#f2f6fa;color:#94a6b7;text-align:center;font-size:9px;padding:4px}.xl-table .xl-title{text-align:center;font-size:14px;font-weight:600;color:#365c80;padding:15px 6px;background:#fafcff}.xl-table .xl-subhead td{background:#f0f6fc;color:#63809b}.xl-table .xl-focus{outline:1.5px solid #268eff;outline-offset:-1.5px;background:#f2f9ff;color:#2081d4;position:relative}.xl-table .xl-focus:after{content:'';position:absolute;width:4px;height:4px;background:#268eff;bottom:0;right:0}.xl-tabs{display:flex;align-items:center;gap:14px;background:#f2f6fb;padding:0 10px;min-height:29px;font-size:10px;color:#89a0b6;border-top:1px solid #dbe6ef}.xl-tabs b{background:white;border-bottom:2px solid #1885ef;color:#2783ce;font-weight:500;padding:8px 10px}.xl-status{display:inline-block;margin-left:14px;font-size:9px;font-weight:400;color:#41937f}.form-area{padding:13px;min-width:0}.form-area .data-table{margin:0;border:0;border-radius:0}.form-area .data-table>table{display:table;padding:0}.form-area .form-total{margin:0;padding:12px;background:#fbfdff;border-bottom:1px solid #e2eaf2}.form-area .form-actions{margin:0;padding:10px}.studio-app>.xl-workbook{border:0;border-radius:0}.studio-app .xl-tools{font-size:8px;padding:6px}.studio-app .xl-formula{font-size:8px}.studio-app .xl-formula b{padding:5px 7px}.studio-app .xl-formula i{padding:0 5px}.studio-app .xl-table{font-size:8px}.studio-app .xl-table col.xl-index{width:17px}.studio-app .xl-table th,.studio-app .xl-table td{padding:8px 3px}.studio-app .xl-table thead th,.studio-app .xl-table .xl-row{font-size:8px;padding:3px}.studio-app .xl-table .xl-title{font-size:12px;padding:11px 4px}.studio-app .xl-tabs{font-size:9px;min-height:25px;padding:0 6px;gap:8px}.studio-app .xl-tabs b{padding:6px}.sync-app-content{padding:15px 10px}.sync-app-content .xl-table{font-size:9px}.sync-app-content .xl-table .xl-title{font-size:12px}.sync-app-content .xl-table col.xl-index{width:20px}.sync-app-content .sync-target-field{display:table-row;border-radius:0;padding:0;background:var(--sync-soft)}.sync-app-content .sync-target-field td{border-color:var(--sync-border);color:var(--sync-accent)}.sync-app-content .sync-target-field small{float:none;display:block;font-size:8px;margin-top:3px}.sync-app-content .sync-empty-field{display:table-row;padding:0;min-height:0;font-size:9px}.xl-sync-help{font-size:10px;line-height:1.7;color:var(--sync-accent);margin:10px 0 0;padding:0 3px}.recognized{min-width:0}.recognized .xl-table{font-size:8px}.recognized .xl-table col.xl-index{width:17px}.recognized .xl-table th,.recognized .xl-table td{padding:8px 3px}.recognized .xl-table .xl-title{font-size:13px;padding:13px 3px}.recognized .xl-tools{font-size:8px;padding:7px 6px}.recognized .xl-formula{font-size:8px}.recognized .xl-tabs{font-size:9px;padding:0 6px;gap:7px}.recognized .xl-tabs b{font-size:9px;padding:6px}.recognition-flow{grid-template-columns:1fr 23px 1.13fr;gap:9px}.micro{border-radius:2px;background-color:#f8fbfe;background-image:linear-gradient(#e6edf5 1px,transparent 1px),linear-gradient(90deg,#e6edf5 1px,transparent 1px);background-size:36px 23px}.spreadsheet{background-image:none}.document{transform:none;border-radius:2px}
@media(max-width:1100px){.studio-pair{grid-template-columns:.9fr 24px 1.3fr}.sync-app-content .xl-table{font-size:8px}.xl-table col.xl-index{width:20px}}
@media(max-width:850px){.studio-pair{grid-template-columns:1fr 30px 1.3fr}.sync-app-content{padding:19px}.sync-app-content .xl-table{font-size:12px}.sync-app-content .xl-table .xl-title{font-size:16px}.sync-app-content .xl-table th,.sync-app-content .xl-table td{padding:12px 8px}.sync-app-content .xl-table .xl-row{padding:4px}.sync-app-content .xl-table thead th{padding:5px}.sync-app-content .sync-target-field small{font-size:10px}.xl-sync-help{font-size:11px}}
@media(max-width:540px){.studio-pair{grid-template-columns:1fr;gap:0}.studio-link{padding:7px;transform:rotate(90deg)}.studio-model .studio-graph{padding:11px}.studio-model .studio-children{flex-direction:row;gap:5px;border-left:0;margin:0;padding:9px 0 0}.studio-model .studio-children>span{flex:1;font-size:9px;padding:8px 5px}.studio-model .studio-children>span:before{display:none}.studio-app .xl-table{font-size:10px}.studio-app .xl-table .xl-title{font-size:13px}.studio-app .xl-tools{font-size:9px;padding:7px 8px}.studio-app .xl-formula{font-size:9px}.studio-app .xl-table col.xl-index{width:21px}.studio-app .xl-table td{padding:8px 5px}.form-area{padding:8px}.form-area .xl-table{font-size:10px}.form-area .xl-table .xl-title{font-size:13px}.xl-status{margin-left:7px;font-size:8px}.sync-app-content{padding:13px 9px}.sync-app-content .xl-table{font-size:9px}.sync-app-content .xl-table th,.sync-app-content .xl-table td{padding:10px 4px}.sync-app-content .xl-table .xl-title{font-size:13px}.sync-app-content .sync-target-field small{font-size:9px}.recognition-flow{grid-template-columns:1fr;gap:12px}.recognition-flow>.flow-arrow{transform:rotate(90deg);padding:4px}.recognized .xl-table{font-size:11px}.recognized .xl-table col.xl-index{width:23px}.recognized .xl-table td{padding:10px 6px}.recognized .xl-tools{font-size:10px}.recognized .xl-tabs{font-size:10px}.recognized .xl-table .xl-title{font-size:16px}.document{max-width:none;width:100%;padding:16px}.document h3{font-size:16px}.document p,.document td,.document th{font-size:11px}.document-total{font-size:12px}}
.form-area .data-table .xl-table thead{display:none}.workspace aside>span{white-space:nowrap;font-size:10px;padding-left:6px;padding-right:6px}.workspace .aside-bottom{font-size:9px;white-space:nowrap;padding-left:4px;padding-right:4px}
/* BSG: typed business nodes and field hierarchy */
.studio-graph.bsg-overview{padding:17px 12px;background-color:#f9fcff;background-size:14px 14px;height:auto;min-height:310px}.bsg-app-node{position:relative;display:flex;align-items:center;gap:8px;background:#edf5ff;border:1px solid #bad8f6;border-radius:6px;padding:12px 9px;box-shadow:0 3px 8px #2476ba07}.bsg-app-node>span{font-size:8px;color:#5d9ad0;background:white;padding:3px 4px;border-radius:3px}.bsg-app-node strong{font-size:11px;font-weight:550;color:#356c9e}.bsg-modules{position:relative;margin-left:13px;padding:14px 0 0 13px;display:flex;flex-direction:column;gap:9px}.bsg-modules:before{content:'';position:absolute;left:0;top:0;bottom:26px;border-left:1px solid #bdd4eb}.bsg-module{position:relative;display:flex;align-items:center;gap:9px;padding:10px 8px;border:1px solid #dce8f4;background:white;border-radius:6px}.bsg-module:before{content:'';position:absolute;left:-14px;top:50%;width:13px;border-top:1px solid #bdd4eb}.bsg-module b{font-size:8px;font-weight:500;color:#5e98cc;background:#edf5ff;padding:5px;border-radius:4px;white-space:nowrap}.bsg-module>span{font-size:10px;color:#567692;line-height:1.5}.bsg-module small{display:block;font-size:8px;color:#94aabd;margin-top:3px}.bsg-module:nth-child(2) b{color:#3d9b95;background:#ebf8f5}.bsg-module:nth-child(3) b{color:#7e83b4;background:#f1f0fa}.bsg-module:nth-child(4) b{color:#a08b5e;background:#faf6eb}.bsg-field-canvas{padding:18px 16px 20px;min-height:390px}.bsg-map-caption{font-size:9px;color:#7994ae;margin-bottom:16px;display:flex;justify-content:space-between}.bsg-map-caption>span{color:#a0b2c4}.bsg-field-canvas .sync-root{width:80%;margin:0 auto;justify-content:center;padding:13px 8px;background:#eff6ff;border-color:#bcd9f4;position:relative}.bsg-field-canvas .sync-root:after{content:'';position:absolute;height:20px;border-left:1px solid #bcd2e6;left:50%;top:100%}.bsg-field-canvas .sync-root small{display:none}.bsg-field-canvas .bsg-field-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 0;padding:16px 0 0;border-top:1px solid #bfd4e7}.bsg-field-canvas .bsg-field-branches:before{display:none}.bsg-field-canvas .sync-node{min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;text-align:center;position:relative}.bsg-field-canvas .sync-node:before{left:50%;top:-17px;width:0;height:16px;border-top:0;border-left:1px solid #bfd4e7}.bsg-field-canvas .sync-node:nth-child(n+3):before{top:-13px;height:12px}.bsg-field-canvas .sync-node-icon{display:none}.bsg-field-canvas .sync-node strong{font-size:11px}.bsg-field-canvas .sync-node small{margin:0;font-size:9px}.bsg-field-canvas .sync-node-change{margin:0;font-size:8px;padding:2px 5px}.bsg-field-canvas .sync-empty-node{min-height:84px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px}.bsg-field-canvas .sync-empty-node:before{left:50%;top:-13px;width:0;height:12px;border-top:0;border-left:1px solid #bfd4e7}.bsg-field-canvas .sync-node-inspector{margin:18px 0 0;padding:12px;background:#f1f6fc;border:1px solid #dfebf5;border-radius:5px}.bsg-field-canvas .sync-node-inspector>span{display:block;font-size:9px;color:#93a8bd;margin-bottom:6px}.bsg-field-canvas .sync-node-inspector>strong{display:block;margin:0 0 9px;font-size:11px;color:#567794}.bsg-field-canvas .sync-node-inspector>div{padding-top:8px;border-top:1px solid #dfe9f4}.bsg-field-canvas .sync-node-inspector>div>span{font-size:9px}
@media(max-width:1100px){.studio-graph.bsg-overview{padding:13px 8px}.bsg-app-node{padding:10px 6px;gap:5px}.bsg-app-node strong{font-size:10px}.bsg-modules{margin-left:7px;padding-left:9px}.bsg-module{gap:5px;padding:9px 5px}.bsg-module:before{left:-10px;width:9px}.bsg-module>span{font-size:9px}.bsg-module b{font-size:8px;padding:4px}.bsg-module small{font-size:8px}.bsg-field-canvas{padding:17px 10px}.bsg-field-canvas .sync-node strong{font-size:10px}}
@media(max-width:600px){.studio-graph.bsg-overview{padding:14px;min-height:0}.bsg-app-node{justify-content:center;padding:10px}.bsg-app-node strong{font-size:12px}.bsg-modules{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bdd4eb;margin:16px 0 0;padding:12px 0 0;gap:8px}.bsg-modules:before{height:16px;top:-17px;left:50%;bottom:auto}.bsg-module{padding:9px 6px;gap:7px}.bsg-module:before{left:50%;top:-13px;width:0;height:12px;border-top:0;border-left:1px solid #bdd4eb}.bsg-module:nth-child(n+3):before{top:-9px;height:8px}.bsg-module>span{font-size:9px}.bsg-module b{font-size:9px}.bsg-field-canvas{padding:20px 14px;min-height:0}.bsg-field-canvas .sync-node strong{font-size:12px}.bsg-field-canvas .sync-node small{font-size:10px}.bsg-field-canvas .sync-node-inspector>div>span{font-size:10px}}
.bsg-field-canvas .bsg-field-branches{border-top:0;padding-top:10px;column-gap:20px}.bsg-field-canvas .bsg-field-branches:before{display:block;position:absolute;left:50%;top:0;bottom:42px;width:0;border-left:1px solid #bfd4e7}.bsg-field-canvas .sync-node:before,.bsg-field-canvas .sync-node:nth-child(n+3):before,.bsg-field-canvas .sync-empty-node:before{top:50%;height:0;width:10px;left:auto;right:-11px;border-left:0;border-top:1px solid #bfd4e7}.bsg-field-canvas .sync-node:nth-child(even):before{left:-11px;right:auto}.bsg-field-canvas .sync-empty-node:before{left:-11px;right:auto}
/* Centered hero, full-width application workspace */
.launch-hero{padding:58px max(5%,calc((100% - 1280px)/2)) 30px;background:radial-gradient(ellipse at 80% 70%,#d9f2ff,transparent 60%),linear-gradient(180deg,#f9fcff,#eaf5ff);overflow:hidden}.launch-intro{text-align:center}.launch-kicker{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.7px;color:#4b88bf}.launch-kicker i{height:12px;width:1px;background:#9fc4e5}.launch-intro h1{font-size:clamp(35px,3.4vw,54px);line-height:1.35;font-weight:650;letter-spacing:-1.8px;margin-top:21px;color:#182f4a}.launch-intro h1 em{background:linear-gradient(100deg,#006eff,#05a4e0);color:transparent;background-clip:text;-webkit-background-clip:text}.launch-intro>p{font-size:15px;line-height:1.9;color:#6a8199;margin-top:20px}.launch-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:25px}.launch-actions .button{font-size:14px;padding:14px 22px;gap:30px}.launch-explore{font-size:14px;color:#4c7298;display:flex;gap:14px}.launch-explore:hover{color:#087bff}.launch-window{margin-top:40px;border:1px solid #cddff1;background:white;border-radius:12px;overflow:hidden;box-shadow:0 25px 60px #276aac12}.launch-windowbar{height:55px;padding:0 22px;display:flex;gap:26px;align-items:center;border-bottom:1px solid #dce8f3;background:#fff}.launch-product{display:flex;align-items:center;gap:8px;color:#2976bc}.launch-product>span{font-size:23px;color:#087bff}.launch-product>strong{font-size:18px;letter-spacing:-.5px}.launch-product>b{font-weight:450;font-size:11px;margin-left:9px;padding-left:13px;border-left:1px solid #dbe7f2;color:#899fb4}.launch-windowpath{font-size:11px;color:#66839f}.launch-windowpath>span{color:#bdd0e0;margin:0 12px}.launch-example{margin-left:auto;font-size:10px;color:#91a7bd;padding:4px 7px;background:#f4f8fc;border-radius:4px}.launch-workspace{display:grid;grid-template-columns:290px minmax(0,1fr)}.launch-assistant{padding:22px 19px 17px;background:#f6faff;border-right:1px solid #dce7f2;display:flex;flex-direction:column;min-width:0}.launch-assistant-title{display:flex;align-items:center;gap:7px}.launch-assistant-title>span{color:#2589e7;font-size:18px}.launch-assistant-title strong{font-size:13px;font-weight:550;color:#3e6181}.launch-assistant-title small{margin-left:auto;font-size:9px;color:#94a8bc}.launch-bubble{padding:12px;background:#e8f2ff;border:1px solid #dae9fb;border-radius:8px 8px 0 8px;font-size:12px;line-height:1.85;color:#4a6d91;margin-top:18px}.launch-reply{display:flex;align-items:flex-start;gap:8px;margin-top:17px}.launch-reply>span{font-size:19px;color:#087bff}.launch-reply p{font-size:11px;line-height:1.85;color:#7a92aa}.launch-tasks{display:grid;gap:13px;margin-top:17px;padding-left:25px}.launch-tasks>div{position:relative}.launch-tasks>div>span{position:absolute;left:-24px;top:1px;width:16px;height:16px;display:grid;place-items:center;font-size:9px;background:#e3f3ee;color:#3e9c8b;border-radius:50%}.launch-tasks strong{display:block;font-size:11px;font-weight:500;color:#597b9a}.launch-tasks small{display:block;font-size:9px;color:#95abc0;margin-top:5px}.launch-chat-hint{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #dce7f2;border-radius:7px;background:white;padding:9px 10px;margin-top:24px;font-size:10px;color:#a1b3c5}.launch-chat-hint b{width:22px;height:22px;display:grid;place-items:center;background:#1984ef;color:white;font-size:16px;border-radius:4px;font-weight:400}.launch-application{min-width:0;display:flex;flex-direction:column;background:#fff}.launch-app-title{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}.launch-app-title>div{display:flex;align-items:center;gap:9px}.launch-app-icon{font-size:23px;color:#4693d9}.launch-app-title strong{font-size:14px;font-weight:600;color:#3a5876}.launch-app-state{font-size:9px;color:#4b9d8b;background:#edf8f4;padding:4px 6px;border-radius:4px;margin-left:5px}.launch-view{font-size:10px;color:#96aabe}.launch-ribbon{display:flex;align-items:center;gap:22px;padding:11px 17px;font-size:10px;color:#7d96ad;background:#f4f8fc;border-top:1px solid #dce7f0;border-bottom:1px solid #dce7f0}.launch-ribbon>strong{font-weight:500;color:#167ee0}.launch-ribbon>div{margin-left:auto;display:flex;align-items:center;gap:6px;color:#7891a8}.launch-ribbon>div>i:first-child{height:12px;width:1px;background:#c8d9e7;margin:0 5px}.launch-formula{display:flex;align-items:center;gap:12px;font-size:10px;color:#8ba3b9;min-height:31px;border-bottom:1px solid #dce7f0}.launch-formula>span{padding:8px 18px;border-right:1px solid #dce7f0;color:#587e9e;min-width:65px}.launch-formula>i{font-family:Georgia,serif;font-size:14px;color:#92a9bb}.launch-formula>b{font-weight:400;letter-spacing:.3px;color:#7997b1}.launch-sheet{flex:1;background:repeating-linear-gradient(0deg,transparent,transparent 30px,#eef3f8 30px,#eef3f8 31px)}.launch-sheet table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:10px;color:#5b7894;background:white}.launch-sheet .launch-row-col{width:29px}.launch-sheet th,.launch-sheet td{border:1px solid #dfe7ef;border-top:0;padding:11px 7px;font-weight:400;line-height:1.55;overflow-wrap:anywhere}.launch-sheet th{font-size:9px;background:#f0f5f9;color:#92a5b8;text-align:center}.launch-sheet tr>:first-child{border-left:0}.launch-sheet tr>:last-child{border-right:0}.launch-sheet thead th{padding:5px}.launch-sheet .launch-sheet-title{font-size:19px;letter-spacing:3px;font-weight:550;text-align:center;padding:19px 6px;color:#345a7d;background:#fafcff}.launch-sheet-head td{background:#edf5fc;color:#587d9e}.launch-selected{position:relative;outline:2px solid #238cf5;outline-offset:-2px;color:#127ddc;background:#f1f8ff}.launch-selected:after{content:'';position:absolute;right:0;bottom:0;width:5px;height:5px;background:#238cf5}.launch-approval-chain{display:flex;align-items:center;gap:18px;font-size:10px;color:#6d8eac}.launch-approval-chain i{font-style:normal;color:#a5bbcf}.launch-empty-row{height:32px}.launch-sheets{display:flex;gap:22px;align-items:center;padding:0 13px;background:#f2f6fb;border-top:1px solid #dce7f0;color:#9aafc2;font-size:10px;min-height:35px}.launch-sheets strong{font-weight:550;color:#2482d0;background:white;padding:10px 14px;border-bottom:2px solid #238cf5}.launch-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;color:#8ca8bd;font-size:9px;background:#fafcff}.launch-status>span:first-child{color:#719c9c}.launch-footnote{text-align:center;font-size:11px;color:#8ca6be;margin-top:22px;line-height:1.8}
@media(max-width:1100px){.launch-workspace{grid-template-columns:250px minmax(0,1fr)}.launch-assistant{padding:20px 15px}.launch-ribbon{gap:18px}.launch-ribbon>div{display:none}.launch-sheet table{font-size:9px}.launch-sheet td{padding:10px 5px}.launch-app-title{padding:15px}.launch-view{display:none}.launch-intro h1{font-size:43px}.launch-window{margin-top:32px}}
@media(max-width:850px){.launch-hero{padding:43px 5% 26px}.launch-kicker{font-size:10px;gap:9px}.launch-intro h1{font-size:38px;line-height:1.5}.launch-intro>p{font-size:14px}.launch-workspace{grid-template-columns:1fr}.launch-assistant{border-right:0;border-bottom:1px solid #dce7f2;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;padding:20px}.launch-assistant-title{grid-column:1/-1}.launch-bubble{margin-top:4px;grid-column:1;grid-row:2/4}.launch-reply{margin-top:0}.launch-tasks{margin-top:0;grid-column:2;grid-row:2/5;gap:10px}.launch-chat-hint{display:none}.launch-reply{grid-column:1;grid-row:4}.launch-application{overflow:hidden}.launch-sheet table{font-size:10px}.launch-sheet td{padding:10px 6px}.launch-ribbon>div{display:flex}.launch-windowbar{padding:0 18px}.launch-footnote{font-size:10px}}
@media(max-width:540px){.launch-hero{padding:32px 5% 23px}.launch-kicker{font-size:8px;letter-spacing:.2px;gap:7px}.launch-intro h1{font-size:33px;letter-spacing:-1px;margin-top:17px}.launch-intro h1 em{display:block}.launch-intro>p{font-size:12px;line-height:1.95;margin-top:15px}.launch-actions{gap:19px;margin-top:22px}.launch-actions .button{font-size:12px;padding:13px 16px;gap:18px}.launch-explore{font-size:12px;gap:8px}.launch-window{margin-top:29px;border-radius:9px}.launch-windowbar{height:47px;padding:0 12px;gap:8px}.launch-product>strong{font-size:16px}.launch-product>b{font-size:9px;padding-left:8px;margin-left:3px}.launch-windowpath{display:none}.launch-example{font-size:8px}.launch-assistant{padding:16px 13px;gap:13px;display:flex}.launch-assistant-title strong{font-size:12px}.launch-bubble{font-size:11px;margin:0}.launch-reply p{font-size:10px}.launch-tasks{display:grid;grid-template-columns:1fr 1fr;gap:13px 25px;margin:0 0 1px;padding-left:21px}.launch-tasks strong{font-size:10px}.launch-tasks small{font-size:8px}.launch-tasks>div>span{left:-20px;width:14px;height:14px}.launch-app-title{padding:13px 10px}.launch-app-title strong{font-size:12px}.launch-app-icon{font-size:19px}.launch-app-state{font-size:8px}.launch-ribbon{gap:18px;padding:10px;font-size:9px}.launch-ribbon>div{display:none}.launch-formula{font-size:9px;gap:9px}.launch-formula>span{padding:7px 12px;min-width:48px}.launch-sheet table{font-size:8px}.launch-sheet .launch-row-col{width:19px}.launch-sheet td{padding:9px 3px;line-height:1.65}.launch-sheet th{font-size:8px;padding:3px}.launch-sheet .launch-sheet-title{font-size:16px;padding:15px}.launch-approval-chain{font-size:8px;gap:10px;flex-wrap:wrap}.launch-sheets{gap:12px;padding:0 8px;font-size:8px}.launch-sheets strong{padding:9px 8px}.launch-status{font-size:8px;padding:9px}.launch-footnote{font-size:9px;margin-top:17px}}
/* Four-step banner inspired by the supplied reference */
.flow-hero{padding:90px max(5%,calc((100% - 1280px)/2)) 50px;background:radial-gradient(ellipse at 78% 40%,#dff5ff70,transparent 65%),#edf7ff}.flow-hero-heading{text-align:center}.flow-hero-heading h1{font-size:clamp(30px,3.25vw,52px);font-weight:600;line-height:1.45;letter-spacing:-1.2px;color:#23344d;margin:0}.flow-hero-heading h1 em{background:linear-gradient(110deg,#0076ff,#00c6da);color:transparent;background-clip:text;-webkit-background-clip:text;padding:0 4px}.flow-hero-heading p{margin-top:23px;color:#73859a;font-size:17px;line-height:1.9}.flow-hero-steps{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr;align-items:center;gap:12px;margin-top:76px}.flow-hero-card{--flow-color:#4daaff;position:relative;min-width:0;padding:28px 16px 18px;background:#ffffffc9;border:1px solid #e1eef9;border-radius:14px;box-shadow:0 12px 28px #388edb09;align-self:stretch}.flow-hero-card:nth-of-type(2){--flow-color:#087bff}.flow-hero-card:nth-of-type(3){--flow-color:#9775e6}.flow-hero-card:nth-of-type(4){--flow-color:#04b6c7}.flow-card-icon{position:absolute;left:50%;top:-19px;transform:translateX(-50%);height:38px;width:38px;background:var(--flow-color);border:4px solid #edf7ff;border-radius:50%;color:white;display:grid;place-items:center;font-size:21px;line-height:1}.flow-card-title{text-align:center}.flow-card-title>span{color:#96acc1;font-size:10px;letter-spacing:.8px}.flow-card-title h2{color:#3d627f;font-size:16px;font-weight:550;line-height:1.7;margin-top:8px;letter-spacing:-.4px}.flow-card-title p{color:#92a6bb;font-size:10px;line-height:1.8;margin-top:5px}.flow-next{font-size:29px;color:#62b1f0;text-align:center;font-weight:300;padding-top:46px}.flow-chat-demo,.flow-edit-demo,.flow-app-demo{height:185px;border:1px solid #dceaf6;background:white;border-radius:6px;overflow:hidden;margin-top:24px;box-shadow:0 4px 10px #356da305}.flow-demo-bar{display:flex;align-items:center;justify-content:space-between;gap:5px;background:#eff7fd;border-bottom:1px solid #e0eaf4;padding:8px 9px;color:#5e94be;font-size:9px;min-height:30px}.flow-demo-bar i{font-size:8px;font-style:normal;color:#9ab0c4}.flow-chat-user{font-size:10px;line-height:1.8;background:#edf5ff;color:#6786a2;padding:9px 10px;border-radius:5px;margin:10px 9px 9px 20px}.flow-chat-answer{display:flex;align-items:flex-start;gap:7px;margin:0 10px;font-size:9px;line-height:1.8;color:#8a9fb4}.flow-chat-answer b{font-size:16px;font-weight:400;color:#4399ea}.flow-chat-input{margin:10px 9px 0;padding:6px 7px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e1ebf6;border-radius:4px;font-size:8px;color:#a2b4c4}.flow-chat-input b{font-size:12px;display:grid;place-items:center;width:17px;height:17px;background:#69b7f7;color:white;border-radius:4px;font-weight:400}.flow-graph-demo{height:185px;margin-top:24px;padding:20px 5px 10px;position:relative;background-image:radial-gradient(#cfdfef .7px,transparent .7px);background-size:12px 12px;border-radius:6px}.flow-graph-root{position:relative;margin:0 auto;width:78%;padding:11px 5px;border:1px solid #afdcfb;border-radius:5px;background:#eaf6ff;color:#5293c6;text-align:center;font-size:11px;font-weight:500}.flow-graph-root:after{content:'';position:absolute;left:50%;top:100%;height:15px;border-left:1px solid #91c9ec}.flow-graph-branches{position:relative;display:flex;gap:10px;margin:15px 3px 0;padding-top:13px;border-top:1px solid #91c9ec}.flow-graph-branches>span{position:relative;flex:1;background:white;border:1px solid #d2e5f4;border-radius:4px;padding:9px 3px;font-size:10px;color:#6392b8;text-align:center}.flow-graph-branches>span:before{content:'';position:absolute;height:13px;border-left:1px solid #91c9ec;left:50%;top:-14px}.flow-graph-branches small{display:block;font-size:8px;color:#a0b5c8;margin-top:4px}.flow-graph-foot{background:#ebf8f7;border:1px solid #cae9e7;padding:8px 6px;border-radius:4px;font-size:9px;color:#5da3a3;margin:10px 3px 0;display:flex;justify-content:space-between;gap:5px}.flow-graph-foot span{font-size:8px;color:#94b9b8}.flow-edit-body{display:grid;grid-template-columns:42px 1fr;min-height:123px}.flow-edit-tools{background:#f7f9fc;border-right:1px solid #e3ebf3;padding:9px 5px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:8px;color:#9aafc3}.flow-edit-tools b{font-weight:400;border:1px solid #e4eaf3;border-radius:3px;padding:3px 4px;background:white;color:#8c9fb5}.flow-edit-tools b.is-date{border-color:#c6b6ed;color:#9676d1;background:#f7f3ff}.flow-edit-sheet{padding:11px 7px}.flow-edit-sheet>div{display:grid;grid-template-columns:14px 1fr 1fr;min-height:23px}.flow-edit-sheet span,.flow-edit-sheet strong{border:1px solid #e1e9f3;margin:-1px 0 0 -1px;display:flex;align-items:center;justify-content:center;font-size:8px;color:#7e96ad;font-weight:400}.flow-edit-sheet>div:first-child span,.flow-edit-sheet>div>span:first-child{background:#f2f6fa;color:#a2b3c3}.flow-edit-sheet strong{grid-column:span 2;font-size:9px;background:#fafcff;color:#6685a4}.flow-edit-selected{outline:1px solid #ad95e2;position:relative;z-index:1;background:#f8f4ff}.flow-edit-selected>span{color:#9877cc}.flow-edit-caption{font-size:8px;text-align:right;padding:8px;color:#a08ac5;border-top:1px solid #eef0f7}.flow-app-demo table{width:100%;table-layout:fixed;border-collapse:collapse;color:#7a95ad;font-size:8px}.flow-app-demo td,.flow-app-demo th{border:1px solid #e0eaf3;padding:5px 3px;font-weight:400;line-height:1.55;overflow-wrap:anywhere}.flow-app-demo tr>:first-child{border-left:0}.flow-app-demo tr>:last-child{border-right:0}.flow-app-demo th{background:#f0f6fa;font-size:8px;color:#9aafc1;text-align:center}.flow-app-demo thead th{padding:3px}.flow-app-demo td.flow-app-name{text-align:center;font-size:10px;color:#5c819f;padding:8px 3px;background:#fbfdff;font-weight:500}.flow-app-focus{outline:1px solid #36b9cd;outline-offset:-1px;color:#369da9;background:#f0fcfc}.flow-app-tabs{display:flex;align-items:center;gap:10px;background:#f6f9fc;padding:5px 7px;font-size:8px;color:#a2b4c4}.flow-app-tabs b{font-weight:500;color:#3ba2b6;border-bottom:1px solid #51b8cb;padding-bottom:3px}.flow-hero-actions{display:flex;align-items:center;justify-content:center;gap:35px;margin-top:53px}.flow-primary,.flow-secondary{display:flex;align-items:center;justify-content:center;gap:25px;min-width:178px;padding:14px 23px;border-radius:30px;font-size:16px}.flow-primary{color:white;background:linear-gradient(100deg,#1684ff,#06c3d7);box-shadow:0 6px 18px #239cf01a}.flow-primary>span{width:24px;height:24px;border-radius:50%;background:#fff;color:#16a8e5;display:grid;place-items:center;font-size:17px}.flow-primary:hover{filter:brightness(.97)}.flow-secondary{background:#fff;border:1px solid #8bc9f6;color:#4e7293}.flow-secondary>span{color:#6eb4e9}.flow-secondary:hover{background:#f6fbff}.flow-hero-note{text-align:center;color:#9ab0c3;font-size:10px;margin-top:22px;line-height:1.8}
@media(max-width:1150px){.flow-hero{padding-top:65px}.flow-hero-steps{gap:8px;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;margin-top:62px}.flow-hero-card{padding:27px 10px 14px}.flow-card-title h2{font-size:13px}.flow-card-title p{font-size:9px}.flow-next{font-size:23px}.flow-chat-user{font-size:9px;padding:8px;margin-left:12px}.flow-graph-root{font-size:10px}.flow-graph-branches{gap:6px}.flow-graph-branches>span{font-size:9px}.flow-graph-foot{font-size:8px}.flow-graph-foot span{font-size:7px}.flow-edit-body{grid-template-columns:32px 1fr}.flow-edit-sheet{padding:12px 4px}.flow-edit-sheet span{font-size:7px}.flow-hero-heading p{font-size:15px}.flow-hero-actions{margin-top:42px}}
@media(max-width:850px){.flow-hero{padding:50px 7% 35px}.flow-hero-heading h1{font-size:36px;letter-spacing:-1px}.flow-hero-heading p{font-size:14px;margin-top:19px}.flow-hero-steps{grid-template-columns:1fr 1fr;gap:38px 24px;margin-top:55px}.flow-next{display:none}.flow-hero-card{padding:28px 18px 18px}.flow-card-title h2{font-size:16px}.flow-card-title p{font-size:11px}.flow-chat-demo,.flow-edit-demo,.flow-app-demo,.flow-graph-demo{height:195px;margin-top:19px}.flow-chat-user{font-size:11px;margin-left:20px}.flow-chat-answer{font-size:10px}.flow-chat-input{font-size:9px}.flow-graph-root{font-size:12px}.flow-graph-branches>span{font-size:11px}.flow-graph-foot{font-size:10px}.flow-graph-foot span{font-size:9px}.flow-edit-body{grid-template-columns:42px 1fr;min-height:133px}.flow-edit-sheet{padding:15px 8px}.flow-edit-sheet>div{min-height:24px}.flow-edit-sheet span{font-size:9px}.flow-edit-sheet strong{font-size:11px}.flow-app-demo table{font-size:10px}.flow-app-demo td,.flow-app-demo th{padding:5px}.flow-hero-actions{margin-top:36px;gap:22px}.flow-primary,.flow-secondary{font-size:14px;min-width:160px}}
@media(max-width:540px){.flow-hero{padding:37px 6% 29px}.flow-hero-heading h1{font-size:29px;line-height:1.5;letter-spacing:-.6px}.flow-hero-heading h1 em{padding:0 2px}.flow-hero-heading p{font-size:12px;line-height:1.9;margin-top:17px}.flow-hero-steps{gap:34px 12px;margin-top:42px}.flow-hero-card{padding:24px 8px 12px;border-radius:10px}.flow-card-icon{width:32px;height:32px;top:-17px;font-size:18px;border-width:3px}.flow-card-title>span{font-size:8px;letter-spacing:.2px}.flow-card-title h2{font-size:12px;line-height:1.6;min-height:38px;margin-top:7px}.flow-card-title p{font-size:9px;line-height:1.7;min-height:30px;margin-top:4px}.flow-chat-demo,.flow-edit-demo,.flow-app-demo,.flow-graph-demo{height:174px;margin-top:12px}.flow-demo-bar{font-size:8px;padding:6px;min-height:26px}.flow-demo-bar i{font-size:7px}.flow-chat-user{font-size:8px;margin:8px 5px 7px 10px;padding:7px 6px}.flow-chat-answer{font-size:8px;margin:0 6px;gap:4px}.flow-chat-input{margin:8px 5px 0;padding:5px 4px;font-size:7px}.flow-chat-input b{width:14px;height:14px;font-size:10px}.flow-graph-demo{padding:14px 2px 8px}.flow-graph-root{font-size:9px;padding:9px 4px;width:91%}.flow-graph-branches{gap:4px;margin-left:0;margin-right:0}.flow-graph-branches>span{font-size:8px;padding:8px 2px}.flow-graph-branches small{font-size:7px}.flow-graph-foot{font-size:8px;display:block;text-align:center;padding:6px 3px;margin:9px 0 0}.flow-graph-foot span{display:block;font-size:7px;margin-top:3px}.flow-edit-body{grid-template-columns:27px 1fr;min-height:122px}.flow-edit-tools{font-size:7px;padding:8px 3px;gap:6px}.flow-edit-tools b{font-size:7px;padding:3px 2px}.flow-edit-sheet{padding:10px 3px}.flow-edit-sheet>div{grid-template-columns:11px 1fr 1fr;min-height:21px}.flow-edit-sheet span{font-size:7px}.flow-edit-sheet strong{font-size:8px}.flow-edit-caption{font-size:7px;padding:6px}.flow-app-demo table{font-size:7px}.flow-app-demo td,.flow-app-demo th{padding:5px 2px}.flow-app-demo th{font-size:7px}.flow-app-demo td.flow-app-name{font-size:9px;padding:8px 2px}.flow-app-tabs{gap:7px;padding:5px;font-size:7px}.flow-hero-actions{gap:15px;margin-top:30px}.flow-primary,.flow-secondary{min-width:0;flex:1;max-width:165px;font-size:14px;padding:11px 15px;gap:16px}.flow-hero-note{font-size:9px;margin-top:19px}}
.flow-chat-demo,.flow-edit-demo,.flow-app-demo,.flow-graph-demo{height:215px}.flow-edit-body{min-height:155px}.flow-app-demo{display:flex;flex-direction:column}.flow-app-demo table{flex:1}.flow-app-tabs{margin-top:auto}.flow-chat-demo{display:flex;flex-direction:column}.flow-chat-input{margin-top:auto;margin-bottom:10px}.flow-graph-demo{padding-top:26px}.flow-graph-branches{margin-top:19px}.flow-graph-root:after{height:19px}.flow-graph-foot{margin-top:16px}
@media(max-width:540px){.flow-chat-demo,.flow-edit-demo,.flow-app-demo,.flow-graph-demo{height:195px}.flow-edit-body{min-height:144px}.flow-edit-sheet{padding-top:17px}.flow-graph-demo{padding-top:17px}.flow-graph-foot{margin-top:12px}}
/* Banner BSG: one root, three connected peer modules */
.flow-graph-demo.flow-bsg-tree{padding:9px 7px;height:215px;background-color:#f8fcff;border:1px solid #e2eef8;border-radius:6px}.flow-bsg-root{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b8dafa;border-radius:5px;background:#eaf5ff;padding:9px 5px;min-height:34px;color:#488ac5}.flow-bsg-root>span{background:white;border-radius:3px;font-size:7px;padding:3px 4px;color:#8bb2d3}.flow-bsg-root strong{font-size:11px;font-weight:550}.flow-bsg-nodes{position:relative;margin-left:13px;padding:10px 0 0 14px;display:flex;flex-direction:column;gap:7px}.flow-bsg-nodes:before{content:'';position:absolute;left:0;top:0;bottom:22px;width:1px;background:#a9cee9}.flow-bsg-node{position:relative;display:flex;align-items:center;gap:9px;background:white;border:1px solid #d4e5f3;border-radius:5px;padding:7px 8px;min-height:42px}.flow-bsg-node:before{content:'';position:absolute;left:-15px;top:50%;width:14px;border-top:1px solid #a9cee9}.flow-bsg-type{display:grid;place-items:center;width:23px;height:23px;border-radius:5px;background:#eaf4ff;color:#4a98d6;font-size:10px;flex-shrink:0}.flow-bsg-node:nth-child(2) .flow-bsg-type{background:#ebf8f7;color:#4eaaa4}.flow-bsg-node:nth-child(3) .flow-bsg-type{background:#f3effb;color:#9b83c7}.flow-bsg-node strong{display:block;font-size:10px;color:#567e9e;font-weight:500;line-height:1.4}.flow-bsg-node small{display:block;font-size:8px;color:#94aec4;margin-top:3px;line-height:1.4}
@media(max-width:1150px){.flow-bsg-root{gap:5px}.flow-bsg-root strong{font-size:10px}.flow-bsg-nodes{margin-left:8px;padding-left:10px}.flow-bsg-node:before{left:-11px;width:10px}.flow-bsg-node{padding:7px 5px;gap:6px}.flow-bsg-node small{font-size:7px}}
@media(max-width:850px){.flow-bsg-root strong{font-size:12px}.flow-bsg-node strong{font-size:11px}.flow-bsg-node small{font-size:8px}.flow-bsg-node{padding:7px 9px}}
@media(max-width:540px){.flow-graph-demo.flow-bsg-tree{height:195px;padding:8px 5px}.flow-bsg-root{padding:7px 3px;min-height:31px}.flow-bsg-root strong{font-size:9px}.flow-bsg-root>span{font-size:6px;padding:3px}.flow-bsg-nodes{margin-left:6px;padding:9px 0 0 8px;gap:6px}.flow-bsg-nodes:before{bottom:21px}.flow-bsg-node{gap:5px;padding:6px 4px;min-height:40px}.flow-bsg-node:before{left:-9px;width:8px}.flow-bsg-type{width:18px;height:18px;font-size:8px}.flow-bsg-node strong{font-size:9px}.flow-bsg-node small{font-size:6.5px;margin-top:3px}}

/* Supplied Kimpo brand artwork; frame trims screenshot whitespace without altering the image. */
.brand-link .brand-logo{position:relative;display:block;width:144px;aspect-ratio:504 / 106;overflow:hidden;flex-shrink:0}
.brand-link .brand-logo img{position:absolute;display:block;width:143.254%;max-width:none;height:auto;left:-21.032%;top:-53.774%}
@media(max-width:850px){.brand-link .brand-logo{width:125px}}
.download-footer .brand-link .brand-logo{width:105px}

/* Move header brand slightly toward the left edge. */
@media(min-width:851px){.site-header>.brand-link{transform:translateX(max(calc(-24px - 2cm), calc(16px - 5vw - max(0px, 50vw - 720px))))}}

/* Full-width AI scenario introductions */
.ai-scenes{max-width:1280px;margin:0 auto}.ai-scene{padding-top:88px;margin-top:88px;border-top:1px solid #dce9f5}.ai-scene-stage{min-width:0}.ai-scene-content{margin:28px 0;display:grid;gap:20px}.ai-scene-content p{font-size:14px;line-height:1.9;color:#6c849d}.scene-request{display:flex;align-items:start;gap:12px;padding:17px;border-radius:10px;background:#eff6ff;border:1px solid #deecff}.scene-request>span{background:white;color:#338ff4;padding:5px 8px;border-radius:7px;font-size:12px;flex-shrink:0}.scene-request p{color:#52779b}.scene-result{border:1px solid #e0ebf5;border-radius:12px;padding:20px}.scene-result-title{font-size:14px;color:#338bcf;font-weight:600;margin-bottom:16px}.scene-transcript{padding:14px;background:#f7faff;border-radius:8px;margin-bottom:12px}.scene-transcript small{color:#8da4bb;font-size:11px}.scene-task{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf3fa;font-size:13px;color:#547593}.scene-task:last-child{border:0}.scene-task>span{color:#2691f7;font-size:12px}.scene-task b{margin-left:auto;font-size:11px;font-weight:400;color:#87a1b8}.scene-audio{display:flex;align-items:center;gap:14px;padding:24px 18px;background:#f6fbff;border:1px solid #deecf8;border-radius:12px}.scene-audio>span{color:#138bff;font-size:25px}.scene-audio small{margin-left:auto;color:#88a1ba;font-size:11px}.scene-wave{display:flex;align-items:center;gap:4px;height:46px}.scene-wave i{width:3px;background:linear-gradient(#0ca5ea,#79caff);border-radius:4px}.scene-poster{position:relative;overflow:hidden;min-height:310px;border-radius:12px;padding:30px;background:radial-gradient(ellipse at 85% 20%,#c7f6ff,transparent 65%),#e8f3ff;color:#20639b}.scene-poster>small{font-size:9px;letter-spacing:2px}.scene-poster>strong{position:relative;z-index:1;display:block;font-size:42px;line-height:1.3;margin:25px 0 12px}.scene-poster>span{font-size:12px}.scene-poster>em{position:absolute;left:30px;bottom:20px;font-size:10px;color:#799cbb}.scene-poster-art{position:absolute;right:10px;top:80px;width:45%;height:185px;transform:rotate(-12deg)}.scene-poster-art i{position:absolute;border-radius:24px;width:100px;height:100px;background:linear-gradient(140deg,#8bd9ff,#1285f4);box-shadow:12px 16px 30px #158fe12b;right:5px;top:0}.scene-poster-art i:nth-child(2){right:65px;top:62px;background:linear-gradient(140deg,#def9ff,#7fdde9)}.scene-poster-art i:nth-child(3){right:0;top:103px;width:67px;height:67px;background:#fff9}.scene-poster-art b{position:absolute;right:25px;top:12px;color:white;font-size:58px}.scene-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.scene-chips span{font-size:11px;border:1px solid #ddecf8;background:#f5faff;padding:7px 11px;border-radius:6px;color:#77a0bb}.scene-search{display:flex;gap:14px;padding:15px 18px;border:1px solid #dceaf7;border-radius:8px;color:#188cfc}.scene-search span{font-size:12px;color:#87a1b7}.scene-source{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #eaf1f8}.scene-source>b{color:#96bddb;font-size:12px}.scene-source strong{font-size:14px;color:#506f8a;font-weight:500}.scene-source p{font-size:12px;margin-top:5px}.scene-source>span{margin-left:auto;color:#93a9bc;font-size:10px;white-space:nowrap}.scene-summary{margin-top:18px;padding:14px;border-radius:7px;background:#edf9f7;color:#579e96;font-size:12px;line-height:1.8}.scene-chart{padding:22px;border:1px solid #e0ebf6;border-radius:10px}.scene-chart>div:first-child{display:flex;justify-content:space-between;gap:15px}.scene-chart strong{font-size:14px;color:#547595}.scene-chart small{font-size:10px;color:#9cb0c2}.scene-bars{display:flex;justify-content:space-around;align-items:end;height:198px;border-bottom:1px solid #dce8f4;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#eef4fa 45px)}.scene-bars>div{display:flex;flex-direction:column;align-items:center;gap:8px;width:11%}.scene-bars i{width:100%;background:linear-gradient(#67c6ff,#248dff);border-radius:5px 5px 0 0}.scene-bars b,.scene-bars span{font-size:10px;color:#87a3bc;font-weight:400}.scene-bars span{background:white;padding-bottom:7px}.scene-message{padding:24px;border:1px solid #dcebf7;border-radius:14px;background:#fbfdff}.scene-message-head{display:flex;gap:13px;align-items:center}.scene-message-head>span{color:#349bfa;font-size:26px}.scene-message-head strong{display:block;color:#4f7696;font-size:15px}.scene-message-head small{display:block;color:#90a8bb;font-size:12px;margin-top:7px}.scene-message-head>b{font-size:10px;color:#75a9ab;margin-left:auto;font-weight:400}.scene-sms-bubble{background:#e8f5ff;border:1px solid #d3eaff;color:#5385ac;line-height:1.9;font-size:15px;padding:24px;border-radius:2px 16px 16px 16px;margin:30px 0}.scene-message-foot{font-size:11px;color:#91a7bb;text-align:center}.scene-mail{border:1px solid #dce9f6;border-radius:12px;overflow:hidden}.scene-mail-top{background:#f3f8fe;padding:17px 20px;font-size:14px;color:#5383ac;border-bottom:1px solid #e2edf8}.scene-mail-top span{float:right;font-size:10px;color:#90aabd}.scene-mail dl{display:grid;grid-template-columns:60px 1fr;gap:15px;margin:0;padding:22px;font-size:12px;border-bottom:1px solid #e9f1f8}.scene-mail dt{color:#91a6bb}.scene-mail dd{margin:0;color:#5f809f}.scene-mail-body{padding:25px 22px;font-size:14px;line-height:1.9;color:#68829a}.scene-mail-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 20px;background:#f9fcff}.scene-mail-bottom>span{font-size:10px;color:#8da5bb}.scene-mail-bottom>b{font-size:12px;color:white;background:#298fff;padding:9px 13px;border-radius:6px;font-weight:400}
@media(max-width:850px){.ai-scene{margin-top:55px;padding-top:55px}.ai-scene-stage{width:100%;max-width:660px}.ai-scene .work-copy{grid-row:auto}.ai-scene-content{margin:22px 0}}
@media(max-width:540px){.ai-scene{margin-top:40px;padding-top:40px}.scene-wave{gap:3px}.scene-wave i{width:2px}.scene-audio{gap:8px;padding:18px 10px}.scene-audio small{font-size:9px}.scene-poster{min-height:290px;padding:24px}.scene-poster>strong{font-size:34px}.scene-poster-art{opacity:.8;right:-12px}.scene-result{padding:15px}.scene-source{gap:8px}.scene-source>span{display:none}.scene-chart{padding:15px}.scene-chart>div:first-child{flex-direction:column;gap:6px}.scene-message{padding:18px}.scene-mail-body{font-size:13px}.scene-request p{font-size:13px}.scene-mail-bottom{padding:13px}.scene-task{font-size:12px}}

/* Reserved GIF / video demonstration area. */
.builder .build-media-stage{padding:0;min-width:0;max-width:none;width:100%}.build-media-panel{overflow:hidden;border:1px solid #dbe9f8;border-radius:18px;background:#fff;box-shadow:0 20px 65px #2379bd09}.build-media-header{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5eef8;font-size:13px;color:#57768f}.build-media-header>span:first-child{display:flex;align-items:center;gap:10px}.build-media-header>span:last-child{font-size:11px;color:#94acc1;letter-spacing:2px}.build-media-screen{aspect-ratio:16 / 10;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 25%,#e4f8ff,transparent 70%),#f4f9ff;overflow:hidden}.build-media-screen>video,.build-media-screen>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.build-media-empty{text-align:center;padding:24px;color:#527893}.build-media-symbol{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 23px;background:#fff;border:1px solid #d6e9fc;border-radius:50%;font-size:38px;color:#248ffc;box-shadow:0 8px 30px #258ffb0d}.build-media-empty strong{display:block;font-size:21px;font-weight:500}.build-media-empty p{font-size:13px;color:#94abc0;margin-top:13px}.build-media-formats{display:inline-block;margin-top:24px;font-size:10px;letter-spacing:1px;color:#8ca9c1;border:1px solid #d9e9f5;border-radius:20px;padding:6px 12px}.build-media-caption{padding:22px 25px;border-top:1px solid #e3edf7}.build-media-caption strong{font-size:16px;font-weight:500;color:#416580}.build-media-caption p{font-size:13px;line-height:1.7;color:#87a0b7;margin-top:8px}
@media(max-width:540px){.build-media-header{padding:15px;font-size:11px}.build-media-empty{padding:18px}.build-media-symbol{width:49px;height:49px;font-size:28px;margin-bottom:13px}.build-media-empty strong{font-size:16px}.build-media-formats{margin-top:15px}.build-media-caption{padding:18px}.build-media-screen{aspect-ratio:4/3}}

.sync-media-showcase .build-media-panel{min-width:0;width:100%}.sync-media-showcase .sync-controls{margin-bottom:0}.sync-media-showcase .build-media-caption{min-height:100px}

/* Platform capability cards aligned with the supplied reference. */
.platform-section .capability{display:flex;flex-direction:column;border-radius:14px;border-color:#e0eaf7;padding:26px}.platform-section .cap-top{margin-bottom:21px}.platform-section .cap-icon{width:36px;height:36px;border-radius:9px}.platform-section .cap-icon svg{width:23px;height:23px}.platform-section .cap-top>span:last-child{font-size:12px;letter-spacing:0}.platform-section .capability h3{font-size:18px;letter-spacing:0}.platform-section .capability p{font-size:14px;line-height:1.8;min-height:72px;margin-top:10px}.platform-section .micro{height:120px;flex-shrink:0;margin-top:18px;background:#f6f9ff}.platform-section .spreadsheet{padding:12px}.platform-section .spreadsheet table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}.platform-section .spreadsheet th,.platform-section .spreadsheet td{border:1px solid #dfebf8;padding:4px 6px;font-weight:400;text-align:left}.platform-section .spreadsheet th{font-size:9px;text-align:center;color:#91aac2}.platform-section .spreadsheet th:first-child{width:18px}.platform-section .spreadsheet .platform-sheet-title{text-align:center;background:#e9f3ff;color:#4a8bc9}.platform-plugin-logo{position:relative;width:80px;aspect-ratio:504/106;overflow:hidden;flex-shrink:0}.platform-plugin-logo img{position:absolute;width:143.254%;height:auto;max-width:none;left:-21.032%;top:-53.774%}.platform-section .plugin-diagram{gap:10px}.platform-section .plugin-diagram>span{padding:8px 6px;white-space:nowrap}.platform-section .workflow{gap:10px;padding:15px}.platform-section .workflow>span{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 8px;min-width:0;flex:1}.platform-section .workflow svg{width:21px;height:21px;color:#168cff}.platform-section .workflow small{font-size:10px}.platform-section .workflow>i,.platform-section .action-list>i{color:#148cff;font-size:19px}.platform-section .action-list{gap:12px;padding:15px}.platform-section .action-list>span{background:#fff;border:1px solid #e0eaf7;border-radius:7px;padding:9px 6px;flex:1;white-space:nowrap}.platform-section .action-list b{width:19px;height:19px;line-height:19px;font-size:10px}.platform-section .languages{gap:10px;padding:15px}.platform-section .languages strong{font-size:27px}.platform-section .languages span{padding:7px 8px}
@media(max-width:1150px){.platform-section .capability{padding:20px}.platform-section .plugin-diagram{gap:5px}.platform-plugin-logo{width:65px}.platform-section .workflow{padding:9px;gap:5px}.platform-section .workflow>span{padding:10px 4px}.platform-section .action-list{gap:7px;padding:10px}}
@media(max-width:540px){.platform-section .capability p{min-height:0}.platform-section .micro{height:125px}.platform-plugin-logo{width:85px}.platform-section .capability h3{font-size:19px}}

/* Official Kimpo AI artwork at every AI brand heading. */
.kimpo-ai-brand{display:inline-block;width:110px;height:auto;max-width:100%;vertical-align:middle;object-fit:contain;flex-shrink:0;letter-spacing:normal}.experience-eyebrow .kimpo-ai-brand,.section-heading .eyebrow .kimpo-ai-brand{width:122px;margin-right:7px}.experience-mode .kimpo-ai-brand{width:111px}.ocr-top>span:first-child{display:flex;align-items:center;gap:9px}.ocr-top .kimpo-ai-brand{width:105px}.build-media-header .kimpo-ai-brand{width:105px}
@media(max-width:540px){.experience-eyebrow .kimpo-ai-brand,.section-heading .eyebrow .kimpo-ai-brand{width:105px}.ocr-top .kimpo-ai-brand,.build-media-header .kimpo-ai-brand{width:85px}.experience-mode .kimpo-ai-brand{width:100px}}

/* Remove homepage section separators, retaining component borders. */
.home-page .section-nav{border-bottom:0}.home-page .sync-showcase,.home-page .ai-scene,.home-page .value-strip,.home-page footer.unified-footer{border-top:0}

/* Unframed capability navigation. */
.home-page .section-nav{border:0;border-radius:0;box-shadow:none}

/* Continuous pale-blue background for the capability navigation. */
.home-page .section-nav{background:#edf6ff;border:0;border-radius:0;box-shadow:none}.home-page .section-nav>div.capability-tabs{background:#e4effb;border-color:transparent}.home-page .section-nav .nav-contact{border-left-color:#d2e4f6}.home-page .section-nav .nav-contact span{background:#fff}

/* Neutral gray capability navigation with subtle rounded corners. */
.home-page .section-nav{background:#f3f4f6;border:0;border-radius:10px;box-shadow:none}.home-page .section-nav>div.capability-tabs{background:#e9ebef;border-color:transparent}.home-page .section-nav .nav-contact{border-left-color:#dfe3e8}.home-page .section-nav .nav-contact span{background:#fff}

/* Unified capability navigation action. */
.home-page .section-nav .nav-contact{gap:10px;padding:10px 17px;border:0;border-radius:7px;background:#087bff;color:#fff;font-size:14px;font-weight:500;line-height:1.5;transition:background .18s}
.home-page .section-nav .nav-contact span{display:grid;place-items:center;width:18px;height:18px;border-radius:0;background:transparent;color:inherit}
.home-page .section-nav .nav-contact svg{display:block;transition:transform .18s}
.home-page .section-nav .nav-contact:hover{background:#006de6}
.home-page .section-nav .nav-contact:hover span{background:transparent;color:inherit}
.home-page .section-nav .nav-contact:hover svg{transform:translateX(2px)}
@media(prefers-reduced-motion:reduce){.home-page .section-nav .nav-contact,.home-page .section-nav .nav-contact svg{transition:none}.home-page .section-nav .nav-contact:hover svg{transform:none}}

/* Neutral trigger and screenshot-inspired reservation dialog. */
.home-page .section-nav .nav-contact{background:transparent;color:#53677e;border:1px solid #d7dee7;border-radius:6px;cursor:pointer;padding:9px 16px}
.home-page .section-nav .nav-contact:hover{background:#e8ebef;color:#263b52}
@keyframes booking-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes booking-disappear{from{opacity:1}to{opacity:0}}
@keyframes booking-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes booking-overlay-out{from{opacity:1}to{opacity:0}}


/* Media transitions and clear feedback on every feature tab. */
.home-page #build-preview.build-media-panel{opacity:1;transition:opacity .22s ease}
.home-page #build-preview.build-media-panel.is-switching{opacity:0;pointer-events:none;transition-duration:.16s}
.home-page .feature-steps button{cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
.home-page .feature-steps button:hover{background:#e9f3ff;box-shadow:none}
.home-page .feature-steps button:hover>b,.home-page .feature-steps button:hover strong{color:#087bff}
.home-page .feature-steps button:active{background:#deedff;transform:translateY(1px)}
.home-page .feature-steps button[aria-selected=true]{background:#e6f2ff;box-shadow:none}
.home-page .feature-steps button i{transition:transform .18s ease}
.home-page .feature-steps button:hover i{transform:translate(2px,-2px)}
@media(prefers-reduced-motion:reduce){.home-page #build-preview.build-media-panel,.home-page .feature-steps button,.home-page .feature-steps button i{transition:none}.home-page .feature-steps button:active,.home-page .feature-steps button:hover i{transform:none}}

/* Hover emphasis for the product demonstration card. */
.home-page #build-preview.build-media-panel{transition:opacity .22s ease,border-color .2s ease,box-shadow .2s ease}
.home-page #build-preview .build-media-symbol{transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-page #build-preview:hover,.home-page #build-preview:focus-within{border-color:#80baff;box-shadow:0 12px 36px #167edd18}
.home-page #build-preview:hover .build-media-symbol,.home-page #build-preview:focus-within .build-media-symbol{background:#087bff;color:#fff;border-color:#087bff;box-shadow:0 5px 18px #087bff24}
@media(prefers-reduced-motion:reduce){.home-page #build-preview.build-media-panel,.home-page #build-preview .build-media-symbol{transition:none}}

/* Separate adjacent selected and hovered feature cards without shifting on interaction. */
.home-page .feature-steps{display:grid;row-gap:12px}
@media(max-width:700px){.home-page .feature-steps{row-gap:10px}}

/* Balance the two-way sync copy and its reserved media area. */
.home-page .sync-media-showcase{grid-template-columns:minmax(340px,.85fr) minmax(0,1.4fr);gap:48px}
.home-page .sync-media-showcase .sync-heading{margin-bottom:0}
.home-page .sync-media-showcase .sync-heading .mini-label{font-size:13px}
.home-page .sync-media-showcase .sync-heading h3{font-size:clamp(30px,2.4vw,36px);line-height:1.6}
.home-page .sync-media-showcase .sync-heading>p{font-size:16px;line-height:1.95;max-width:480px}
.home-page #sync-demo{transition:border-color .2s ease,box-shadow .2s ease}
.home-page #sync-demo .build-media-symbol{transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-page #sync-demo:hover,.home-page #sync-demo:focus-within{border-color:#80baff;box-shadow:0 12px 36px #167edd18}
.home-page #sync-demo:hover .build-media-symbol,.home-page #sync-demo:focus-within .build-media-symbol{background:#087bff;color:#fff;border-color:#087bff;box-shadow:0 5px 18px #087bff24}
@media(max-width:1000px){.home-page .sync-media-showcase{grid-template-columns:1fr;gap:30px}.home-page .sync-media-showcase .sync-heading>p{max-width:none}.home-page .sync-media-showcase .sync-heading h3{font-size:30px}}
@media(max-width:600px){.home-page .sync-media-showcase .sync-heading h3{font-size:28px}.home-page .sync-media-showcase .sync-heading>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.home-page #sync-demo,.home-page #sync-demo .build-media-symbol{transition:none}}

/* Share the same media column sizing and breakpoints across both demonstrations. */
.home-page .builder-layout,.home-page .sync-media-showcase{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:65px}
.home-page #build-preview .build-media-caption,.home-page #sync-demo .build-media-caption{min-height:104px}
.home-page .sync-media-showcase .sync-heading h3{font-size:32px;line-height:1.5;letter-spacing:-.6px}
.home-page .sync-media-showcase .sync-heading>p{font-size:16px;line-height:1.9;max-width:410px;margin-top:20px}
@media(min-width:1650px){.home-page .builder-layout,.home-page .sync-media-showcase{gap:85px}}
@media(max-width:1150px){.home-page .builder-layout,.home-page .sync-media-showcase{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:30px}.home-page .sync-media-showcase .sync-heading h3{font-size:28px}}
@media(max-width:850px){.home-page .builder-layout,.home-page .sync-media-showcase{grid-template-columns:1fr;gap:38px}.home-page .sync-media-showcase .sync-heading>p{max-width:none}}
@media(max-width:540px){.home-page .sync-media-showcase .sync-heading h3{font-size:25px}.home-page .sync-media-showcase .sync-heading>p{font-size:14px}}

/* Wider capability navigation without an outer outline. */
.home-page .section-nav{border:0;width:calc(100% - 40px);max-width:1360px}
@media(max-width:850px){.home-page .section-nav{width:calc(100% - 24px)}}
@media(max-width:540px){.home-page .section-nav{width:calc(100% - 16px)}}

/* Additional platform capabilities use the original card system. */
.platform-section .capability-extension .extension-preview{display:flex;align-items:center;padding:14px 16px;background:#f6f9ff;overflow:hidden;color:#6d8baa;font-size:11px}
.extension-preview>div{width:100%;min-width:0}
.extension-preview b{font-weight:500}
.extension-preview em{color:#288dff;font-style:normal;font-size:10px}
.extension-access{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.extension-access>div{display:flex;flex-direction:column;align-items:center;gap:9px;background:white;border:1px solid #dfebf8;border-radius:7px;padding:15px 3px}
.extension-access b{color:#3c85c8;font-size:12px}.extension-access span{font-size:10px}
.extension-data>div{display:grid;grid-template-columns:1fr 1.1fr .9fr;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid #e2ecf7}
.extension-data>div:last-child{border-bottom:0}.extension-data em{text-align:right}
.extension-detail>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;line-height:1.7}
.extension-detail>div+div{margin-top:4px}.extension-detail-head{padding-bottom:3px;border-bottom:1px solid #dfe9f6}
.extension-detail .extension-total{justify-content:flex-end;border-top:1px solid #dfe9f6;padding-top:4px}.extension-total b{color:#168aff}
.extension-report-filters{display:flex;gap:7px;margin-bottom:9px}.extension-report-filters span{padding:3px 8px;background:white;border:1px solid #e1ecf8;border-radius:4px;font-size:9px}
.extension-report-row{display:flex;align-items:center;gap:12px;margin:6px 0;font-size:10px}.extension-report-row>span{width:36px;flex-shrink:0}.extension-report-row i{height:7px;width:var(--bar);max-width:calc(100% - 48px);background:linear-gradient(90deg,#99d1ff,#409cff);border-radius:3px}
.extension-output>div{display:flex;align-items:center;justify-content:center;gap:10px}.extension-file{padding:7px 10px;border:1px solid #dceafa;border-radius:5px;background:white;color:#3695df;font-size:10px}.extension-output .extension-reminder{margin-top:14px;border-top:1px solid #e0ebf6;padding-top:10px;justify-content:space-between;font-size:10px}
.extension-ops>div{display:flex;align-items:center;justify-content:center;gap:14px}.extension-ops>div>span{padding:7px 14px;background:white;border:1px solid #e0ebf8;border-radius:5px}.extension-ops i{color:#248fff;font-style:normal}.extension-ops .extension-ops-tags{gap:7px;margin-top:12px}.extension-ops-tags b{font-size:10px;padding:5px 8px;border-radius:4px;background:#eaf3ff;color:#6a97c0}
@media(max-width:540px){.platform-section .capability-extension .extension-preview{padding:12px}.extension-output .extension-reminder{gap:6px}.extension-ops>div>span{padding:7px 10px}}

/* Report export and notification illustrated as one compact flow. */
.platform-section .extension-preview .output-flow{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1.15fr);align-items:center;gap:8px;text-align:center}
.output-document,.output-notice{display:flex;flex-direction:column;align-items:center;gap:6px}
.output-document>svg{width:29px;height:33px;color:#479cf1}
.output-flow b{font-size:11px;color:#5b7c9c;font-weight:500;white-space:nowrap}
.output-flow-arrow{font-size:19px;color:#81b5e5}
.output-formats{display:grid;grid-template-columns:1fr;gap:4px;justify-items:center}
.output-formats>span{display:block;min-width:48px;padding:3px 8px;border:1px solid #d5e7fa;border-radius:4px;background:#fff;color:#358fe3;font-size:10px;line-height:1.4}
.output-flow small{font-size:9px;color:#90a8be;white-space:nowrap;font-weight:400}
.output-notice-icon{display:grid;place-items:center;width:32px;height:32px;background:#e4f1ff;border-radius:9px;color:#268eff}
.output-notice-icon svg{width:22px;height:22px}
@media(max-width:400px){.platform-section .extension-preview .output-flow{gap:4px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1.15fr)}}

/* Compact spreadsheet designer preview. */
.platform-section .form-design-preview{padding:9px 12px;background:#f6f9ff;border-radius:7px;display:flex;flex-direction:column;justify-content:center;gap:5px;overflow:hidden}
.form-design-toolbar{display:flex;align-items:center;gap:9px;min-height:17px;font-size:9px;color:#82a0bc}
.form-design-cell{background:#fff;border:1px solid #dce8f5;border-radius:3px;padding:1px 9px;color:#428bdd}
.form-design-fx{font-style:italic;color:#9aafc3}.form-design-value{color:#6083a4}.form-design-mode{margin-left:auto;font-size:9px;color:#79a2c6}
.platform-section .form-design-preview table{width:100%;table-layout:fixed;border-collapse:collapse;background:#fff;font-size:9px;line-height:1.4;color:#63819e}
.form-design-preview .form-design-rownum{width:20px}
.form-design-preview td,.form-design-preview th{border:1px solid #deebf7;padding:3px 6px;font-weight:400;white-space:nowrap}
.form-design-preview th{background:#f0f6fc;color:#9ab0c6;text-align:center;font-size:8px}
.form-design-preview .form-design-title{text-align:center;background:#eef6ff;color:#418bcb;font-size:10px;font-weight:500;letter-spacing:1px}
.form-design-preview .form-design-label{background:#fafcff;color:#91a5b9}
.form-design-preview .form-design-selected{position:relative;background:#eff7ff;color:#087bff;outline:1.5px solid #409bff;outline-offset:-1px}
.form-design-selected>span{position:absolute;right:-1px;bottom:-1px;width:4px;height:4px;background:#409bff}
@media(max-width:400px){.platform-section .form-design-preview{padding:9px}.form-design-preview td,.form-design-preview th{padding:3px 4px}}

/* Blend the official logo’s white backdrop into the plugin illustration. */
.platform-section .plugin-diagram .platform-plugin-logo{background:transparent;mix-blend-mode:multiply}

/* Four configuration steps for action orchestration. */
.platform-section .action-list.action-configuration{display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr);gap:5px;padding:12px;align-items:center}
.platform-section .action-configuration>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:72px;padding:9px 3px;white-space:normal;text-align:center}
.platform-section .action-configuration small{font-size:10px;line-height:1.5;word-break:normal;overflow-wrap:anywhere}
.platform-section .action-configuration b{margin:0;flex-shrink:0}
.platform-section .action-configuration>i{font-size:14px;text-align:center}

/* Spreadsheet-style data rules preview. */
.platform-section .data-sheet table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;font-size:10px;line-height:1.4;color:#6b88a6}
.data-sheet .data-sheet-index{width:19px}
.data-sheet td,.data-sheet th{border:1px solid #dce8f5;padding:5px 6px;font-weight:400;text-align:left;white-space:nowrap}
.data-sheet th{background:#edf5fd;color:#97aec5;text-align:center;font-size:9px}
.data-sheet .data-sheet-rule{color:#258eff;background:#f8fbff}
.data-sheet .data-sheet-active{position:relative;background:#edf6ff;color:#3d80bc;outline:1.5px solid #409bff;outline-offset:-1px}
.data-sheet-active>span{position:absolute;bottom:-1px;right:-1px;width:4px;height:4px;background:#409bff}
@media(max-width:400px){.data-sheet td,.data-sheet th{padding:5px 3px}.platform-section .data-sheet table{font-size:9px}}

/* Spreadsheet-style line items and automatic total. */
.detail-sheet-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:9px;line-height:1.3;color:#7091af}
.platform-section .detail-sheet table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;font-size:9px;line-height:1.3;color:#6383a2}
.detail-sheet .detail-sheet-index{width:17px}
.detail-sheet td,.detail-sheet th{border:1px solid #dce8f5;padding:2px 4px;font-weight:400;text-align:left;white-space:nowrap}
.detail-sheet th{background:#edf5fd;color:#97aec5;text-align:center;font-size:8px}
.detail-sheet-labels td{background:#f3f8fe;color:#7d9ab6}
.detail-sheet .detail-sheet-total{text-align:right;background:#f8fbff;color:#81a0bb}
.detail-sheet .detail-sheet-active{position:relative;background:#edf6ff;color:#087bff;outline:1.5px solid #409bff;outline-offset:-1px}
.detail-sheet-active>span{position:absolute;right:-1px;bottom:-1px;width:4px;height:4px;background:#409bff}

/* Grouped report preview with filters and readable summary columns. */
.report-view-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:5px;color:#7197b9;font-size:9px;line-height:1.3}
.report-view-toolbar>span{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:#fff;border:1px solid #dce9f7;border-radius:4px;white-space:nowrap}
.report-view-toolbar svg{width:11px;height:11px;color:#529ee1}.report-view-toolbar i{font-style:normal}.report-view-toolbar small{margin-left:auto;font-size:8px;color:#9bafc1;white-space:nowrap}
.platform-section .report-view table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #dfebf7;border-radius:5px;overflow:hidden;background:#fff;font-size:9px;line-height:1.35;color:#6886a1}
.report-view th,.report-view td{padding:3px 7px;font-weight:400;border-bottom:1px solid #eaf1f8;text-align:right;white-space:nowrap}
.report-view thead th{background:#edf5fe;color:#8aa4bd;font-size:8px}
.report-view th:first-child{width:42%;text-align:left}.report-view th:nth-child(2){width:22%}
.report-view tbody th i{font-style:normal;color:#8db1d4;margin-right:6px}
.report-view .report-view-selected{background:#edf6ff;color:#3a88cc}
.report-view tbody tr:last-child>*{border-bottom:0}
@media(max-width:400px){.report-view th,.report-view td{padding:3px 4px}.report-view-toolbar{gap:4px}}

/* Emphasize printed page composition rather than delivery channels. */
.platform-section .print-layout-preview{padding:10px 16px}
.print-layout-demo{display:flex;align-items:center;justify-content:center;gap:24px}
.print-layout-paper{flex:0 0 65px;height:92px;padding:8px 6px 5px;box-sizing:border-box;background:#fff;border:1px solid #d6e4f3;box-shadow:3px 3px 0 #e9f1fa;color:#8ba1b7;position:relative}
.print-paper-heading{text-align:center;font-size:7px;font-weight:500;color:#567da0;border-bottom:1px solid #ccdff0;padding-bottom:4px}
.print-paper-meta{display:flex;justify-content:space-between;font-size:4px;margin:4px 0}
.print-paper-table{display:grid;grid-template-columns:1.3fr 1fr 1fr;border-left:1px solid #dbe7f2;border-top:1px solid #dbe7f2}
.print-paper-table>*{min-height:7px;border-right:1px solid #dbe7f2;border-bottom:1px solid #dbe7f2;text-align:center;font-size:4px;font-style:normal}
.print-paper-table>span{background:#f2f7fc}
.print-paper-sign{font-size:4px;margin-top:5px}.print-paper-footer{position:absolute;bottom:4px;left:6px;right:6px;border-top:1px solid #e2ebf5;padding-top:2px;text-align:center;font-size:4px}
.print-layout-notes{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.print-layout-tag{font-size:9px;color:#2689e4;letter-spacing:.5px}
.print-layout-notes>b{font-size:12px;line-height:1.6;color:#557a9b;font-weight:500}
.print-layout-notes>span{font-size:8px;color:#88a4be;line-height:1.5}
.print-layout-notes>small{font-size:8px;color:#a0b2c4;line-height:1.5}
@media(max-width:400px){.print-layout-demo{gap:14px}.print-layout-notes>b{font-size:11px}}

/* Center capability tabs within the full navigation bar. */
.home-page .section-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center}
.home-page .section-nav>.nav-caption{grid-column:1;justify-self:start}
.home-page .section-nav>div.capability-tabs{grid-column:2;justify-self:center}
@media(max-width:850px){.home-page .section-nav{grid-template-columns:minmax(0,1fr)}.home-page .section-nav>div.capability-tabs{grid-column:1;justify-self:center;width:100%;max-width:520px;box-sizing:border-box}}

/* Image understanding: uploaded chart and concise AI findings. */
#ai-vision .vision-analysis{display:grid;gap:18px;margin:24px 0 18px;color:#29445f}
#ai-vision .vision-question{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#f0f6ff;border-radius:11px}
#ai-vision .vision-avatar{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:8px;background:white;color:#087bff;font-size:12px}
#ai-vision .vision-question p{margin:0;font-size:13px;line-height:1.8;color:#476481}
#ai-vision .vision-chart-card{padding:18px 20px 14px;border:1px solid #dce8f4;border-radius:13px;background:#fff}
#ai-vision .vision-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#ai-vision .vision-file-label{display:flex;align-items:center;gap:5px;color:#6d849a;font-size:10px}
#ai-vision .vision-file-label svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3}
#ai-vision .vision-chart-heading h3{margin:7px 0 0;font-size:16px;font-weight:600;line-height:1.5;color:#29445f}
#ai-vision .vision-period{font-size:10px;color:#71859a;white-space:nowrap}
#ai-vision .vision-chart{height:160px;position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:25px;padding:0 8px;isolation:isolate}
#ai-vision .vision-gridlines{position:absolute;inset:0 0 24px;display:flex;flex-direction:column;justify-content:space-between;z-index:-1;border-bottom:1px solid #dce7f2}
#ai-vision .vision-gridlines i{height:1px;width:100%;background:#edf2f7}
#ai-vision .vision-bar{position:relative;height:136px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding-top:22px;box-sizing:border-box}
#ai-vision .vision-bar>i{display:block;flex-shrink:0;height:calc(var(--bar-height) * .8);width:min(100%,42px);border-radius:5px 5px 0 0;background:linear-gradient(180deg,#9acbff,#6eb1fb)}
#ai-vision .vision-bar>strong{font-size:10px;font-weight:500;line-height:1.4;margin-bottom:5px;color:#587794}
#ai-vision .vision-bar>span{position:absolute;top:calc(100% + 7px);font-size:10px;color:#62788d;white-space:nowrap}
#ai-vision .vision-bar.is-peak>i{background:linear-gradient(180deg,#31b2f4,#087bff)}
#ai-vision .vision-bar.is-peak>strong{color:#086ed9;font-weight:600}
#ai-vision .vision-insight{padding:17px 18px;border-radius:12px;background:linear-gradient(120deg,#edf5ff,#f2faff)}
#ai-vision .vision-insight-heading{display:flex;align-items:center;gap:8px}
#ai-vision .vision-ai-mark{display:grid;place-items:center;color:#087bff}
#ai-vision .vision-ai-mark svg{width:18px;height:18px;fill:currentColor}
#ai-vision .vision-insight-heading>strong{font-size:13px;font-weight:600}
#ai-vision .vision-insight-badge{margin-left:auto;color:#537998;font-size:9px;white-space:nowrap}
#ai-vision .vision-insight>p{margin:11px 0 15px;font-size:12px;line-height:1.8;color:#506a84}
#ai-vision .vision-findings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:13px;border-top:1px solid #d7e6f4}
#ai-vision .vision-findings>div{display:flex;flex-direction:column;gap:5px;min-width:0}
#ai-vision .vision-findings span{font-size:10px;color:#617b94}
#ai-vision .vision-findings strong{font-size:14px;font-weight:600;color:#294d70}
#ai-vision .vision-findings b{color:#087bff;font-weight:600}
#ai-vision .vision-findings small{font-size:9px;line-height:1.6;color:#627b92}
#ai-vision .example-note{margin-top:12px}
@media(max-width:540px){#ai-vision .vision-chart-card{padding:14px 12px 12px}#ai-vision .vision-chart{gap:12px;height:145px}#ai-vision .vision-bar{height:121px}#ai-vision .vision-period{font-size:9px}#ai-vision .vision-insight{padding:14px 12px}#ai-vision .vision-insight-heading{flex-wrap:wrap}#ai-vision .vision-insight-badge{margin-left:26px}#ai-vision .vision-findings{gap:8px}#ai-vision .vision-findings strong{font-size:12px}#ai-vision .vision-question p{font-size:12px}}

/* SMS scenario: concise notification preview. */
#ai-sms .sms-demo{display:grid;gap:20px;margin:24px 0 20px;color:#29445f}
#ai-sms .sms-request{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f0f6ff;border-radius:11px}
#ai-sms .sms-request>span{display:grid;place-items:center;flex:0 0 26px;height:26px;background:#fff;border-radius:8px;color:#087bff;font-size:12px}
#ai-sms .sms-request p{margin:1px 0 0;font-size:13px;line-height:1.85;color:#476481}
#ai-sms .sms-preview{overflow:hidden;border:1px solid #dce7f2;border-radius:14px;background:#fff;box-shadow:0 8px 24px #24496c06}
#ai-sms .sms-preview-heading{display:flex;align-items:center;gap:11px;padding:20px 22px}
#ai-sms .sms-message-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf5ff;color:#087bff;flex-shrink:0}
#ai-sms .sms-message-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#ai-sms .sms-preview-heading h3{margin:0;font-size:16px;font-weight:600;color:#263d55;line-height:1.5}
#ai-sms .sms-preview-heading div>span{display:block;font-size:11px;color:#657d94;margin-top:3px}
#ai-sms .sms-preview-label{margin-left:auto;color:#617c92;font-size:10px;white-space:nowrap}
#ai-sms .sms-recipient{display:flex;align-items:center;gap:18px;margin:0 22px;padding:13px 0;border-top:1px solid #e8eff6;border-bottom:1px solid #e8eff6;font-size:12px}
#ai-sms .sms-recipient>span{color:#657d94}
#ai-sms .sms-recipient strong{font-size:13px;font-weight:500;letter-spacing:.4px;color:#314c68}
#ai-sms .sms-body{margin:18px 22px;padding:17px 20px;border-left:3px solid #2288f5;background:#f3f8ff;border-radius:0 9px 9px 0}
#ai-sms .sms-body>span{font-size:10px;color:#617b95}
#ai-sms .sms-body p{margin:9px 0 0;font-size:20px;line-height:1.75;font-weight:500;letter-spacing:.2px;color:#294b70}
#ai-sms .sms-preview-foot{display:flex;align-items:center;gap:7px;padding:0 22px 19px;color:#617b93;font-size:11px}
#ai-sms .sms-ai-dot{width:5px;height:5px;background:#2388ef;border-radius:50%;flex-shrink:0}
#ai-sms .sms-process{padding:0 3px}
#ai-sms .sms-process h3{margin:0 0 13px;font-size:13px;font-weight:500;color:#476481}
#ai-sms .sms-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
#ai-sms .sms-process li{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #dce8f4}
#ai-sms .sms-process li>span{color:#087bff;font-size:10px;font-weight:500}
#ai-sms .sms-process strong{color:#476481;font-size:12px;font-weight:500}
@media(max-width:540px){#ai-sms .sms-demo{gap:17px}#ai-sms .sms-request p{font-size:12px}#ai-sms .sms-preview-heading{padding:16px 14px;gap:9px}#ai-sms .sms-preview-heading h3{font-size:14px}#ai-sms .sms-preview-label{font-size:9px}#ai-sms .sms-recipient{margin:0 14px}#ai-sms .sms-body{margin:16px 14px;padding:14px 16px}#ai-sms .sms-body p{font-size:18px}#ai-sms .sms-preview-foot{padding:0 14px 16px;font-size:10px}#ai-sms .sms-process ol{gap:9px}#ai-sms .sms-process li{gap:5px}#ai-sms .sms-process strong{font-size:11px}}

/* Voice recognition: a compact meeting note with a single document surface. */
#ai-voice .voice-demo{display:grid;gap:18px;margin:24px 0 18px;color:#29445f}
#ai-voice .voice-request{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f0f6ff;border-radius:11px}
#ai-voice .voice-request>span{display:grid;place-items:center;flex:0 0 26px;height:26px;background:white;border-radius:8px;color:#087bff;font-size:12px}
#ai-voice .voice-request p{margin:1px 0 0;font-size:13px;line-height:1.85;color:#476481}
#ai-voice .voice-notes{border:1px solid #dce7f2;border-radius:14px;overflow:hidden;background:#fff}
#ai-voice .voice-recording{display:flex;align-items:center;gap:12px;padding:19px 22px;background:linear-gradient(105deg,#f0f6ff,#f5fbff);border-bottom:1px solid #e3edf7}
#ai-voice .voice-mic{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:11px;background:#fff;color:#087bff}
#ai-voice .voice-mic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#ai-voice .voice-file strong{display:block;font-size:14px;font-weight:600;line-height:1.6;color:#29445f}
#ai-voice .voice-file>span{display:block;margin-top:3px;font-size:10px;color:#627b94}
#ai-voice .voice-waveform{display:flex;align-items:center;justify-content:flex-end;gap:3px;height:34px;margin-left:auto;max-width:42%;overflow:hidden}
#ai-voice .voice-waveform i{display:block;flex:0 0 3px;border-radius:4px;background:#2994f3;opacity:.6}
#ai-voice .voice-waveform i:nth-child(3n){background:#07b4cf;opacity:.8}
#ai-voice .voice-transcription{padding:20px 22px 0}
#ai-voice .voice-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
#ai-voice .voice-section-title h3{margin:0;font-size:13px;line-height:1.6;font-weight:600;color:#29445f}
#ai-voice .voice-section-title>span{font-size:10px;color:#6b8096}
#ai-voice .voice-transcription p{margin:12px 0 0;padding:0 0 0 12px;border-left:2px solid #adcfff;font-size:13px;line-height:1.95;color:#536c85}
#ai-voice .voice-actions{padding:21px 22px 10px}
#ai-voice .voice-actions ol{list-style:none;padding:0;margin:9px 0 0}
#ai-voice .voice-actions li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eaf0f6}
#ai-voice .voice-actions li:last-child{border-bottom:0}
#ai-voice .voice-task-number{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:7px;background:#edf5ff;color:#087bff;font-size:10px;font-weight:500}
#ai-voice .voice-actions li strong{display:block;font-size:13px;font-weight:500;color:#34536f;line-height:1.6}
#ai-voice .voice-actions li div>span{display:block;margin-top:2px;color:#6a7f94;font-size:10px}
#ai-voice .voice-task-detail{margin-left:auto;font-size:11px;color:#526c86;white-space:nowrap}
@media(max-width:540px){#ai-voice .voice-request p{font-size:12px}#ai-voice .voice-recording{padding:16px 14px;gap:9px}#ai-voice .voice-waveform{max-width:30%;gap:2px}#ai-voice .voice-file strong{font-size:13px}#ai-voice .voice-transcription{padding:17px 14px 0}#ai-voice .voice-transcription p{font-size:12px}#ai-voice .voice-actions{padding:18px 14px 8px}#ai-voice .voice-actions li{gap:9px}#ai-voice .voice-actions li strong{font-size:12px}#ai-voice .voice-task-detail{font-size:10px}}

/* Search scenario: a focused research brief. */
#ai-search .research-demo{display:grid;gap:18px;margin:24px 0 18px;color:#29445f}
#ai-search .research-request{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f0f6ff;border-radius:11px}
#ai-search .research-request>span{display:grid;place-items:center;flex:0 0 26px;height:26px;background:#fff;border-radius:8px;color:#087bff;font-size:12px}
#ai-search .research-request p{margin:1px 0 0;font-size:13px;line-height:1.85;color:#476481}
#ai-search .research-document{overflow:hidden;border:1px solid #dce7f2;border-radius:14px;background:#fff}
#ai-search .research-heading{display:flex;align-items:center;gap:11px;padding:20px 22px 0}
#ai-search .research-search-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;background:#edf5ff;color:#087bff;border-radius:11px}
#ai-search .research-search-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#ai-search .research-heading div>span{display:block;color:#627b94;font-size:10px;margin-bottom:3px}
#ai-search .research-heading h3{margin:0;color:#263d55;font-size:16px;font-weight:600;line-height:1.5}
#ai-search .research-example{margin-left:auto;font-size:10px;white-space:nowrap;color:#627b94}
#ai-search .research-topics{display:flex;flex-wrap:wrap;gap:8px;margin:16px 22px 0;padding-bottom:18px;border-bottom:1px solid #e8eff6}
#ai-search .research-topics>span{font-size:10px;line-height:1.6;padding:4px 9px;border-radius:5px;background:#f2f6fb;color:#58748f}
#ai-search .research-content{padding:18px 22px 4px}
#ai-search .research-summary>span{font-size:11px;font-weight:500;color:#0875e7}
#ai-search .research-summary p{font-size:13px;line-height:1.9;color:#34536f;margin:7px 0 15px}
#ai-search .research-directions{list-style:none;margin:0;padding:0}
#ai-search .research-directions li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid #edf2f7}
#ai-search .research-index{font-size:10px;font-weight:500;color:#2584df;line-height:22px;flex:0 0 19px}
#ai-search .research-directions li>div{flex:1;min-width:0}
#ai-search .research-row-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
#ai-search .research-row-title h4{margin:0;font-size:13px;line-height:1.7;font-weight:500;color:#34536f}
#ai-search .research-row-title>span{font-size:9px;color:#71849a;white-space:nowrap}
#ai-search .research-directions p{margin:4px 0 0;font-size:11px;line-height:1.8;color:#60788f}
#ai-search .research-foot{display:flex;align-items:center;gap:7px;padding:12px 22px;background:#f2f7fd;color:#536f89;font-size:10px;line-height:1.7}
#ai-search .research-foot svg{width:15px;height:15px;flex-shrink:0;fill:none;stroke:#388fdf;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:540px){#ai-search .research-request p{font-size:12px}#ai-search .research-heading{padding:17px 14px 0;gap:9px}#ai-search .research-heading h3{font-size:14px}#ai-search .research-example{font-size:9px}#ai-search .research-topics{margin:14px 14px 0;padding-bottom:15px}#ai-search .research-content{padding:16px 14px 3px}#ai-search .research-summary p{font-size:12px}#ai-search .research-break{display:none}#ai-search .research-directions li{gap:8px}#ai-search .research-row-title h4{font-size:12px}#ai-search .research-foot{padding:11px 14px}}

/* Document recognition: source receipt and structured destination. */
.capture-demo{margin:24px 0 18px;color:#34536f}
.capture-intro{display:flex;align-items:center;gap:11px;margin-bottom:22px}
.capture-symbol{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;background:#edf5ff;color:#087bff}
.capture-symbol svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.capture-intro strong{font-size:14px;font-weight:600;color:#29445f;line-height:1.6}
.capture-intro p{font-size:11px;line-height:1.8;margin:3px 0 0;color:#617b94}
.capture-comparison{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:18px;align-items:stretch}
.capture-source,.capture-target{min-width:0;display:flex;flex-direction:column}
.capture-label{display:flex;align-items:center;gap:7px;margin-bottom:11px}
.capture-label>span{font-size:10px;color:#1685ee;font-weight:500}
.capture-label h3{font-size:12px;font-weight:500;margin:0;color:#34536f}
.capture-label small{margin-left:auto;font-size:9px;color:#6e8296;white-space:nowrap}
.capture-paper{flex:1;padding:20px 13px 15px;background:#fffcf7;border:1px solid #e5e0d6;border-radius:4px;box-shadow:0 5px 14px #243c5806;color:#616875}
.capture-paper-title{text-align:center;font-size:16px;font-weight:600;line-height:1.5;color:#4a5566;padding-bottom:17px;border-bottom:1px solid #e8e2d9}
.capture-paper dl{display:grid;grid-template-columns:auto 1fr;gap:6px 8px;margin:14px 0;font-size:10px;line-height:1.7}
.capture-paper dt{color:#7b818a}.capture-paper dd{margin:0;overflow-wrap:anywhere}
.capture-paper table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}
.capture-paper th,.capture-paper td{padding:9px 4px;border-bottom:1px solid #e8e2d9;font-weight:400;text-align:left;white-space:nowrap}
.capture-paper th{color:#7b818a;background:#f6f3ed}
.capture-paper td:last-child,.capture-paper th:last-child{text-align:right}
.capture-paper td:nth-child(2),.capture-paper th:nth-child(2){text-align:center}
.capture-paper-total{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:17px;font-size:10px}
.capture-paper-total strong{font-size:13px;color:#4d596c;font-weight:500}
.capture-sheet{display:flex;flex-direction:column;flex:1;border:1px solid #cddff0;border-radius:9px;overflow:hidden;background:#fff}
.capture-sheet-bar{display:flex;align-items:center;gap:7px;padding:12px 10px;background:#eef5ff;font-size:11px}
.capture-sheet-icon{color:#0b83ef;font-size:17px;line-height:1}
.capture-sheet-bar strong{font-weight:500;color:#34536f}
.capture-sheet-bar>span:last-child{font-size:9px;color:#647f97;margin-left:auto}
.capture-sheet table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:10px;flex:1}
.capture-row-index{width:22px}
.capture-sheet th,.capture-sheet td{border:1px solid #dce7f2;height:34px;padding:7px 5px;line-height:1.5;font-weight:400;overflow-wrap:anywhere}
.capture-sheet th{background:#f6f9fc;text-align:center;color:#8195a9;font-size:9px}
.capture-sheet thead th{height:24px;padding:4px}
.capture-sheet .capture-sheet-columns td{background:#f1f6fc;color:#627f98}
.capture-sheet .capture-filled{background:#f7fbff;color:#345f89}
.capture-sheet .capture-total{background:#ebf5ff;color:#087bff;font-weight:600;box-shadow:inset 0 0 0 1.5px #3697ff}
.capture-sheet-tab{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f1f6fc;padding:0 10px;font-size:10px;min-height:30px}
.capture-sheet-tab>span{color:#087bff;border-bottom:2px solid #087bff;padding:7px 3px}
.capture-sheet-tab small{font-size:8px;color:#71889f}
.capture-review{display:flex;align-items:center;gap:10px;margin-top:20px;padding:13px 15px;border-radius:10px;background:#f0f6fd}
.capture-review>span{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;background:#e0eeff;color:#087bff;border-radius:50%}
.capture-review svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.capture-review strong{font-size:12px;font-weight:500;color:#34536f}
.capture-review p{font-size:10px;line-height:1.8;color:#627d94;margin:3px 0 0}
@media(max-width:600px){.capture-comparison{grid-template-columns:1fr;gap:20px}.capture-paper{padding:18px}.capture-paper dl,.capture-paper table,.capture-paper-total{font-size:12px}.capture-sheet table{font-size:12px}.capture-sheet th,.capture-sheet td{height:36px}.capture-label h3{font-size:13px}.capture-label small{font-size:10px}.capture-sheet-bar{padding:12px;font-size:13px}.capture-intro strong{font-size:13px}.capture-intro p{font-size:10px}}

/* Email scenario: a concise invitation draft. */
#ai-mail .mail-demo{display:grid;gap:18px;margin:24px 0 18px;color:#34536f}
#ai-mail .mail-request{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f0f6ff;border-radius:11px}
#ai-mail .mail-request>span{display:grid;place-items:center;flex:0 0 26px;height:26px;background:#fff;border-radius:8px;color:#087bff;font-size:12px}
#ai-mail .mail-request p{margin:1px 0 0;font-size:13px;line-height:1.85;color:#476481}
#ai-mail .mail-draft{border:1px solid #dce7f2;border-radius:14px;overflow:hidden;background:#fff}
#ai-mail .mail-draft-header{display:flex;align-items:center;gap:10px;padding:17px 22px;background:#f5f9fe;border-bottom:1px solid #e5edf6}
#ai-mail .mail-draft-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#e9f2ff;color:#087bff;border-radius:10px}
#ai-mail .mail-draft-icon svg,#ai-mail .mail-calendar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#ai-mail .mail-draft-header strong{display:block;font-size:14px;font-weight:600;line-height:1.5;color:#29445f}
#ai-mail .mail-draft-header div>span{display:block;font-size:10px;color:#627b94;margin-top:3px}
#ai-mail .mail-draft-badge{margin-left:auto;font-size:10px;color:#657d94;white-space:nowrap}
#ai-mail .mail-address{display:flex;align-items:center;gap:14px;padding:13px 22px;border-bottom:1px solid #eaf0f6;font-size:11px;color:#657d94}
#ai-mail .mail-address .mail-recipient{padding:4px 10px;border-radius:6px;background:#f0f5fb;color:#3e6385;font-size:11px}
#ai-mail .mail-draft-content{padding:20px 22px 16px}
#ai-mail .mail-subject-label{font-size:10px;color:#687f96}
#ai-mail .mail-draft-content h3{margin:5px 0 17px;font-size:19px;font-weight:600;line-height:1.5;color:#263e57}
#ai-mail .mail-letter p{margin:0 0 11px;font-size:12px;line-height:1.9;color:#526d86}
#ai-mail .mail-letter p:last-child{margin-bottom:0}
#ai-mail .mail-letter p strong{color:#34536f;font-weight:500}
#ai-mail .mail-event{display:flex;align-items:center;gap:11px;margin:14px 0;padding:13px 15px;background:#f0f6ff;border-radius:9px}
#ai-mail .mail-calendar{display:grid;place-items:center;color:#087bff;flex-shrink:0}
#ai-mail .mail-event strong{display:block;font-size:14px;font-weight:600;line-height:1.5;color:#2b5880}
#ai-mail .mail-event div>span{display:block;margin-top:3px;font-size:10px;color:#607b94}
#ai-mail .mail-draft-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 22px;background:#fafcff;border-top:1px solid #eaf0f6;font-size:10px;color:#6a8095}
#ai-mail .mail-send-preview{display:inline-flex;align-items:center;justify-content:center;background:#087bff;color:#fff;padding:9px 16px;border-radius:7px;font-size:12px;line-height:1.5}
@media(max-width:540px){#ai-mail .mail-request p{font-size:12px}#ai-mail .mail-draft-header{padding:15px 14px}#ai-mail .mail-address{padding:12px 14px}#ai-mail .mail-draft-content{padding:17px 14px 15px}#ai-mail .mail-draft-content h3{font-size:17px}#ai-mail .mail-draft-footer{padding:12px 14px}#ai-mail .mail-draft-badge{font-size:9px}}

/* Clear source-to-form mapping, with matching supplier and total highlights. */
.capture-comparison{grid-template-columns:minmax(0,.9fr) 48px minmax(0,1.15fr);gap:10px;padding:17px 12px;background:linear-gradient(130deg,#f7faff,#eef7ff);border-radius:14px}
.capture-label{margin-bottom:13px}.capture-label small{font-size:8px}
.capture-paper{background:#fffefb;border-color:#e5e1d8;border-radius:7px;padding:18px 11px 15px;box-shadow:0 6px 16px #24496c09;transform:rotate(-1deg)}
.capture-paper-title{font-size:15px;padding-bottom:13px}
.capture-paper dl{gap:8px 5px;margin:13px 0}
.capture-paper .capture-match-source{background:#e9f3ff;border:1px dashed #7bb8ff;color:#2364a8;border-radius:4px;padding:2px 4px;margin:-2px -4px}
.capture-paper-total{padding:9px 7px;background:#e9f8f5;border:1px dashed #77c4b9;border-radius:5px;margin-top:14px;color:#35766f}
.capture-paper-total strong{font-size:12px;color:#26776d}
.capture-transfer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding-top:28px;text-align:center}
.capture-transfer>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#087bff;color:white;box-shadow:0 4px 12px #087bff24;margin-bottom:3px}
.capture-transfer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.capture-transfer strong{font-size:9px;color:#3274b2;font-weight:500;white-space:nowrap}.capture-transfer small{font-size:8px;color:#687f95;white-space:nowrap}
.capture-sheet{border-color:#c9def4;box-shadow:0 5px 18px #2e6eb010}
.capture-sheet-bar{padding:11px 8px;background:#eaf3ff}
.capture-sheet-icon svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.3}
.capture-sheet th,.capture-sheet td{height:32px;padding:6px 4px;border-color:#e1eaf4}
.capture-sheet .capture-filled{background:#fff;color:#435e78}
.capture-sheet .capture-match-target{background:#e9f3ff;color:#2364a8;box-shadow:inset 3px 0 #4095ef}
.capture-sheet .capture-total{background:#e9f8f5;color:#26776d;box-shadow:inset 3px 0 #48ac9c;font-weight:600}
.capture-sheet-tab{padding:0 8px}.capture-sheet-tab small{font-size:7px}
.capture-review{margin-top:15px;padding:8px 3px;background:transparent;border-radius:0}
.capture-review>span{width:25px;height:25px;background:#e9f3ff}
.capture-review p{font-size:10px}
@media(max-width:600px){.capture-comparison{grid-template-columns:1fr;gap:14px;padding:16px}.capture-paper{transform:none;padding:18px}.capture-transfer{padding:0;gap:7px;flex-direction:row}.capture-transfer>span{width:28px;height:28px;margin:0}.capture-transfer svg{transform:rotate(90deg);width:17px;height:17px}.capture-transfer strong{font-size:11px}.capture-transfer small{font-size:10px}.capture-label small{font-size:10px}.capture-sheet th,.capture-sheet td{padding:8px 6px;height:36px}.capture-paper-total strong{font-size:14px}.capture-sheet-tab small{font-size:9px}}
/* AI image creation: brief, canvas, refinement. */
.creative-demo{margin-top:24px;color:#345773}.creative-brief{display:flex;gap:13px;align-items:center;margin-bottom:20px;padding:16px 18px;background:#f3f7fc;border-radius:12px}.creative-avatar{display:grid;place-items:center;flex:0 0 32px;height:32px;color:#1685ff;background:white;border-radius:10px;font-size:13px}.creative-brief small{font-size:10px;color:#8a9eb5}.creative-brief p{font-size:13px;line-height:1.8;margin:3px 0 0;color:#53728f}.creative-workspace{border:1px solid #e1eaf3;border-radius:14px;overflow:hidden}.creative-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:white}.creative-toolbar>span{font-size:12px;font-weight:550;display:flex;gap:8px;align-items:center}.creative-toolbar i{font-style:normal;color:#1685ff;font-size:17px}.creative-toolbar small{font-size:10px;color:#8a9eb5}.creative-canvas{padding:23px;background:#eff3f8;background-image:radial-gradient(#d4dfeb .7px,transparent .7px);background-size:12px 12px}.creative-poster{position:relative;isolation:isolate;min-height:290px;aspect-ratio:1.5;background:linear-gradient(120deg,#fafdff 15%,#e7f5ff 64%,#cceaff);padding:24px 25px 19px;overflow:hidden;box-shadow:0 10px 25px #2c567a14;color:#1758a3;display:flex;flex-direction:column}.creative-poster-brand{display:flex;align-items:center;justify-content:space-between;font-size:19px;font-weight:650;color:#1687eb;z-index:2}.creative-poster-brand>span{font-size:7px;letter-spacing:1.4px;font-weight:500;color:#7198b9}.creative-poster-copy{position:relative;z-index:2;margin:31px 0 23px}.creative-poster-copy>small{font-size:10px;color:#6c90ad;letter-spacing:2px}.creative-poster-copy>strong{display:block;font-size:clamp(28px,3.3vw,48px);line-height:1.16;letter-spacing:-1px;margin:12px 0 13px;font-weight:650;color:#155baa}.creative-poster-copy>strong>span{color:#21aee0}.creative-poster-copy>p{font-size:10px;color:#5e88aa;letter-spacing:1px}.creative-poster-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#7b9bb5;margin-top:auto;border-top:1px solid #bfd7e778;padding-top:13px;letter-spacing:1px}.creative-orbit{position:absolute;width:225px;height:225px;right:-22px;top:24%;z-index:1;transform:rotate(-18deg)}.creative-orbit-ring{position:absolute;inset:20px;border:29px solid #53b9f3;border-left-color:#b1e8ff;border-bottom-color:#087beb;border-radius:50%;box-shadow:inset 0 4px 12px #005bbb20,0 18px 24px #0e8bd72b;transform:rotate(-25deg)}.creative-orbit-core{position:absolute;inset:60px;display:grid;place-items:center;font-size:55px;color:white;background:linear-gradient(140deg,#4fcfff,#1386ef);border-radius:28px;box-shadow:0 12px 25px #167ccf35;transform:rotate(18deg)}.creative-tile{position:absolute;background:linear-gradient(140deg,#fff,#edf8ffdf);border:1px solid #fff;border-radius:12px;box-shadow:0 10px 18px #116cba1c;display:flex;align-items:center;justify-content:center}.tile-one{width:65px;height:52px;left:7px;top:20px;gap:5px;flex-direction:column;transform:rotate(13deg)}.tile-one i{height:3px;width:31px;background:#66b3eb;border-radius:3px}.tile-one i:last-child{width:20px;margin-right:11px}.tile-two{right:4px;top:43px;width:45px;height:45px;color:#218ef1;font-size:25px;transform:rotate(32deg)}.tile-three{bottom:1px;right:52px;width:65px;height:52px;gap:5px;align-items:flex-end;padding:11px;transform:rotate(9deg)}.tile-three b{width:8px;height:13px;background:#54b6f4;border-radius:2px}.tile-three b:nth-child(2){height:22px}.tile-three b:nth-child(3){height:30px}.creative-spec{display:flex;align-items:center;gap:18px;padding:13px 18px;background:#fff;font-size:10px;color:#7c93a9}.creative-spec>span{display:flex;align-items:center;gap:6px}.creative-swatch{width:13px;height:13px;display:inline-block;border-radius:50%;background:linear-gradient(90deg,#198aff 50%,#eaf7ff 50%);border:1px solid #d6e8f5}.creative-refine{display:flex;gap:10px;align-items:center;padding:17px 3px 0}.creative-refine-mark{color:#278eec;font-size:24px}.creative-refine strong{font-size:12px;font-weight:500;color:#456b8b}.creative-refine p{font-size:11px;color:#8b9fb3;margin-top:6px}.creative-refine-label{font-size:9px;color:#94a8ba;margin-left:auto;white-space:nowrap}
@media(max-width:540px){.creative-canvas{padding:13px}.creative-poster{min-height:245px;padding:18px 17px 13px}.creative-poster-brand{font-size:16px}.creative-poster-brand>span{font-size:6px;letter-spacing:.7px}.creative-poster-copy{margin-top:26px}.creative-poster-copy>strong{font-size:34px}.creative-poster-copy>small{font-size:8px}.creative-poster-copy>p{font-size:8px;letter-spacing:0}.creative-orbit{width:180px;height:180px;right:-47px;top:27%;transform:rotate(-18deg) scale(.85)}.creative-orbit-ring{border-width:23px}.creative-orbit-core{inset:48px;font-size:40px;border-radius:22px}.creative-brief{padding:13px;gap:10px}.creative-brief p{font-size:12px}.creative-spec{gap:12px;padding:12px;font-size:9px}.creative-refine-label{display:none}.creative-poster-foot{font-size:7px}.creative-refine strong{font-size:11px}}
@media(max-width:540px){.creative-poster{aspect-ratio:auto;width:100%;min-width:0}.creative-orbit{right:-55px;top:22%;transform:rotate(-18deg) scale(.7);transform-origin:right center}.creative-poster-brand>span{max-width:100px;text-align:right}.creative-poster-copy{margin-bottom:24px}}
/* Image studio: editorial brief beside a portrait campaign poster. */
.image-studio{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;margin-top:28px;align-items:center}.image-studio-brief{padding:8px 0 8px 4px}.studio-kicker{font-size:10px;letter-spacing:2px;color:#7f9bb5}.image-studio-brief h3{font-size:27px;line-height:1.4;color:#264768;letter-spacing:-.6px;margin:15px 0 20px}.studio-prompt{font-size:13px;line-height:1.95;color:#66839e;margin:0 0 25px}.image-studio-brief dl{margin:0;display:grid;gap:13px;font-size:11px}.image-studio-brief dl>div{display:flex;gap:18px;align-items:center}.image-studio-brief dt{color:#91a5b8}.image-studio-brief dd{margin:0;display:flex;align-items:center;gap:5px;color:#526f8c}.studio-color{width:10px;height:10px;border-radius:50%;display:inline-block}.studio-color.blue{background:#177ef4}.studio-color.white{background:#fff;border:1px solid #cddbea;margin-right:4px}.studio-direction{display:flex;gap:11px;align-items:center;margin-top:33px}.studio-direction>span{font-size:28px;color:#1989f9}.studio-direction p{font-size:10px;line-height:1.8;color:#8ba0b5}.studio-direction strong{font-size:12px;color:#5381a6;font-weight:500}.image-studio-result{min-width:0}.studio-result-label{display:flex;justify-content:space-between;color:#8ca2b8;font-size:9px;margin-bottom:11px}.studio-poster{min-height:420px;position:relative;overflow:hidden;isolation:isolate;padding:23px 22px 20px;background:linear-gradient(160deg,#f5fcff 0%,#e1f1ff 47%,#c0e3ff 100%);box-shadow:0 15px 30px #2c6a9b13;color:#0a59b7;border-radius:3px}.studio-brand{font-size:20px;font-weight:650;letter-spacing:-.5px}.studio-brand>span{font-size:10px;font-weight:500;margin-left:3px}.studio-poster-title{position:relative;z-index:2;margin-top:30px}.studio-poster-title>small{font-size:6px;letter-spacing:1.1px;color:#4383b7;display:block}.studio-poster-title>strong{display:block;font-size:44px;line-height:1.13;letter-spacing:-2px;margin:12px 0;color:#095bc0;font-weight:700}.studio-poster-title>strong>span{color:#2b9df0}.studio-poster-title>p{font-size:9px;letter-spacing:.5px;color:#6390b4}.studio-sculpture{height:175px;position:relative;margin-top:3px;transform:rotate(-8deg)}.studio-ribbon{position:absolute;width:150px;height:90px;border-radius:50%;border:20px solid transparent;transform:rotate(-38deg);left:16%;top:34px}.ribbon-back{border-color:#c7f5ff #63b9ff #1381ec #bce7ff;box-shadow:inset 2px 5px 8px #185ca826,0 12px 20px #2279bc25;transform:translateX(55px) rotate(-38deg)}.ribbon-front{border-color:#2498fa #91d9ff #0a63d5 #50b5ff;box-shadow:inset 0 5px 8px #fff8,0 12px 20px #2279bc25;top:62px;transform:rotate(-38deg)}.studio-orb{position:absolute;right:6%;top:9px;width:28px;height:28px;background:radial-gradient(circle at 30% 24%,white,#a4ddff 48%,#318adf);border-radius:50%;box-shadow:0 9px 12px #236fb11c}.studio-star{position:absolute;left:13%;bottom:15px;font-size:25px;color:#fff;text-shadow:0 3px 9px #399dee40}.studio-poster-bottom{display:flex;justify-content:space-between;align-items:end;font-size:8px;line-height:1.6;color:#5186b0;position:relative;z-index:2}.studio-poster-bottom>b{font-size:8px;font-weight:500}.studio-followup{display:flex;gap:12px;align-items:center;background:#f5f8fc;border-radius:10px;padding:15px 17px;margin-top:24px}.studio-followup>span{font-size:22px;color:#3295ef}.studio-followup p{font-size:10px;color:#8a9fb3;line-height:1.8;margin:0}.studio-followup strong{display:block;font-size:12px;color:#567b9d;font-weight:400}.studio-followup>small{font-size:9px;color:#9aafc2;margin-left:auto;white-space:nowrap}
@media(max-width:540px){.image-studio{grid-template-columns:1fr;gap:21px;margin-top:22px}.image-studio-brief{padding:0}.image-studio-brief h3{font-size:25px;margin:10px 0 12px}.image-studio-brief h3 br{display:none}.studio-prompt{font-size:12px;margin-bottom:16px}.image-studio-brief dl{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:10px}.image-studio-brief dl>div{gap:8px}.studio-direction{display:none}.image-studio-result{width:100%;max-width:340px;margin:auto}.studio-poster{min-height:420px;padding:22px}.studio-poster-title>strong{font-size:46px}.studio-sculpture{height:178px}.studio-followup{padding:12px;gap:8px}.studio-followup strong{font-size:11px}.studio-followup>small{display:none}}
/* Campaign composition, with a full-width visual and a quiet conversation. */
.campaign-demo{margin-top:25px}.campaign-request{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f4f7fc;border-radius:12px}.campaign-request>span{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:white;color:#1485ff;display:grid;place-items:center;font-size:12px}.campaign-request p{font-size:13px;color:#63809d;line-height:1.8;margin:0}.campaign-preview-label{display:flex;align-items:center;justify-content:space-between;margin:23px 2px 12px;font-size:12px;color:#496d8e}.campaign-preview-label b{color:#178bfa;font-size:18px;margin-right:5px}.campaign-preview-label small{font-size:9px;color:#91a6ba}.campaign-art{min-height:345px;position:relative;overflow:hidden;isolation:isolate;padding:25px;background:linear-gradient(120deg,#f5fbff 5%,#e2f4ff 60%,#c3edff);border-radius:14px;color:#18518c}.campaign-brand{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:650;color:#167adc;position:relative;z-index:2}.campaign-brand>span{font-size:8px;letter-spacing:1px;font-weight:400;color:#6f9bb9}.campaign-title{position:relative;z-index:2;margin-top:43px}.campaign-title>span{font-size:8px;letter-spacing:2.2px;color:#539bd0}.campaign-title h3{font-size:38px;font-weight:650;line-height:1.28;letter-spacing:-1px;margin:12px 0 15px;color:#125697}.campaign-title>p{font-size:10px;color:#6b96b4;margin:0}.campaign-visual{position:absolute;width:260px;height:245px;right:-13px;top:78px;z-index:1}.campaign-halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#fff9 0%,#68d4f733 52%,transparent 70%)}.campaign-pane{position:absolute;border-radius:16px;transform:rotate(-12deg) skewY(4deg);box-shadow:0 19px 25px #1772b924}.pane-back{width:133px;height:159px;left:65px;top:13px;background:linear-gradient(145deg,#6accff,#1a7bde);border:1px solid #68c5ff;padding:24px 20px}.pane-back>i{height:5px;width:60%;display:block;border-radius:5px;background:#fff8;margin-bottom:10px}.pane-back>i:first-child{width:85%}.pane-front{width:156px;height:143px;left:20px;top:66px;background:linear-gradient(145deg,#ffffffee,#d9f2ffdf);border:1px solid white;display:flex;flex-direction:column;justify-content:center;padding:20px 24px}.pane-front>span{font-size:41px;line-height:1;color:#1987ef}.pane-front>div{display:flex;align-items:end;gap:8px;margin-top:14px;height:32px}.pane-front i{width:19px;height:17px;background:linear-gradient(#70d4f9,#2b96f3);border-radius:4px}.pane-front i:nth-child(2){height:25px}.pane-front i:nth-child(3){height:32px}.campaign-bubble{position:absolute;right:30px;top:153px;width:43px;height:43px;background:#fff;border:1px solid #e4f7ff;border-radius:50%;color:#209ae3;display:grid;place-items:center;font-size:23px;box-shadow:0 8px 16px #096fba17}.campaign-sphere{width:21px;height:21px;position:absolute;left:13px;top:15px;border-radius:50%;background:radial-gradient(circle at 30% 25%,white,#9edfff 55%,#2089dc)}.campaign-art-footer{display:flex;justify-content:space-between;gap:10px;position:relative;z-index:2;margin-top:44px;padding-top:16px;border-top:1px solid #aacee452;color:#6999b8;font-size:8px}.campaign-art-footer b{font-weight:400}.campaign-bottom{margin-top:16px}.campaign-tags{display:flex;gap:8px;color:#7c99b0;font-size:9px}.campaign-tags>span{padding:5px 9px;border-radius:20px;background:#f3f8fd}.campaign-adjust{display:flex;align-items:center;gap:10px;margin-top:17px;padding:15px 0 0;border-top:1px solid #eef3f8}.campaign-adjust>span{font-size:10px;color:#8aa3b8;white-space:nowrap}.campaign-adjust p{font-size:11px;line-height:1.7;color:#5a7c98;margin:0}.campaign-adjust i{font-style:normal;font-size:19px;color:#2995ed;margin-left:auto}
@media(max-width:540px){.campaign-demo{margin-top:20px}.campaign-request{padding:12px;gap:9px}.campaign-request p{font-size:12px}.campaign-art{min-height:405px;padding:20px}.campaign-brand{font-size:16px}.campaign-brand>span{font-size:7px;letter-spacing:0}.campaign-title{margin-top:29px}.campaign-title h3{font-size:33px;margin-bottom:10px}.campaign-title>p{font-size:9px}.campaign-visual{width:240px;height:225px;right:-16px;top:174px;transform:scale(.78);transform-origin:right top}.campaign-art-footer{margin-top:163px;font-size:7px;padding-top:12px}.campaign-art-footer b{max-width:94px;text-align:right}.campaign-adjust{gap:7px;align-items:start}.campaign-adjust p{font-size:10px}.campaign-adjust>span{font-size:9px}}

/* Invoice scan illustration and matching expense fields. */
.capture-paper.invoice-paper{position:relative;transform:none;background:#fffefc;padding:20px 13px;overflow:hidden}
.invoice-paper .capture-paper-title{color:#8b6152;font-size:17px;border-bottom-color:#e9dcd3}
.invoice-paper .capture-paper-title>span{display:block;font-size:9px;font-weight:400;letter-spacing:1px;margin-top:6px;color:#9b8377}
.invoice-paper dl{margin:16px 0;gap:10px 6px}
.invoice-tax{display:flex;justify-content:space-between;margin-top:12px;font-size:10px;color:#717c88}
.invoice-scan-caption{text-align:center;font-size:9px;letter-spacing:.5px;color:#7f95a8;margin-top:16px}
.invoice-scan-edge{position:absolute;inset:8px;pointer-events:none;border-radius:4px;background:linear-gradient(#369cff,#369cff) left top/17px 2px no-repeat,linear-gradient(#369cff,#369cff) left top/2px 17px no-repeat,linear-gradient(#369cff,#369cff) right top/17px 2px no-repeat,linear-gradient(#369cff,#369cff) right top/2px 17px no-repeat,linear-gradient(#369cff,#369cff) left bottom/17px 2px no-repeat,linear-gradient(#369cff,#369cff) left bottom/2px 17px no-repeat,linear-gradient(#369cff,#369cff) right bottom/17px 2px no-repeat,linear-gradient(#369cff,#369cff) right bottom/2px 17px no-repeat}
.invoice-scan-edge::after{content:"";position:absolute;left:0;right:0;top:0;height:28px;background:linear-gradient(transparent,#46b6f51c);border-bottom:1px solid #4baff570;animation:invoice-scan-pass 4.5s ease-in-out infinite;pointer-events:none}
@keyframes invoice-scan-pass{0%{top:0;opacity:0}15%{opacity:.8}80%{opacity:.8}100%{top:calc(100% - 28px);opacity:0}}
@media(prefers-reduced-motion:reduce){.invoice-scan-edge::after{animation:none;display:none}}
@media(max-width:600px){.invoice-paper .capture-paper-title{font-size:19px}.invoice-paper .capture-paper-title>span,.invoice-scan-caption{font-size:10px}.invoice-tax{font-size:12px}}

/* Animated speech recognition illustration. */
@media(prefers-reduced-motion:no-preference){
 #ai-voice .voice-waveform i{transform-origin:center;animation:kimpo-voice-level var(--voice-duration,1100ms) ease-in-out var(--voice-delay,0ms) infinite;will-change:transform}
 #ai-voice .voice-mic{position:relative;animation:kimpo-voice-pulse 2.4s ease-in-out infinite}
}
@keyframes kimpo-voice-level{0%,100%{transform:scaleY(.25);opacity:.45}35%{transform:scaleY(1);opacity:1}65%{transform:scaleY(.5);opacity:.7}82%{transform:scaleY(.85);opacity:.9}}
@keyframes kimpo-voice-pulse{0%,100%{box-shadow:0 0 0 0 rgba(33,145,255,.04)}50%{box-shadow:0 0 0 7px rgba(33,145,255,.09)}}

/* Minimal product poster: one message, one visual. */
#ai-image .campaign-minimal{container-type:inline-size;min-height:340px;padding:28px;background:linear-gradient(130deg,#fff 25%,#f4fbff 70%,#e6f6ff);border:1px solid #e4eef6;color:#203c59}
.campaign-minimal-brand{position:relative;z-index:2;font-size:16px;font-weight:500;color:#237bbd;letter-spacing:.2px}
.campaign-minimal-copy{position:relative;z-index:2;margin-top:48px}
#ai-image .campaign-minimal-copy h3{font-size:clamp(34px,8cqw,48px);font-weight:600;line-height:1.3;letter-spacing:-1px;color:#24415e;margin:0}
.campaign-minimal-copy h3 em{font-style:normal;background:linear-gradient(95deg,#087bff,#00acd3);background-clip:text;-webkit-background-clip:text;color:transparent}
.campaign-minimal-copy p{font-size:12px;line-height:1.8;color:#668198;margin:19px 0 0}
.campaign-minimal-orbit{position:absolute;width:44%;height:auto;right:0;top:68px;z-index:1;opacity:.85;filter:drop-shadow(0 14px 14px #1687da12)}
.campaign-minimal-caption{display:block;position:relative;z-index:2;font-size:9px;color:#8196a8;letter-spacing:.5px;margin-top:45px}
@media(max-width:540px){#ai-image .campaign-minimal{min-height:310px;padding:24px}.campaign-minimal-copy{margin-top:40px}#ai-image .campaign-minimal-copy h3{font-size:34px}.campaign-minimal-orbit{width:43%;top:95px;right:-8px;opacity:.65}.campaign-minimal-copy p{font-size:11px}.campaign-minimal-caption{margin-top:42px}}

/* A single sculptural ribbon adds depth without extra decoration. */
#ai-image .campaign-ribbon{width:48%;right:0;top:65px;opacity:1;filter:drop-shadow(0 12px 12px #147bb314)}
@media(max-width:540px){#ai-image .campaign-ribbon{width:47%;right:-3px;top:101px;opacity:.95}}

/* Recognizable business application instead of an abstract shape. */
#ai-image .campaign-app-visual{width:48%;right:4px;top:77px;opacity:1;filter:drop-shadow(0 12px 12px #147bb316)}
@media(max-width:540px){#ai-image .campaign-app-visual{width:46%;right:-2px;top:137px;opacity:1}}

/* Subtle business activity inside the illustrated screen. */
@media(prefers-reduced-motion:no-preference){
 .campaign-app-visual .poster-data-line{stroke-dasharray:1;animation:poster-data-fill 6s ease-in-out var(--row-delay,0s) infinite}
 .campaign-app-visual .poster-row-status{animation:poster-status-done 6s ease-in-out var(--row-delay,0s) infinite}
 .campaign-app-visual .poster-chart-bar{transform-box:fill-box;transform-origin:center bottom;animation:poster-chart-live 2.8s ease-in-out var(--bar-delay,0s) infinite}
 .campaign-app-visual .poster-complete-check{stroke-dasharray:1;animation:poster-check-done 6s ease-in-out infinite}
}
@keyframes poster-data-fill{0%,8%{stroke-dashoffset:1;opacity:.3}30%,80%{stroke-dashoffset:0;opacity:1}95%,100%{stroke-dashoffset:0;opacity:.3}}
@keyframes poster-status-done{0%,25%{fill:#e3f0ff}40%,80%{fill:#c7ecdf}95%,100%{fill:#e3f0ff}}
@keyframes poster-chart-live{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@keyframes poster-check-done{0%,25%{stroke-dashoffset:1;opacity:0;stroke:#4faae9}45%,80%{stroke-dashoffset:0;opacity:1;stroke:#36a68b}95%,100%{stroke-dashoffset:0;opacity:0;stroke:#36a68b}}

/* Input, search, and progressively revealed example materials. */
#ai-search .research-request{align-items:center}
#ai-search .research-request p{flex:1;min-width:0;min-height:24px}
#ai-search .research-request-status{flex-shrink:0;font-size:10px;line-height:1.7;color:#3180c7;background:#e0eeff;padding:5px 9px;border-radius:6px;min-width:46px;text-align:center}
#ai-search .research-type-cursor{display:none;width:1.5px;height:14px;background:#2389e9;vertical-align:-2px;margin-left:3px}
#ai-search .is-animated-search[data-phase="typing"] .research-type-cursor{display:inline-block;animation:research-cursor-blink .85s steps(1) infinite}
#ai-search .is-animated-search .research-topics,#ai-search .is-animated-search .research-summary,#ai-search .is-animated-search .research-directions li,#ai-search .is-animated-search .research-foot{opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}
#ai-search .is-animated-search .is-shown{opacity:1;transform:translateY(0);pointer-events:auto}
#ai-search .is-animated-search[data-phase="searching"] .research-example::before{content:"";display:inline-block;width:9px;height:9px;border:1.5px solid #d4e8fb;border-top-color:#258bef;border-radius:50%;margin-right:5px;vertical-align:-1px;animation:research-search-spin .9s linear infinite}
#ai-search .is-animated-search[data-phase="searching"] .research-search-icon{animation:research-search-pulse 1.5s ease-in-out infinite}
@keyframes research-cursor-blink{50%{opacity:0}}
@keyframes research-search-spin{to{transform:rotate(360deg)}}
@keyframes research-search-pulse{50%{background:#dceeff;box-shadow:0 0 0 5px #2188ed08}}
#ai-search .is-animated-search .research-directions li.is-shown{opacity:1;transform:translateY(0);pointer-events:auto}

/* Reading a chart: build the bars, focus on changes, then show conclusions. */
#ai-vision .is-animated-vision .vision-bar>i{transform:scaleY(0);transform-origin:center bottom;transition:transform .85s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,filter .4s ease}
#ai-vision .is-animated-vision .vision-bar.is-raised>i{transform:scaleY(1)}
#ai-vision .is-animated-vision .vision-bar>strong{opacity:0;transition:opacity .45s ease .35s}
#ai-vision .is-animated-vision .vision-bar.is-raised>strong{opacity:1}
#ai-vision .is-animated-vision .vision-bar.is-reading>i{box-shadow:0 0 0 4px #258cff20,0 0 16px #258cff24;filter:saturate(1.35)}
#ai-vision .is-animated-vision .vision-bar.is-reading>strong{color:#087bff;font-weight:600}
#ai-vision .is-animated-vision .vision-insight{background:transparent;transition:background .5s ease}
#ai-vision .is-animated-vision .vision-insight.is-shown{background:#edf6ff}
#ai-vision .is-animated-vision .vision-insight-heading,#ai-vision .is-animated-vision .vision-insight>p,#ai-vision .is-animated-vision .vision-findings>div{opacity:0;transform:translateY(6px);transition:opacity .6s ease,transform .6s ease}
#ai-vision .is-animated-vision .vision-insight-heading.is-shown,#ai-vision .is-animated-vision .vision-insight>p.is-shown,#ai-vision .is-animated-vision .vision-findings>div.is-shown{opacity:1;transform:translateY(0)}
#ai-vision .is-animated-vision .vision-findings{border-color:transparent;transition:border-color .6s ease}
#ai-vision .is-animated-vision .vision-insight.is-shown .vision-findings{border-color:#d7e6f4}

/* Compose and send an illustrative notification, while keeping a stable layout. */
#ai-sms .sms-body p{min-height:3.5em}
#ai-sms .sms-typed-body{white-space:pre-line}
#ai-sms .sms-type-cursor{display:none;width:1.5px;height:18px;background:#2388ef;vertical-align:-2px;margin-left:3px}
#ai-sms .sms-send-status{margin-left:auto;padding:5px 8px;background:#edf5ff;color:#3982bd;border-radius:6px;font-size:10px;white-space:nowrap;transition:background .4s ease,color .4s ease}
#ai-sms .sms-progress-text{min-width:0;line-height:1.8}
#ai-sms .is-animated-sms .sms-recipient strong{opacity:0;transform:translateY(4px);transition:opacity .5s ease,transform .5s ease}
#ai-sms .is-animated-sms .sms-recipient strong.is-filled{opacity:1;transform:translateY(0)}
#ai-sms .is-animated-sms[data-phase="typing"] .sms-type-cursor{display:inline-block;animation:research-cursor-blink .85s steps(1) infinite}
#ai-sms .is-animated-sms[data-phase="sending"] .sms-send-status::before{content:"";display:inline-block;width:8px;height:8px;border:1.5px solid #c8dff5;border-top-color:#2689dd;border-radius:50%;vertical-align:-1px;margin-right:5px;animation:research-search-spin .85s linear infinite}
#ai-sms .is-animated-sms[data-phase="done"] .sms-send-status{background:#e8f7f1;color:#27836c}
#ai-sms .is-animated-sms[data-phase="done"] .sms-send-status::before{content:"✓";margin-right:4px}
#ai-sms .is-animated-sms[data-phase="done"] .sms-ai-dot{background:#36a388}
@media(max-width:540px){#ai-sms .sms-preview-foot{gap:6px;flex-wrap:wrap}#ai-sms .sms-send-status{font-size:9px}}

/* Mail draft progressively filled from top to bottom. */
#ai-mail .is-animated-mail .mail-recipient,#ai-mail .is-animated-mail .mail-draft-content h3,#ai-mail .is-animated-mail .mail-letter>p,#ai-mail .is-animated-mail .mail-letter>.mail-event{opacity:0;transform:translateY(6px);transition:opacity .55s ease,transform .55s ease,box-shadow .5s ease}
#ai-mail .is-animated-mail .mail-recipient.is-shown,#ai-mail .is-animated-mail .mail-draft-content h3.is-shown,#ai-mail .is-animated-mail .mail-letter>p.is-shown,#ai-mail .is-animated-mail .mail-letter>.mail-event.is-shown{opacity:1;transform:translateY(0)}
#ai-mail .mail-event.is-focused{box-shadow:inset 0 0 0 1px #82bfff,0 0 14px #2d8feb0c}
#ai-mail .mail-send-preview{transition:background .4s ease,color .4s ease;white-space:nowrap}
#ai-mail .is-animated-mail[data-phase="composing"] .mail-send-preview{background:#e8f1fa;color:#6b8bac}
#ai-mail .is-animated-mail[data-phase="sending"] .mail-send-preview::before{content:"";display:inline-block;width:9px;height:9px;border:1.5px solid #ffffff60;border-top-color:#fff;border-radius:50%;margin-right:6px;vertical-align:-1px;animation:research-search-spin .85s linear infinite}
#ai-mail .is-animated-mail[data-phase="done"] .mail-send-preview{background:#e6f5ee;color:#27836c}
#ai-mail .is-animated-mail[data-phase="done"] .mail-send-preview::before{content:"✓";margin-right:5px}

/* Type the creative brief, generate, then reveal the finished poster. */
#ai-image .campaign-request p{min-height:3.6em;flex:1}
.campaign-generation-stage{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(130deg,#f9fcff,#eef8ff)}
.campaign-generation-loader{display:none}
.campaign-prompt-cursor{display:none;width:1.5px;height:14px;background:#2388ef;margin-left:3px;vertical-align:-2px}
#ai-image .is-animated-campaign[data-phase="typing"] .campaign-prompt-cursor{display:inline-block;animation:research-cursor-blink .85s steps(1) infinite}
#ai-image .is-animated-campaign .campaign-art{opacity:0;transform:translateY(5px) scale(.985);transition:opacity .85s ease,transform 1s cubic-bezier(.22,1,.36,1);pointer-events:none}
#ai-image .is-animated-campaign[data-phase="done"] .campaign-art{opacity:1;transform:none;pointer-events:auto}
#ai-image .is-animated-campaign .campaign-generation-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;opacity:1;transition:opacity .5s ease;pointer-events:none;color:#6b8aa4;z-index:3}
#ai-image .campaign-generation-loader strong{font-size:14px;font-weight:500;color:#3c6d94}
#ai-image .campaign-generation-loader>span:last-child{font-size:11px}
#ai-image .campaign-generation-symbol{font-size:30px;color:#3098e8;line-height:1}
#ai-image .is-animated-campaign[data-phase="generating"] .campaign-generation-symbol{animation:campaign-generation-breathe 1.6s ease-in-out infinite}
#ai-image .is-animated-campaign[data-phase="done"] .campaign-generation-loader{opacity:0}
#ai-image .is-animated-campaign:not([data-phase="done"]) .campaign-app-visual *{animation-play-state:paused}
@keyframes campaign-generation-breathe{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}

/* Align the typed prompt with the avatar; the generated poster stays static. */
#ai-image .campaign-request p{display:flex;align-items:center}
#ai-image .campaign-request .campaign-prompt-cursor{flex-shrink:0}
#ai-image .campaign-app-visual .poster-data-line,#ai-image .campaign-app-visual .poster-row-status,#ai-image .campaign-app-visual .poster-chart-bar,#ai-image .campaign-app-visual .poster-complete-check{animation:none}
#ai-image .campaign-app-visual .poster-data-line,#ai-image .campaign-app-visual .poster-complete-check{stroke-dasharray:none;stroke-dashoffset:0;opacity:1}
#ai-image .campaign-app-visual .poster-chart-bar{transform:none}
#ai-image .campaign-app-visual .poster-complete-check{stroke:#36a68b}

/* Stable, vertically aligned prompt typing in all three examples. */
#ai-vision .vision-question p.demo-prompt-box,#ai-sms .sms-request p.demo-prompt-box,#ai-mail .mail-request p.demo-prompt-box{min-height:3.7em;display:flex;align-items:center;flex:1;min-width:0}
#ai-sms .sms-request,#ai-mail .mail-request{align-items:center}
.demo-prompt-cursor{display:none;width:1.5px;height:14px;background:#2388ef;margin-left:3px;vertical-align:-2px}
.demo-prompt-box.is-typing .demo-prompt-cursor{display:inline-block;animation:research-cursor-blink .85s steps(1) infinite}
@media(max-width:540px){#ai-vision .vision-question p.demo-prompt-box,#ai-sms .sms-request p.demo-prompt-box,#ai-mail .mail-request p.demo-prompt-box{min-height:5.55em}}

@media(max-width:540px){.home-page .section-nav>div.capability-tabs{gap:2px}.home-page .section-nav>div.capability-tabs a{padding:10px 5px;font-size:11px;gap:4px}.home-page .section-nav .nav-number{font-size:9px}}

#platform .capability[hidden]{display:none}
.capability-more-wrap{display:flex;justify-content:center;margin-top:32px}
.capability-more{display:inline-flex;align-items:center;gap:10px;padding:12px 25px;border:1px solid #c9ddf0;border-radius:8px;background:#fff;color:#39749f;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s}
.capability-more:hover{background:#edf6ff;border-color:#8dbdea}
.capability-more svg{transition:transform .2s}
.capability-more[aria-expanded="true"] svg{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.capability-more,.capability-more svg{transition:none}}

/* Shared brand gradient for homepage capability headings. */
#build>.section-heading h2 em,#work>.section-heading h2 em,#platform>.section-heading h2 em,.home-page #adapt-overview-title>em{background:linear-gradient(105deg,#0755ff 0%,#087bff 48%,#00b7d7 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}