@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#10203c;--blue:#245bf6;--muted:#65718a;--paper:#f4f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.8 Manrope,'IBM Plex Sans Thai',sans-serif;background:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #67bbff;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.header{background:#fff;border-bottom:1px solid #e4e9f2;position:sticky;top:0;z-index:10}.nav{min-height:92px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;font-size:23px;font-weight:800;letter-spacing:-1px}.mark{display:grid;place-items:center;background:var(--blue);color:white;width:40px;height:40px;border-radius:11px;font-size:24px}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.2}.links{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600}.links a[aria-current=page]{color:var(--blue)}.lang{font-size:14px;border:1px solid #d9e0ed;padding:7px 12px;border-radius:7px}.btn{display:inline-block;padding:13px 22px;border-radius:8px;background:var(--blue);color:white;font-size:15px;font-weight:600;border:0;cursor:pointer}.btn.light{background:white;color:var(--ink)}.btn.outline{background:transparent;border:1px solid #bac7dd;color:var(--ink)}.menu{display:none;background:transparent;border:1px solid #dde3ee;border-radius:6px;padding:6px 10px}.hero{background:#0b1730;color:white;position:relative;overflow:hidden;padding:105px 0 84px}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 20%,#1d4a9670,transparent 60%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:70px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:24px}.hero .eyebrow{color:#8eaaff}h1{font-size:clamp(38px,4.7vw,68px);line-height:1.3;letter-spacing:-2px;margin:0 0 25px;font-weight:700}h1 span{display:block;color:#82a6ff}.hero p{color:#b9c6df;max-width:620px;font-size:18px;line-height:1.9}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.hero .outline{color:white;border-color:#5f7295}.system{border:1px solid #5274ac60;border-radius:22px;padding:32px;background:#11264580;box-shadow:0 30px 100px #0003}.system-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#90a5c8;margin-bottom:28px}.system-row{padding:18px 0;border-top:1px solid #ffffff15;display:flex;gap:18px;align-items:center}.system-number{font-size:13px;color:#819dcc}.system-row strong{display:block;font-size:18px}.system-row small{color:#a0b4d8;font-size:13px}.rail{display:flex;justify-content:space-between;gap:20px;padding:28px 0;font-size:13px;color:var(--muted);border-bottom:1px solid #e2e9f5}.rail b{color:var(--ink)}section{padding:85px 0}h2{font-size:clamp(30px,3.3vw,46px);line-height:1.4;letter-spacing:-1px;margin:0 0 18px}h3{font-size:23px;line-height:1.5;margin:18px 0 12px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-head p{max-width:420px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #dfe6f2;border-radius:14px;padding:30px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #172e5910}.card p{color:var(--muted)}.num{font-size:15px;color:var(--blue);font-weight:700}.textlink{display:inline-block;color:var(--blue);font-weight:700;margin-top:15px;font-size:14px}.tint{background:var(--paper)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.product{background:white;border:1px solid #dfe6f2;border-radius:14px;padding:32px}.product-visual{height:125px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:28px;background:#e9efff;color:#245bf6}.product-visual b{font-size:40px;letter-spacing:-2px}.product-visual span{font-size:12px;letter-spacing:2px}.product:nth-child(2) .product-visual{background:#e7f5f2;color:#087b70}.product:nth-child(3) .product-visual{background:#f0edff;color:#7051c4}.product:nth-child(4) .product-visual{background:#e9f2ff;color:#216bb4}.product p{color:var(--muted)}.product h3{font-size:24px}.cta{background:#245bf6;color:white;border-radius:20px;padding:56px;display:flex;justify-content:space-between;align-items:center;gap:35px}.cta p{color:#dbe5ff;max-width:640px}.footer{background:#0b1730;color:#b7c5dc;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:50px}.footer .brand{color:white}.footer h4{color:white;margin-top:0}.footer a{display:block;font-size:14px;margin-bottom:8px}.footer .brand{display:flex}.copyright{border-top:1px solid #ffffff18;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px}.page-hero{background:var(--paper);padding:70px 0}.page-hero h1{font-size:clamp(36px,4.5vw,58px)}.page-hero p{max-width:780px;color:var(--muted);font-size:18px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.steps article{border-top:2px solid #b8cafa;padding-top:22px}.steps p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1.5fr;gap:65px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;font-weight:600;font-size:14px}input,select,textarea{display:block;width:100%;border:1px solid #cad4e5;background:white;border-radius:7px;padding:12px;margin-top:8px;color:var(--ink)}textarea{min-height:140px;resize:vertical}.full{grid-column:1/-1}.check{display:flex;gap:10px;font-weight:400}.check input{width:19px;flex-shrink:0;margin-top:5px}.note{background:#f2f5fb;padding:22px;border-radius:10px;font-size:14px;color:var(--muted)}.feature-list{padding:0;list-style:none}.feature-list li{border-bottom:1px solid #dbe3ef;padding:18px 0}.feature-list li:before{content:'+';color:var(--blue);margin-right:18px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}#feedback{font-weight:600;color:var(--blue)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:1000px){.links{gap:15px}.nav{gap:16px}.nav>.btn{display:none}.hero-grid{gap:30px;grid-template-columns:1.5fr 1fr}.system{padding:20px}.hero{padding:70px 0}.cards{gap:14px}.card{padding:23px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{min-height:76px;flex-wrap:wrap}.brand{font-size:21px}.menu{display:block}.links{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding:0 0 20px}.links.open{display:flex}.hero-grid,.split{grid-template-columns:1fr;gap:34px}.hero{padding:55px 0}h1{letter-spacing:-1px}.system{margin-top:10px}.system-row{padding:12px 0}.rail{flex-wrap:wrap;gap:12px;font-size:12px}.cards,.product-grid,.steps{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:20px}.cta{padding:30px;display:block}.cta .btn{margin-top:12px}section{padding:55px 0}.footer-grid{grid-template-columns:1fr;gap:25px}.copyright{display:block}.fields{grid-template-columns:1fr}.page-hero{padding:50px 0}.product{padding:24px}.hero p,.page-hero p{font-size:16px}}h1,h2,h3,.system-row strong{overflow-wrap:anywhere}html[lang=th] h1,html[lang=th] h2{letter-spacing:0}.system-top{gap:12px}.product-visual span{text-align:right}input:focus,textarea:focus{border-color:var(--blue)}

.company-address{font-style:normal;font-size:15px;line-height:1.9;max-width:460px}.contact-phones{display:flex;flex-wrap:wrap;gap:12px 24px;margin:20px 0}.contact-phones a{font-size:18px;font-weight:700;color:var(--blue)}.footer .contact-phones a{color:#b5caff;font-size:16px}

.contact-email{font-size:16px;overflow-wrap:anywhere}.contact-email a{color:var(--blue);font-weight:600}.footer .contact-email a{color:#b5caff;font-size:16px}

/* Local visual refinement — October 2026 */
.hero{padding:86px 0 78px;background:#0b1730}.hero-grid{grid-template-columns:1.1fr 1fr;gap:38px}.hero-art{position:relative;margin:0;min-width:0;border:1px solid #86a8ef25;border-radius:24px;overflow:hidden;background:#0b1730;box-shadow:0 35px 90px #03091655}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.hero-art figcaption{padding:20px 26px 24px;background:linear-gradient(120deg,#0e203c,#132d51);border-top:1px solid #6b90da25}.hero-art figcaption span{display:block;color:#a2baff;font-size:12px;letter-spacing:2px}.hero-art figcaption strong{display:block;font-size:20px;margin-top:7px;font-weight:500}.hero .eyebrow{letter-spacing:1.6px}.card{border-radius:18px}.product{border-radius:18px}.product-visual{background:linear-gradient(125deg,#e8efff,#f7faff);border:1px solid #d8e3ff}.card:hover,.product:hover{border-color:#7b9dff;box-shadow:0 18px 45px #17357012}.btn{transition:background .2s,box-shadow .2s}.btn:hover{background:#164bdc;box-shadow:0 8px 25px #245bf625}.btn.light:hover{background:#eef3ff}.btn.outline:hover{background:#ffffff12}.rail{font-weight:500}.page-hero{background:linear-gradient(115deg,#f4f7fc,#eaf0fc)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1.2fr 1fr;gap:24px}.hero-art figcaption{padding:17px 20px}.hero-art figcaption strong{font-size:17px}}
@media(max-width:760px){.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-art{border-radius:18px}.hero-art img{aspect-ratio:3/2}.hero-art figcaption strong{font-size:18px}}

.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.industry-grid article{border-top:2px solid #a9c1ff;padding-top:24px}.industry-grid p{color:var(--muted)}.industry-grid h3{font-size:21px}@media(max-width:1000px){.industry-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.industry-grid{grid-template-columns:1fr;gap:22px}}

.product-showcase{background:#f5f7fc}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.showcase-product{border:1px solid #dce4f2;background:white;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.showcase-top{min-height:125px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#0b1730,#204680);color:#adc5ff}.showcase-top>span:last-child{font-size:12px;letter-spacing:2px;text-align:right}.product-monogram{font-size:48px;font-weight:800;letter-spacing:-2px;color:white}.tone-1 .showcase-top{background:linear-gradient(120deg,#083e41,#117873);color:#b7fff3}.tone-2 .showcase-top{background:linear-gradient(120deg,#242050,#6356a6);color:#e0d5ff}.tone-3 .showcase-top{background:linear-gradient(120deg,#133554,#2675ab);color:#c6ecff}.showcase-body{padding:32px;display:flex;flex-direction:column;flex:1}.product-name{font-size:15px;color:var(--blue);font-weight:700;overflow-wrap:anywhere}.showcase-body h3{font-size:29px;line-height:1.5;margin:14px 0 18px}.showcase-body>p{color:var(--muted);margin:0 0 20px}.showcase-body ul{padding:0;margin:0 0 24px;list-style:none}.showcase-body li{padding:8px 0;font-size:16px;border-bottom:1px solid #edf0f6}.showcase-body li:before{content:'+';color:var(--blue);font-weight:700;margin-right:13px}.product-audience{border-left:3px solid #9db8ff;padding:0 0 0 16px;margin-bottom:20px}.product-audience span{font-size:13px;color:var(--muted)}.product-audience p{font-size:15px;margin:4px 0}.showcase-body .independent-note{font-size:14px;font-weight:600;color:var(--ink)}.showcase-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:auto}.showcase-actions .textlink{margin-top:0}.showcase-footnote{color:var(--muted);font-size:14px;margin:28px 0 0;max-width:900px}@media(max-width:760px){.showcase-grid{grid-template-columns:1fr;gap:22px}.showcase-body{padding:24px}.showcase-top{padding:24px;min-height:110px}.showcase-body h3{font-size:25px}.showcase-actions{gap:14px}}

#software{scroll-margin-top:100px}

.section-lead{color:var(--muted);max-width:850px}.scenarios{margin-top:36px}.scenario{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:30px;padding:28px 0;border-top:1px solid #d9e2f0}.scenario h3{margin:0;font-size:22px}.scenario span{font-size:13px;font-weight:700;color:var(--blue)}.scenario p{margin:8px 0 0;color:var(--muted)}.management-split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.management-faq details{border-bottom:1px solid #dbe3f0;padding:21px 0}.management-faq summary{cursor:pointer;font-weight:600;line-height:1.8;font-size:17px}.management-faq p{color:var(--muted);margin:14px 0 0}.management-faq details[open] summary{color:var(--blue)}@media(max-width:760px){.scenario,.management-split{grid-template-columns:1fr;gap:20px}.management-split{gap:48px}.scenario{padding:25px 0}.scenario h3{font-size:21px}}

#management{scroll-margin-top:100px}

.product-photo{margin:0;position:relative;background:#dce7f4;overflow:hidden}.product-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}.showcase-product:hover .product-photo img{transform:scale(1.025)}.product-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:35px 24px 18px;background:linear-gradient(transparent,#061629c9);color:white;font-size:15px}.showcase-top{min-height:0;padding:14px 24px;border-radius:0}.product-monogram{font-size:24px;letter-spacing:0}.showcase-top>span:last-child{font-size:12px}.showcase-body{padding:28px}.showcase-body h3{font-size:26px}.management-visuals{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:36px 0}.management-photo{overflow:hidden;border-radius:18px;border:1px solid #dce4f1;background:#0b1730;color:white}.management-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.management-photo>div{padding:22px 28px}.management-photo h3{margin:0 0 8px;font-size:24px}.management-photo p{margin:0;color:#c3d0e5}.visual-caption{font-size:13px;color:var(--muted);margin:25px 0 0}@media(max-width:760px){.management-visuals{grid-template-columns:1fr}.showcase-body{padding:24px}.product-photo img{aspect-ratio:3/2}.management-photo>div{padding:22px}.management-photo h3{font-size:23px}}@media(prefers-reduced-motion:reduce){.showcase-product:hover .product-photo img{transform:none}}

.detail-visual{padding:45px 0 0}.detail-visual figure{margin:0}.detail-visual img{display:block;width:100%;height:auto;max-height:530px;object-fit:cover;border-radius:20px}.detail-visual figcaption{font-size:13px;color:var(--muted);margin-top:10px}.catalog-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;margin-bottom:18px}.product-visual{height:auto;padding:12px 18px}.product-visual b{font-size:24px}

.brand{gap:12px;letter-spacing:0}.company-logo{display:block;width:92px;height:56px;object-fit:cover;border-radius:7px}.company-wordmark{font-size:22px;line-height:1.25}.brand .company-wordmark small{font-size:12px;letter-spacing:.7px;margin-top:4px;font-weight:600}.company-introduction{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;padding:60px 0}.company-introduction figure{margin:0;overflow:hidden;border-radius:20px}.company-introduction img{display:block;width:100%;height:auto}.company-introduction p{color:var(--muted);font-size:17px}.company-introduction h2{font-size:34px}@media(max-width:1000px){.nav{gap:12px}.company-logo{width:70px;height:48px}.company-wordmark{font-size:19px}.links{gap:12px}}@media(max-width:760px){.company-introduction{grid-template-columns:1fr;gap:28px;padding:45px 0}.company-introduction h2{font-size:28px}.company-logo{width:66px;height:45px}.company-wordmark{font-size:19px}.brand .company-wordmark small{font-size:11px}.nav{gap:10px}}

.real-work{padding-top:80px;padding-bottom:80px}.real-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.real-work-card{overflow:hidden;border:1px solid #d9e3ef;border-radius:20px;background:#f6f9fe;box-shadow:0 16px 45px #102a4310}.real-work-card img{display:block;width:100%;height:360px;object-fit:contain;object-position:top;background:#e8eef6;padding:12px}.real-work-card>div{padding:24px}.real-work-card h3{margin:0 0 10px;font-size:23px}.real-work-card p{color:var(--muted)}@media(max-width:760px){.real-work-grid{grid-template-columns:1fr}.real-work-card img{height:300px}.real-work{padding-top:48px;padding-bottom:48px}}

.presentation-library{padding-top:70px;padding-bottom:70px}.deck-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px}.deck-card{border:1px solid #dce5f1;border-radius:18px;overflow:hidden;background:#fff}.deck-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#edf2f8}.deck-card>div{padding:24px}.deck-card h3{margin:0 0 10px}.original-slides{display:grid;gap:24px;margin:30px 0}.original-slides img{display:block;width:100%;height:auto;border-radius:16px}.presentation-library video{display:block;width:100%;max-height:620px;background:#09162c;border-radius:18px}@media(max-width:760px){.deck-grid{grid-template-columns:1fr}.presentation-library{padding-top:45px;padding-bottom:45px}}

/* Product screenshot galleries, added 2 October 2026 */
.product-screenshots{padding-top:64px;padding-bottom:72px;scroll-margin-top:110px}.shot-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.shot-heading h2{font-size:clamp(28px,4vw,44px);line-height:1.3;margin:8px 0}.shot-heading p{color:var(--muted);margin:0}.shot-count{white-space:nowrap;background:#edf3ff;color:#245bf6;border-radius:100px;padding:8px 18px;font-size:14px;font-weight:700}.shot-gallery{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}.shot-stage{border-radius:24px;overflow:hidden;border:1px solid #dce5f3;box-shadow:0 20px 65px #10203c0c;background:#f5f8fc}.shot-open{display:block;position:relative;background:#e8edf5;padding:16px}.shot-feature{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;object-position:center}.shot-zoom{position:absolute;bottom:24px;right:24px;background:#10203ce8;color:white;border-radius:100px;padding:7px 16px;font-size:13px}.shot-caption{padding:22px 26px;background:white}.shot-caption-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.shot-caption h3{font-size:23px;line-height:1.45;margin:0}.shot-caption p{margin:8px 0 0;color:var(--muted)}.shot-position{white-space:nowrap;font-size:13px;color:var(--muted)}.shot-thumbs{display:grid;gap:12px}.shot-thumb{padding:0;border:2px solid transparent;border-radius:15px;overflow:hidden;background:#f3f6fb;text-align:left;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}.shot-thumb[aria-pressed=true]{border-color:var(--blue);background:#edf3ff}.shot-thumb img{display:block;width:100%;height:92px;object-fit:contain;background:#e8edf5;padding:5px}.shot-thumb span{display:flex;gap:9px;align-items:baseline;padding:9px 12px;font-size:13px;font-weight:700;line-height:1.5}.shot-thumb small{color:var(--blue);font-weight:800}.shot-source{margin-top:22px;font-size:13px;color:var(--muted);border-top:1px solid #e4e9f2;padding-top:15px}.shot-source summary{cursor:pointer}.shot-source p{margin:10px 0 0;max-width:850px}@media(max-width:900px){.shot-gallery{grid-template-columns:minmax(0,1fr)}.shot-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.shot-thumb img{height:80px}}@media(max-width:600px){.product-screenshots{padding-top:42px;padding-bottom:48px}.shot-heading{display:block}.shot-count{display:inline-block;margin-top:16px}.shot-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.shot-open{padding:6px}.shot-feature{aspect-ratio:4/3}.shot-caption{padding:18px}.shot-caption h3{font-size:19px}.shot-zoom{bottom:12px;right:12px;font-size:12px}.shot-stage{border-radius:18px}}

/* Product discovery refinements */
.screenshot-jump{display:inline-flex;align-items:center;gap:8px;margin:14px 0;font-size:15px;font-weight:700}.real-work-five .screen-context{display:block;color:var(--muted);font-size:12px;margin:12px 0}.real-work-five .text-link{display:inline-flex;margin-top:10px;font-weight:700;color:var(--blue)}.real-work-five .real-work-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.real-work-five .real-work-card:last-child img{height:350px}.real-work-five .real-work-card h3{font-size:24px;overflow-wrap:anywhere}.real-work-five .real-work-card .eyebrow{font-size:11px}@media(max-width:760px){.real-work-five .real-work-card:last-child{display:block}.real-work-five .real-work-card:last-child img{height:260px}.real-work-five .real-work-card img{height:260px}.real-work-five .real-work-card h3{font-size:21px}}

.real-work-five .real-work-card:last-child{grid-column:auto;display:block}.real-work-five .real-work-card:last-child img{height:360px}@media(max-width:760px){.real-work-five .real-work-card:last-child img{height:260px}}

.owned-workflows{padding:30px 0 70px}.owned-workflows h2{font-size:clamp(26px,3vw,38px)}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.workflow-card{padding:24px;border:1px solid #dce5f3;border-radius:18px;background:#f6f9ff}.workflow-card h3{font-size:20px;margin:0 0 12px}.workflow-card p{color:var(--muted);margin:0}.shot-thumbs{max-height:760px;overflow-y:auto}@media(max-width:900px){.shot-thumbs{max-height:none;overflow:visible}.workflow-grid{grid-template-columns:1fr}}
/* Product pages: working screens and specific workflows, October 2026. */
.product-hero-v5{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;padding-top:70px;padding-bottom:58px}.product-hero-v5 h1{font-size:clamp(30px,3.2vw,50px);letter-spacing:-.045em;line-height:1.1;margin:18px 0 24px;overflow-wrap:anywhere}.product-hero-v5 h2{font-size:clamp(23px,2.1vw,33px);line-height:1.35;margin:0 0 18px}.product-hero-v5 p{font-size:17px;line-height:1.85;color:var(--muted,#596780);max-width:48ch}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.product-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;font-size:13px;color:#53647d}.product-facts span{background:#edf2f8;border-radius:30px;padding:8px 13px}.product-hero-screen{display:block;min-width:0;background:#eef3f8;border:1px solid #dbe4f0;border-radius:20px;padding:12px;box-shadow:0 24px 70px #15315419;text-decoration:none}.product-hero-screen img{display:block;width:100%;height:auto;border-radius:10px}.product-hero-screen span{display:block;padding:13px 8px 2px;font-size:12px;color:#50617b}.screenshot-intro{padding-top:42px;padding-bottom:28px;border-top:1px solid #dfe6ef;scroll-margin-top:115px}.screenshot-intro h2{font-size:clamp(25px,3vw,39px);line-height:1.3;margin:13px 0}.screenshot-intro p{color:#5c6b80;line-height:1.8}.workflow-index{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:38px}.workflow-index a{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#f1f5fa;border:1px solid #dce5f0;border-radius:12px;color:#203852;text-decoration:none;font-size:14px;line-height:1.4}.workflow-index a:hover{background:#e4edf8}.workflow-index small{color:#5e7caa;font-weight:700}.screen-workflow{padding-top:32px;padding-bottom:48px;scroll-margin-top:100px}.workflow-heading{padding-bottom:25px;max-width:850px}.workflow-heading h2{font-size:clamp(25px,2.5vw,35px);line-height:1.35;margin:12px 0}.workflow-heading p{color:#596b82;line-height:1.8;margin:0}.screen-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.screen-card{min-width:0;overflow:hidden;border:1px solid #dce5ef;border-radius:18px;background:white;box-shadow:0 8px 26px #10274006}.screen-card-image{position:relative;display:flex;align-items:center;justify-content:center;background:#edf2f7;aspect-ratio:16/11;padding:12px;overflow:hidden}.screen-card-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:7px;box-shadow:0 5px 18px #10274014}.screen-card-image span{position:absolute;right:18px;bottom:17px;color:white;background:#102541e6;border-radius:25px;font-size:11px;padding:8px 12px;opacity:0;transition:opacity .2s}.screen-card-image:hover span,.screen-card-image:focus-visible span{opacity:1}.screen-card-copy{padding:25px 28px 30px}.screen-number{font-size:11px;letter-spacing:.14em;color:#607b9d;font-weight:700}.screen-card-copy h3{font-size:23px;line-height:1.35;margin:12px 0}.screen-card-copy p{font-size:15px;line-height:1.85;color:#54657c;margin:0}.screen-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;align-items:center;background:#f9fbfe}.screen-card:first-child .screen-card-image{aspect-ratio:16/11;padding:15px}.screen-card:first-child .screen-card-copy{padding:32px}.screen-provenance{padding-bottom:45px}.screen-provenance details{padding:18px 22px;background:#f3f6fa;border-radius:12px;font-size:13px;line-height:1.9;color:#607087}.screen-provenance summary{cursor:pointer;color:#3e526d}.screen-provenance p{margin-bottom:0}.real-work-grid article img{object-fit:contain!important;background:#edf2f7}
@media(max-width:1000px){.product-hero-v5{gap:28px;padding-top:45px}.screen-card-copy{padding:20px}.screen-card-copy h3{font-size:21px}.screen-card:first-child .screen-card-copy{padding:22px}}
@media(max-width:700px){.product-hero-v5{grid-template-columns:1fr;padding-top:36px;padding-bottom:35px;gap:28px}.product-hero-v5 h1{font-size:34px;margin:14px 0 19px}.product-hero-v5 h2{font-size:25px}.product-hero-v5 p{font-size:16px}.product-hero-screen{padding:8px;border-radius:14px}.hero-actions{gap:15px;margin-top:22px}.product-facts{margin-top:22px}.screenshot-intro{padding-top:30px;padding-bottom:18px}.workflow-index{gap:8px;padding-bottom:15px}.workflow-index a{width:100%;padding:12px 14px}.screen-workflow{padding-top:28px;padding-bottom:24px}.screen-card-grid{grid-template-columns:1fr;gap:20px}.screen-card:first-child{display:block;grid-column:auto}.screen-card-image,.screen-card:first-child .screen-card-image{aspect-ratio:4/3;padding:8px}.screen-card-copy,.screen-card:first-child .screen-card-copy{padding:22px}.screen-card-copy h3{font-size:22px}.screen-card-image span{opacity:1;right:12px;bottom:12px;font-size:10px;padding:5px 9px}.screen-provenance{padding-top:20px;padding-bottom:25px}}

/* SmartComputerClassroom: fifty-seat classroom presentation. */
.smart-classroom-hero{padding-top:64px;padding-bottom:48px}.smart-classroom-hero h1{max-width:980px;font-size:clamp(34px,4.5vw,66px);line-height:1.18;letter-spacing:-.035em;margin:20px 0 24px}.smart-lead{max-width:860px;font-size:20px;line-height:1.85;color:var(--muted)}.smart-scope{font-size:14px;color:#32527e}.smart-classroom-figure{margin:38px 0 0}.smart-classroom-figure img{display:block;width:100%;height:auto;border:1px solid #e2e7ed;border-radius:16px}.smart-classroom-figure figcaption{font-size:12px;color:#657489;margin-top:13px;line-height:1.8}.smart-benefits,.smart-architecture,.smart-lesson{padding-top:58px;padding-bottom:58px}.smart-benefits h2,.smart-tools h2,.smart-architecture h2,.smart-lesson h2{font-size:clamp(27px,3vw,41px);line-height:1.35;margin:12px 0 20px}.smart-section-intro{max-width:900px;color:#556981;font-size:17px;line-height:1.85}.smart-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:38px}.smart-benefit-grid article{border-top:2px solid #e5ebf4;padding-top:24px}.smart-feature-number{color:#3255ef;font-size:14px;font-weight:700}.smart-benefit-grid h3,.smart-feature-list h3,.smart-components h3,.smart-lesson-grid h3{font-size:22px;line-height:1.4;margin:12px 0}.smart-benefit-grid p,.smart-feature-list p,.smart-components p,.smart-lesson-grid p{font-size:15px;line-height:1.85;color:#53667d;margin:0}.smart-tools{background:#f3f6fc;padding:55px 0}.smart-feature-list{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;column-gap:52px}.smart-feature-list article{padding:22px 0;border-bottom:1px solid #dce4ee}.smart-components{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:36px 0 0}.smart-components li{border-top:3px solid #133453;padding-top:20px}.smart-components li>span{color:#b58b2d;font-size:28px;font-weight:700}.smart-lesson{border-top:1px solid #e0e7f0}.smart-lesson-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:28px}.smart-installation{padding:28px 32px;margin-top:38px;background:#f1f5fa;border-radius:14px}.smart-installation h3{font-size:24px;margin:0 0 12px}.smart-installation p{color:#53667d;line-height:1.85;margin:0 0 18px}@media(max-width:1000px){.smart-benefit-grid{grid-template-columns:1fr 1fr}.smart-components,.smart-lesson-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.smart-classroom-hero{padding-top:36px;padding-bottom:30px}.smart-classroom-hero h1{font-size:36px}.smart-lead{font-size:17px}.smart-classroom-figure{margin-top:28px}.smart-classroom-figure img{border-radius:9px}.smart-benefits,.smart-architecture,.smart-lesson{padding-top:35px;padding-bottom:35px}.smart-benefit-grid,.smart-feature-list,.smart-components,.smart-lesson-grid{grid-template-columns:1fr;gap:24px}.smart-benefit-grid h3,.smart-feature-list h3{font-size:22px}.smart-tools{padding:35px 0}.smart-feature-list{gap:0}.smart-installation{padding:24px}.smart-installation h3{font-size:22px}.smart-classroom-hero .eyebrow{font-size:10px;letter-spacing:.08em}}


/* Sylvester software package collection. */
.software-packages{padding-top:64px;padding-bottom:64px;scroll-margin-top:110px}.package-heading{max-width:820px;margin-bottom:36px}.package-heading h2{font-size:clamp(28px,3.2vw,43px);line-height:1.3;letter-spacing:-.02em;margin:14px 0 18px}.package-heading p{font-size:17px;line-height:1.85;color:#586a82}.package-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px}.package-card{grid-column:span 2;border:1px solid #e1e7f0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 38px #15315408;transition:transform .2s,box-shadow .2s}.package-card:nth-child(4){grid-column:2/span 2}.package-card:nth-child(5){grid-column:4/span 2}.package-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #15315414}.package-art{display:flex;align-items:center;justify-content:center;min-width:0;height:390px;background:radial-gradient(ellipse at 50% 65%,var(--package-tint,#eaf0fd),#fbfcfe 75%);padding:26px}.package-art img{display:block;width:100%;height:100%;object-fit:contain}.package-blue{--package-tint:#dce8ff}.package-purple{--package-tint:#e8dffb}.package-teal{--package-tint:#daf2ea}.package-orange{--package-tint:#ffe8d8}.package-gold{--package-tint:#f0e7ce}.package-copy{padding:25px 28px 30px}.package-category{font-size:12px;font-weight:700;color:#63758d}.package-copy h3{font-size:24px;line-height:1.25;overflow-wrap:anywhere;margin:12px 0 16px}.package-copy h3 a{text-decoration:none;color:#142844}.package-copy p{color:#52677d;font-size:15px;line-height:1.8;margin:0 0 20px;min-height:81px}.package-copy>.text-link{font-size:14px;font-weight:700;color:#254eee;text-decoration:none}.package-note{margin-top:23px;color:#738196;font-size:12px;line-height:1.7}@media(max-width:1000px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-card,.package-card:nth-child(4),.package-card:nth-child(5){grid-column:auto}.package-card:nth-child(5){grid-column:1/-1;width:calc(50% - 13px);justify-self:center}.package-art{height:350px}}@media(max-width:600px){.software-packages{padding-top:38px;padding-bottom:38px}.package-grid{grid-template-columns:1fr;gap:22px}.package-card,.package-card:nth-child(4),.package-card:nth-child(5){grid-column:auto;width:auto}.package-art{height:350px;padding:24px}.package-copy{padding:23px}.package-copy p{min-height:0}.package-heading h2{font-size:30px}.package-heading p{font-size:16px}.package-card:hover{transform:none}}

.individual-package{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-top:45px;padding-bottom:55px;border-top:1px solid #e0e7f0;scroll-margin-top:110px}.individual-package h2{font-size:clamp(26px,3vw,40px);line-height:1.3;overflow-wrap:anywhere}.individual-package p{color:#596b82;line-height:1.85;max-width:46ch}.individual-package-art{display:flex;justify-content:center;padding:25px;background:radial-gradient(ellipse,#edf1fa,#fff 75%);border-radius:20px}.individual-package-art img{display:block;height:440px;max-width:100%;object-fit:contain}.individual-package .text-link{font-weight:700;color:#254eee}@media(max-width:700px){.individual-package{grid-template-columns:1fr;gap:20px;padding-top:30px;padding-bottom:35px}.individual-package-art img{height:350px}.individual-package h2{font-size:28px}}

.garment-scope{padding-top:55px;padding-bottom:55px}.garment-scope h2{font-size:clamp(26px,3vw,40px);max-width:850px}.garment-scope p{max-width:980px;line-height:1.9;color:var(--muted,#667085)}