/* OTEMATIK — Sales category V6: layout and illustrations only.
   Real display, section, product, lead and CTA typography comes from design-system.css.
   This stylesheet contains no competing rules for those shared typography roles.
*/
.sc6-page{overflow:hidden;color:var(--ot-text-primary)}
.sc6-page a{text-decoration:none}
.sc6-shell{width:100%;padding-left:var(--gutter);padding-right:var(--gutter)}
.sc6-page .icon{flex-shrink:0}
.sc6-hero{position:relative;isolation:isolate;background:linear-gradient(112deg,#f8fcff 0%,#fff 46%,#f8f6ff 100%);overflow:hidden}
.sc6-hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 43% 85% at 8% 95%,rgba(171,221,255,.4),transparent 85%),radial-gradient(ellipse 48% 88% at 92% 44%,rgba(206,193,255,.52),transparent 90%)}
.sc6-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(34px,4.5vw,88px);min-height:530px;align-items:center;padding-top:43px;padding-bottom:58px}
.sc6-hero-copy{min-width:0}
.sc6-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#8490af;margin:0 0 clamp(30px,3vw,52px)}
.sc6-breadcrumb a:hover{color:var(--ot-brand-primary)}
.sc6-breadcrumb [aria-current="page"]{color:#3f4f72}
.sc6-eyebrow{color:var(--ot-brand-primary);margin:0 0 15px}
.sc6-hero h1{margin:0;max-width:900px;text-wrap:balance}
.sc6-hero-lead{max-width:710px;color:#687898;margin:22px 0 28px}
.sc6-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.sc6-main-button,.sc6-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:10px;min-height:52px;padding:0 24px;background:#101622;color:white;border:0;white-space:nowrap;box-shadow:0 8px 24px rgba(26,36,65,.12);transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer}
.sc6-main-button:hover,.sc6-cta-button:hover{background:#282045;transform:translateY(-2px);box-shadow:0 14px 27px rgba(26,36,65,.2)}
.sc6-main-button .icon,.sc6-cta-button .icon{width:20px;height:20px}
.sc6-tiny-proof{display:flex;align-items:center;gap:9px;color:#617294}
.sc6-tiny-proof .icon{width:18px;height:18px;color:#0aa57a}
.sc6-hero-art{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:18px 0;min-height:410px}
.sc6-glow-orb{position:absolute;inset:2% 1% 5% 1%;border-radius:50%;background:radial-gradient(circle,#ebe5ff 0%,#dbe8ff 47%,transparent 72%);filter:blur(25px);opacity:.8}
.sc6-art-ui{width:min(100%,555px);position:relative;background:rgba(255,255,255,.96);border:1px solid #e4eafb;border-radius:22px;box-shadow:0 30px 75px rgba(77,89,145,.17),0 5px 16px #7280b31e;padding:22px 25px 19px;transform:rotate(1.5deg)}
.sc6-ui-top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e9edf7;padding-bottom:15px}
.sc6-ui-logo{display:flex;align-items:center;gap:9px;font-size:16px;color:#202844}.sc6-ui-logo>svg{width:20px;height:20px;color:#8954e9}.sc6-ui-logo b{font-weight:850;letter-spacing:-.07em}.sc6-ui-logo b span{color:#8c55ee}
.sc6-ui-top-right{display:flex;gap:5px}.sc6-ui-top-right i{width:7px;height:7px;border-radius:50%;background:#cbd2e6}
.sc6-art-title{font-weight:800;letter-spacing:.09em;color:#8894b5;font-size:10px;margin:20px 0 16px}
.sc6-art-step{display:flex;align-items:center;gap:14px;min-width:0;background:#fbfcff;border:1px solid #ecf0f7;border-radius:12px;padding:12px 13px;box-shadow:0 4px 12px #6c83b013}
.sc6-art-step>div{min-width:0;flex:1}.sc6-art-step strong,.sc6-art-step small{display:block}.sc6-art-step strong{font-size:13px;letter-spacing:-.014em;font-weight:750;color:#303e5b}.sc6-art-step small{font-size:10px;color:#8b97b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.sc6-art-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px}.sc6-art-icon svg{width:22px;height:22px}.sc6-art-icon.mint{background:#e6fbf0;color:#16ad78}.sc6-art-icon.purple{background:#f1eaff;color:#8d5df2}.sc6-art-icon.blue{background:#e7f0ff;color:#357be5}
.sc6-art-ai{background:#f8f5ff;border-color:#eadfff}.sc6-art-lead{background:#f6fcff}.sc6-art-check svg{width:17px;height:17px;color:#20b982}
.sc6-art-flow{display:flex;align-items:center;flex-direction:column;gap:2px;height:30px;justify-content:center}.sc6-art-flow span{height:7px;width:1px;background:#bbc5dc}.sc6-art-flow svg{width:14px;height:14px;transform:rotate(90deg);color:#9ea9c2}
.sc6-art-footer{border-top:1px solid #e8ecf6;display:flex;justify-content:center;align-items:center;gap:8px;color:#7b86a2;font-weight:600;font-size:10px;margin-top:18px;padding-top:13px}.sc6-art-footer svg{width:14px;height:14px;color:#1cb884}
.sc6-hero-star{position:absolute;z-index:3;color:#9877e8;pointer-events:none}.sc6-star-a{font-size:40px;right:1%;top:4%}.sc6-star-b{font-size:52px;left:0;bottom:4%}
/* Section rhythm deliberately matches the approved homepage spacious layout. */
.sc6-products{padding-top:clamp(58px,5.6vw,92px);padding-bottom:clamp(60px,6vw,100px)}
.sc6-section-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:27px}
.sc6-section-kicker{color:#7c59db;margin:0 0 10px}.sc6-section-top h2{margin:0 0 9px;max-width:980px}.sc6-section-top .ot-section-lead{margin:0;max-width:760px;color:#6e7ea3}.sc6-count{flex-shrink:0;color:#8995b5;white-space:nowrap}
.sc6-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sc6-product{border-radius:20px;overflow:hidden;display:flex;flex-direction:column;padding:24px 24px 20px;min-width:0;min-height:480px;transition:transform .2s,box-shadow .2s;position:relative}
.sc6-product:hover{transform:translateY(-4px);box-shadow:0 15px 35px #5e6e9820}
.sc6-product.card-mint{background:linear-gradient(145deg,#f0fcf5 0%,#f7fcf9 100%)}.sc6-product.card-lavender{background:linear-gradient(140deg,#f4f1ff,#f9f8ff)}.sc6-product.card-peach{background:linear-gradient(140deg,#fff2f0,#fffbf8)}
.sc6-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sc6-product-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#fff;color:#7650d4;box-shadow:0 3px 8px #7886ac18}.sc6-product-icon svg{width:24px;height:24px}.sc6-category-label{color:#7f79a0;white-space:nowrap}
.sc6-product-preview{margin:18px 0 19px;min-height:165px;display:flex;align-items:center;justify-content:center}
.sc6-chat-window,.sc6-lead-visual,.sc6-quote-window{background:#fff;border-radius:14px;border:1px solid #e7eaf5;box-shadow:0 12px 30px #5069a218;width:min(100%,320px);padding:14px}
.sc6-mini-bar{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#435572;padding-bottom:9px;border-bottom:1px solid #edf0f7}.sc6-mini-avatar{display:grid;place-items:center;width:24px;height:24px;background:#d9f9e7;color:#119c5c;border-radius:8px;font-weight:900}.sc6-mini-dots{margin-left:auto;letter-spacing:.1em;color:#9faac4}
.sc6-chat-msg{margin:12px 0 9px;max-width:90%;background:#f2f5fa;color:#4c5a74;padding:10px 11px;border-radius:9px 9px 9px 3px;font-size:10px;line-height:1.55}
.sc6-chat-answer{margin-left:auto;display:flex;align-items:center;gap:7px;max-width:82%;padding:9px 10px;background:#e8faef;border:1px solid #d0f0dc;border-radius:9px 9px 3px 9px;font-size:10px;color:#2b7352;font-weight:700}.sc6-chat-answer svg{width:14px;height:14px}.sc6-green-dot{margin-left:auto;border-radius:50%;width:7px;height:7px;background:#19c478}
.sc6-lead-visual{padding:16px 16px 11px}.sc6-visual-label{display:flex;align-items:center;justify-content:space-between;background:#f7f6ff;color:#5c498e;border:1px solid #ebe5ff;padding:9px 11px;border-radius:9px;font-size:11px;font-weight:750}.sc6-visual-label-light{background:#eaf9f3;color:#317a61;border-color:#d8f2e6}.sc6-visual-label svg{width:15px;height:15px}.sc6-track{display:flex;gap:4px;align-items:center;justify-content:center;height:30px}.sc6-track span{width:34%;height:2px;background:#c4b7ff}.sc6-track span:nth-child(2){height:3px;background:#8f73e7}.sc6-lead-pips{display:flex;gap:6px;margin-top:11px}.sc6-lead-pips span{width:25%;height:4px;background:#eeeaff;border-radius:4px}.sc6-lead-pips span:first-child,.sc6-lead-pips span:nth-child(2){background:#b39af0}
.sc6-quote-window{padding:17px 18px}.sc6-quote-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#7a6b8d;font-weight:800;letter-spacing:.03em}.sc6-quote-top svg{width:17px;height:17px;color:#815add}.sc6-quote-lines{display:flex;flex-direction:column;gap:10px;margin:17px 0}.sc6-quote-lines i{display:block;height:7px;background:#f2ebf3;border-radius:4px;width:86%}.sc6-quote-lines i:nth-child(2){width:58%}.sc6-quote-lines i:nth-child(3){width:74%}.sc6-quote-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0ebf4;padding-top:12px}.sc6-quote-bottom span{display:flex;gap:6px;align-items:center;background:#e7f9eb;color:#358e5b;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:800}.sc6-quote-bottom svg{width:13px;height:13px}.sc6-quote-bottom b{color:#9a7cbd}
.sc6-card-copy{flex:1}.sc6-card-copy h3{margin:0 0 10px;text-wrap:balance}.sc6-card-copy p{margin:0;color:#5b6b89;max-width:470px}
.sc6-product-link{border-top:1px solid #cad4e330;margin-top:22px;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#181f35}.sc6-product-link:hover{color:var(--ot-brand-primary)}.sc6-product-link svg{width:21px;height:21px;transition:transform .2s}.sc6-product-link:hover svg{transform:translateX(5px)}
/* Compact genuine credibility: no fabricated customer counts, ratings or testimonials. */
/* Compact evidence of Basamak's software work, separate from category benefits. */
.sc6-page .sc6-trust{padding-block:28px;border-block:1px solid #e5e9f2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:32px;align-items:center;background:#fafbfe}
.sc6-page .sc6-trust-copy h2{font-size:23px;line-height:1.3;letter-spacing:-.025em;margin:0 0 10px;color:#202a3d}
.sc6-page .sc6-trust-copy p{font-size:14px;line-height:1.65;margin:0;color:#536079;max-width:55ch}
.sc6-page .sc6-reference-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.sc6-page .sc6-reference-list li{min-width:0}
.sc6-page .sc6-reference{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:10px 0;border-bottom:1px solid #dce1ed}
.sc6-page .sc6-reference strong{display:block;font-size:14px;line-height:1.4;color:#34415c}
.sc6-page .sc6-reference small{display:block;font-size:12px;line-height:1.5;color:#536079;margin-top:4px}
.sc6-page .sc6-reference>.icon{width:16px;height:16px;color:#633ad5;flex-shrink:0}
.sc6-page .sc6-reference:hover strong{color:#633ad5;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.sc6-page .sc6-trust{grid-template-columns:1fr;gap:18px}}
@media(max-width:650px){.sc6-page .sc6-trust{padding-block:24px;gap:16px}.sc6-page .sc6-trust-copy h2{font-size:21px}.sc6-page .sc6-reference-list{grid-template-columns:1fr;gap:2px}.sc6-page .sc6-reference{min-height:60px}}
.sc6-value{padding-top:clamp(58px,5.4vw,88px);padding-bottom:clamp(58px,5.4vw,88px);display:flex;justify-content:space-between;align-items:center;gap:clamp(32px,5vw,90px)}
.sc6-value-head{flex:0 1 43%;min-width:0}.sc6-value-head .ot-eyebrow{color:#7853d9;margin:0 0 11px}.sc6-value-head h2{margin:0;text-wrap:balance}
.sc6-value-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,42px);flex:1}
.sc6-value-item>span{display:grid;place-items:center;width:45px;height:45px;background:#f0ebff;color:#8053e6;border-radius:12px;margin-bottom:11px}.sc6-value-item:nth-child(2)>span{background:#e7f3ff;color:#4787e7}.sc6-value-item:nth-child(3)>span{background:#e9f9f1;color:#1eaf7e}.sc6-value-item svg{width:23px;height:23px}.sc6-value-item strong{color:#252f46}.sc6-value-item p{color:#7a87a4;margin:5px 0 0}
.sc6-finale{margin:0 var(--wide-gutter) 18px;border-radius:17px;background:radial-gradient(ellipse at 80% 70%,rgba(69,48,142,.35),transparent 62%),linear-gradient(111deg,#0b1826,#171d34 76%,#142143);color:white;overflow:hidden}
.sc6-finale-grid{padding-top:clamp(36px,4.6vw,68px);padding-bottom:clamp(36px,4.6vw,68px);padding-left:clamp(32px,5.5vw,95px);padding-right:clamp(32px,5.5vw,95px);display:flex;align-items:center;justify-content:space-between;gap:30px}
.sc6-finale .ot-eyebrow{color:#9ee9ec;margin:0 0 10px}.sc6-finale h2{margin:0 0 12px;max-width:840px;color:#fff;text-wrap:balance}.sc6-finale .ot-section-lead{color:#d1d9ec;margin:0;max-width:800px}.sc6-cta-button{background:#fff;color:#15203c;flex-shrink:0}.sc6-cta-button:hover{background:#f0eaff;color:#15203c}
/* Design-stage contact dialog, inherited behavior from category-sales.js. */
.sc-inquiry{border:1px solid #e2e8f5;border-radius:20px;padding:0;width:min(620px,calc(100% - 28px));max-height:86vh;overflow:auto;box-shadow:0 35px 90px rgba(12,24,50,.32);font-family:var(--ot-font-family)}
.sc-inquiry::backdrop{background:rgba(13,22,42,.56);backdrop-filter:blur(4px)}
.sc-inquiry-inner{padding:clamp(22px,3vw,36px)}.sc-inquiry-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.sc-inquiry-top h2{margin:6px 0 10px}.sc-inquiry .sc-eyebrow{font-size:var(--ot-eyebrow-size);letter-spacing:var(--ot-eyebrow-tracking);font-weight:var(--ot-eyebrow-weight);color:#7751d5}.sc-inquiry-inner>p{margin:0 0 20px;color:#73809d}.sc-inquiry-close{border:0;background:#f3f5fb;width:37px;height:37px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.sc-inquiry-close svg{width:19px;height:19px}.sc-inquiry-fields{display:flex;flex-direction:column;gap:15px}.sc-inquiry-fields label{display:flex;flex-direction:column;gap:7px;color:#435374}.sc-inquiry-fields input,.sc-inquiry-fields textarea{border:1px solid #d9e1ee;border-radius:11px;background:#fbfcff;padding:13px 14px;color:#243352;outline:none;font:inherit}.sc-inquiry-fields textarea{min-height:98px;resize:vertical}.sc-inquiry-fields input:focus,.sc-inquiry-fields textarea:focus{border-color:#a28de4;box-shadow:0 0 0 3px #9681e326}.sc-inquiry-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sc-inquiry-actions button{border:0;background:#141c31;color:#fff;border-radius:9px;min-height:46px;padding:0 17px;font-weight:700;cursor:pointer}.sc-inquiry-actions a{color:#6b55b5}.sc-inquiry-hint{color:#8894ab}
/* Mobile and tablet */
@media(max-width:1140px){.sc6-hero-grid{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}.sc6-art-ui{padding:18px}.sc6-product{padding:21px 19px;min-height:480px}.sc6-value{flex-direction:column;align-items:stretch}.sc6-value-head{max-width:760px}.sc6-value-items{width:100%}}
@media(max-width:900px){.sc6-hero-grid{grid-template-columns:1fr;min-height:0;padding-top:23px;padding-bottom:46px;gap:22px}.sc6-breadcrumb{margin-bottom:30px}.sc6-hero-copy{max-width:850px}.sc6-hero-art{min-height:auto;padding:5px 0 0}.sc6-art-ui{max-width:600px}.sc6-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc6-finale-grid{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.sc6-hero-grid{padding-top:13px;padding-bottom:38px}.sc6-hero h1{max-width:510px}.sc6-hero-lead{margin:18px 0 23px}.sc6-hero-actions{gap:13px}.sc6-hero-art{display:none}.sc6-section-top{align-items:flex-start;flex-direction:column;gap:12px}.sc6-count{}.sc6-products{padding-top:48px;padding-bottom:52px}.sc6-products-grid{grid-template-columns:1fr;gap:13px}.sc6-product{min-height:unset;padding:22px}.sc6-product-preview{margin:15px 0 17px;min-height:145px}.sc6-chat-window,.sc6-lead-visual,.sc6-quote-window{max-width:340px}.sc6-value{padding-top:51px;padding-bottom:51px}.sc6-value-items{grid-template-columns:1fr;gap:16px}.sc6-value-item{display:grid;grid-template-columns:45px 1fr;column-gap:13px;align-items:center}.sc6-value-item>span{grid-row:span 2;margin:0}.sc6-value-item p{margin:0}.sc6-finale{margin-bottom:12px}.sc6-finale-grid{padding:36px 25px}.sc6-cta-button{width:100%}.sc6-tiny-proof{}}
@media(max-width:360px){.sc6-hero-actions .sc6-main-button{width:100%}.sc6-product{padding:18px}.sc6-breadcrumb{gap:6px}}
@media(prefers-reduced-motion:reduce){.sc6-page *, .sc6-page *::before, .sc6-page *::after{transition:none!important;animation:none!important}}

/* V7 — scalable catalogue layout; cards stay a single semantic link. */
.sc6-product{padding:0}
.sc6-product-whole{display:flex;flex-direction:column;flex:1;min-width:0;color:inherit;padding:24px 24px 20px;min-height:480px;border-radius:inherit;text-decoration:none}
.sc6-product-whole:hover{color:inherit}
.sc6-product-whole:focus-visible{outline:3px solid #704be8;outline-offset:-4px;box-shadow:inset 0 0 0 4px #ffffffb3;border-radius:20px}
.sc6-product-link{width:100%}
.sc6-product:hover .sc6-product-link,.sc6-product-whole:focus-visible .sc6-product-link{color:#704be8}
.sc6-product:hover .sc6-product-link svg,.sc6-product-whole:focus-visible .sc6-product-link svg{transform:translateX(5px)}
.sc6-product[hidden]{display:none!important}
.sc6-catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:-4px 0 25px;flex-wrap:wrap}
.sc6-catalog-toolbar[hidden],.sc6-empty[hidden],.sc6-pagination[hidden]{display:none!important}
.sc6-search-wrap{display:flex;flex-direction:column;gap:7px;min-width:min(100%,290px);flex:1;max-width:415px}
.sc6-search-label{color:#415576;font-weight:600!important}
.sc6-search-wrap input{display:block;min-height:46px;border:1px solid #d6deed;background:#fff;border-radius:11px;padding:10px 14px;color:#22304e;width:100%;outline:none}
.sc6-search-wrap input:focus-visible{border-color:#704be8;box-shadow:0 0 0 3px #704be81f}
.sc6-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sc6-filter{min-height:43px;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:10px;border:1px solid #e0e5f3;background:#fff;color:#4b5d80;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.sc6-filter:hover{border-color:#9b86ec;color:#704be8}
.sc6-filter[aria-pressed="true"]{background:#f1ecff;color:#6040c8;border-color:#a994ea}
.sc6-filter:focus-visible,.sc6-pagination a:focus-visible{outline:3px solid #704be8;outline-offset:3px}
.sc6-empty{padding:20px;border-radius:12px;background:#f7f8ff;color:#4d5e80;margin:20px 0}
.sc6-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:26px}
.sc6-pagination a{min-width:42px;min-height:42px;border:1px solid #dce3f1;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;font-weight:700;font-size:14px;color:#425373;background:#fff}
.sc6-pagination a:hover{border-color:#9b86ec;color:#704be8}
.sc6-pagination a[aria-current="page"]{background:#704be8;color:#fff;border-color:#704be8}
.sc6-generic-preview{width:min(100%,300px);height:165px;border:1px solid #e2e8f4;border-radius:13px;background:#fff;padding:22px;box-shadow:0 12px 30px #5069a218}
.sc6-generic-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#f2edff;color:#7650d4;margin-bottom:17px}
.sc6-generic-icon .icon{width:25px;height:25px}
.sc6-generic-line{display:block;height:8px;background:#edf0f7;border-radius:10px;margin-bottom:9px;width:100%}.sc6-generic-line.medium{width:74%}.sc6-generic-line.short{width:48%}
@media(max-width:1140px){.sc6-product-whole{padding:21px 19px;min-height:480px}}
@media(max-width:650px){.sc6-product-whole{padding:22px;min-height:0}.sc6-catalog-toolbar{flex-direction:column;align-items:stretch;margin-bottom:20px}.sc6-search-wrap{max-width:none}.sc6-filters{gap:7px}}
@media(max-width:360px){.sc6-product-whole{padding:18px}}
@media(prefers-reduced-motion:reduce){.sc6-filter{transition:none}}

/* Category experience: shared homepage tokens, scoped so home and V6 stay unchanged. */
.sc6-page{--ot-display-size:clamp(36px,4.2vw,62px);--ot-display-leading:1.1;--ot-product-description-size:15px}
.sc6-page .sc6-hero .sc6-hero-copy h1{font-size:var(--ot-display-size);line-height:var(--ot-display-leading);overflow-wrap:break-word}
.sc6-page .sc6-hero .sc6-hero-grid{padding-block:clamp(28px,4vw,60px);gap:clamp(24px,4vw,64px)}
.sc6-page .sc6-hero .sc6-main-button,.sc6-page .sc6-finale .sc6-cta-button{background:var(--ot-brand-primary);color:#fff;box-shadow:0 8px 20px #704be826;min-height:52px;white-space:normal;text-align:center}
.sc6-page .sc6-main-button:hover,.sc6-page .sc6-finale .sc6-cta-button:hover{background:#5d37cc;color:#fff}
.sc6-page a:focus-visible,.sc6-page button:focus-visible{outline:3px solid var(--ot-brand-primary);outline-offset:4px}
.sc6-page .sc6-products-grid{gap:24px;align-items:stretch}
.sc6-page .sc6-product{padding:0;min-height:0;border:1px solid #e6e3ef;box-shadow:0 4px 18px #25254204}
.sc6-page .sc6-product .sc6-product-whole{padding:24px;gap:0;min-height:0}
.sc6-page .sc6-category-label{white-space:normal;text-align:right;max-width:70%;letter-spacing:.035em}
.sc6-page .sc6-card-head{min-height:44px}
.sc6-page .sc6-product-icon{width:44px;height:44px;flex-shrink:0}
.sc6-page .sc6-product .sc6-card-scene{height:auto;min-height:300px;overflow:visible;display:flex;flex-direction:column;justify-content:center;gap:12px;margin:22px 0}
.sc6-page .sc6-product .sc6-card-scene .ot-scene{min-height:260px;overflow:visible;padding:18px;box-shadow:0 8px 22px #35314b08}
.sc6-page .sc6-product .sc6-card-scene .ot-scene-head strong{font-size:12px;line-height:1.45}
.sc6-page .sc6-product .sc6-card-scene .ot-workspace-subject{font-size:16px;line-height:1.4}
.sc6-page .sc6-product .sc6-card-scene .ot-scene p,.sc6-page .sc6-product .sc6-card-scene .ot-scene dd{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.sc6-page .sc6-product .sc6-card-scene .ot-scene dt{font-size:11px;line-height:1.5}
.sc6-page .sc6-scene-next{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.5;color:#62577d;margin:0;padding:0 2px}
.sc6-page .sc6-scene-next .icon{width:16px;height:16px;margin-top:1px}
.sc6-page .sc6-product .sc6-card-scene .ot-pipeline{grid-template-columns:1fr;gap:10px}
.sc6-page .sc6-product .sc6-card-scene .ot-pipeline article{display:grid;grid-template-columns:8px minmax(0,.8fr) minmax(0,1.2fr);gap:8px;align-items:center;padding:10px;background:#faf9ff}
.sc6-page .sc6-product .sc6-card-scene .ot-pipeline article>strong{font-size:11px;line-height:1.5}
.sc6-page .sc6-product .sc6-card-scene .ot-pipeline article>div{min-height:0;padding:0;margin:0;background:none;border:0}
.sc6-page .sc6-product .sc6-card-scene .ot-pipeline article>div>span{display:none} /* Same subject already shown above the stages. */
.sc6-page .sc6-product .sc6-card-scene .ot-pipeline p{font-size:12px;line-height:1.5}
.sc6-page .sc6-uploaded-preview{width:100%;min-height:300px;max-height:none;object-fit:contain;aspect-ratio:4/3}
.sc6-page .sc6-card-copy h3{margin-bottom:12px;text-wrap:pretty}
.sc6-page .sc6-product-link{margin-top:24px;padding-top:18px;min-height:48px;color:var(--ot-brand-primary)}
.sc6-page .sc6-value{display:block;padding-block:64px}
.sc6-page .sc6-value-head{max-width:850px;margin-bottom:28px}
.sc6-page .sc6-value-foundation{margin:14px 0 0;color:#626d83}
.sc6-page .sc6-value-items{gap:20px}
.sc6-page .sc6-value-item{border:1px solid #e9e6f2;border-radius:16px;padding:24px;background:#fcfbff}
.sc6-page .sc6-value-item p{margin-top:10px}
.sc6-page .sc6-chat-msg,.sc6-page .sc6-chat-answer{font-size:12px;line-height:1.6;max-width:96%}
.sc6-page .sc6-mini-bar{font-size:12px}
.sc6-call-card{text-align:center;padding:22px!important}
.sc6-call-orbit{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;margin:0 auto 14px;background:#eee8ff;color:var(--ot-brand-primary)}
.sc6-call-orbit .icon{width:26px;height:26px}
.sc6-call-card>strong{font-size:15px;color:#313c55}
.sc6-call-card p{font-size:13px;color:#4c5c79;margin:10px 0}
.sc6-call-card small{font-size:11px;line-height:1.6;color:#68738b}
.sc6-call-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:52px;margin-top:10px}
.sc6-call-wave i{display:block;width:5px;height:var(--wave);border-radius:4px;background:linear-gradient(#9379ef,#8bcdb7)}
.sc-inquiry{max-height:calc(100dvh - 24px);overscroll-behavior:contain}
.sc-inquiry-top{position:sticky;top:-1px;z-index:2;background:#fff;padding-bottom:12px}
.sc-inquiry-close{min-width:44px;min-height:44px}
@media(max-width:1050px) and (min-width:651px){.sc6-page .sc6-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc6-page .sc6-products-grid>.sc6-product:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 12px);justify-self:center}}
@media(max-width:900px){.sc6-page .sc6-hero .sc6-hero-art{display:flex;min-height:0;width:100%;max-width:580px;margin-inline:auto}.sc6-page .sc6-hero-art .ot-scene{transform:none}.sc6-page .sc6-art-ui{transform:none}.sc6-page .sc6-value-items{grid-template-columns:1fr}.sc6-page .sc6-value-item{display:grid;grid-template-columns:44px 1fr;column-gap:16px;align-items:start}.sc6-page .sc6-value-item>span{grid-row:span 2;margin:0}.sc6-page .sc6-value-item p{margin:6px 0 0}}
@media(max-width:650px){.sc6-page .sc6-hero .sc6-hero-grid{padding-block:24px 32px;gap:28px}.sc6-page .sc6-breadcrumb{font-size:12px;margin-bottom:24px}.sc6-page .sc6-hero-lead{margin:16px 0 22px}.sc6-page .sc6-hero .sc6-hero-art{padding:0}.sc6-page .sc6-hero .ot-category-art{padding:12px}.sc6-page .sc6-art-ui{padding:16px;border-radius:16px}.sc6-page .sc6-art-step{gap:10px;padding:10px}.sc6-page .sc6-art-step small{white-space:normal;color:#64718c;font-size:11px}.sc6-page .sc6-art-flow{height:18px}.sc6-page .sc6-art-title{margin:14px 0 12px}.sc6-page .sc6-art-footer{font-size:11px}.sc6-page .sc6-hero-star{display:none}.sc6-page section.sc6-products{padding-block:40px 48px}.sc6-page .sc6-products-grid{gap:20px}.sc6-page .sc6-product .sc6-product-whole{padding:22px}.sc6-page .sc6-product .sc6-card-scene{min-height:0;margin-block:20px}.sc6-page .sc6-product .sc6-card-scene .ot-scene{min-height:0}.sc6-page .sc6-value{padding-block:48px}.sc6-page .sc6-value-item{padding:20px}.sc6-page .sc6-finale-grid{padding:30px 24px}.sc6-page .sc6-main-button{flex:1}.sc-inquiry input,.sc-inquiry textarea{font-size:16px}.sc-inquiry-inner{padding:20px}.sc-inquiry-top h2{font-size:22px}}
.sc6-page .sc6-product .sc6-card-scene .ot-sample{display:block;font-size:10px;color:#69758c}
/* Share natural row sizes across cards: no fixed visual height or clipped content. */
@media(min-width:651px){@supports(grid-template-rows:subgrid){.sc6-page .sc6-product{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}.sc6-page .sc6-product .sc6-product-whole{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}}}
@media(max-width:1140px){.sc6-page .sc6-hero .sc6-art-ui{transform:none}}
