/* Tecnologie per l’Impresa | Author: Sandro Brotini. All selectors are scoped descendants. */
html .ti-site { --accent:#3459e6; --ink:#161b27; --muted:#606976; --line:#dfe3e9; --surface:#f5f7fa; --navy:#111b32; margin:0; background:#fafbfc; color:var(--ink); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; overflow-wrap:break-word; }
html .ti-site *,html .ti-site *::before,html .ti-site *::after { box-sizing:border-box; }
html .ti-site [hidden] { display:none!important; }
html .ti-site h1,html .ti-site h2,html .ti-site h3,html .ti-site h4,html .ti-site p { margin:0; }
html .ti-site h1,html .ti-site h2,html .ti-site h3,html .ti-site h4 { font-weight:600; line-height:1.13; letter-spacing:-.045em; text-wrap:balance; }
html .ti-site h1 { font-size:clamp(2.7rem,5.55vw,5.8rem); }
html .ti-site h2 { font-size:clamp(2rem,3.2vw,3.45rem); }
html .ti-site h3 { font-size:1.55rem; }
html .ti-site h4 { font-size:1.35rem; }
html .ti-site a { color:inherit; text-decoration:none; }
html .ti-site button,html .ti-site input,html .ti-site textarea,html .ti-site select { font:inherit; }
html .ti-site button,html .ti-site select { cursor:pointer; }
html .ti-site button { color:inherit; }
html .ti-site button:disabled { cursor:wait; opacity:.65; }
html .ti-site img { display:block; max-width:100%; height:auto; }
html .ti-site fieldset { border:0; padding:0; margin:0; min-width:0; }
html .ti-site :focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
html .ti-site ::selection { background:#dbe4ff; color:#17244f; }
html .ti-site .icon { display:inline-block; flex:0 0 auto; width:22px; height:22px; vertical-align:middle; }
html .ti-site .container { width:min(1320px,calc(100% - 96px)); margin-inline:auto; }
html .ti-site .narrow { max-width:830px; }
html .ti-site .section { padding:86px 0; scroll-margin-top:100px; }
html .ti-site .eyebrow { display:flex; align-items:center; gap:10px; font-size:.71rem; font-weight:650; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-bottom:22px; }
html .ti-site .dot { display:inline-block; width:7px; height:7px; background:var(--accent); border-radius:50%; box-shadow:0 0 0 5px #3459e60b; flex:0 0 auto; }
html .ti-site .lead { color:var(--muted); font-size:1.13rem; line-height:1.75; max-width:620px; }
html .ti-site .button { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:54px; padding:14px 24px; border:1px solid #d6dce6; border-radius:10px; background:transparent; color:var(--ink); font-size:.88rem; font-weight:600; line-height:1.4; text-align:center; transition:background .18s,box-shadow .18s,transform .18s; }
html .ti-site .button:hover { background:#eef1f6; transform:translateY(-2px); }
html .ti-site .button-primary { background:var(--accent); color:#fff; border-color:var(--accent); box-shadow:0 6px 16px #284ac418; }
html .ti-site .button-primary:hover { background:var(--accent); filter:brightness(.94); box-shadow:0 8px 22px #284ac425; }
html .ti-site .button-dark { background:var(--ink); border-color:var(--ink); color:#fff; }
html .ti-site .button-dark:hover { background:#25314b; }
html .ti-site .button-link { border:0; padding-inline:5px; background:transparent; }
html .ti-site .button-link:hover { background:transparent; }
html .ti-site .button-small { min-height:44px; padding:10px 16px; }
html .ti-site .text-link { display:inline-flex; align-items:center; gap:10px; padding:5px 0; border:0; background:transparent; font-weight:600; font-size:.86rem; line-height:1.6; text-align:left; }
html .ti-site .text-link:hover { color:var(--accent); }
html .ti-site .muted { color:var(--muted); }
html .ti-site .reversed { transform:rotate(180deg); }
html .ti-site .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
html .ti-site .skip-link { position:fixed; left:20px; top:-150px; z-index:1000; padding:12px 20px; background:var(--ink); color:#fff; border-radius:8px; }
html .ti-site .skip-link:focus { top:12px; }
html .ti-site .site-header { position:sticky; top:0; z-index:50; background:#fafbfced; backdrop-filter:blur(18px); border-bottom:1px solid #e6e9ee; }
html .ti-site .header-inner { width:min(1424px,calc(100% - 80px)); min-height:91px; display:flex; gap:34px; align-items:center; margin:auto; }
html .ti-site .brand { display:inline-flex; align-items:center; gap:12px; flex-shrink:0; }
html .ti-site .brand-name { font-size:1rem; font-weight:650; letter-spacing:-.055em; line-height:1.2; max-width:200px; }
html .ti-site .brand-name small { display:block; font-size:.59rem; letter-spacing:.014em; font-weight:400; margin-top:5px; color:var(--muted); }
html .ti-site .brand-symbol { display:grid; grid-template-columns:repeat(2,12px); grid-template-rows:repeat(2,12px); gap:4px; width:40px; height:40px; transform:rotate(-9deg); align-content:center; justify-content:center; }
html .ti-site .brand-symbol span { background:var(--ink); border-radius:3px; }
html .ti-site .brand-symbol span:first-child { grid-row:span 2; background:var(--accent); }
html .ti-site .brand-symbol span:last-child { border-radius:50%; width:10px; height:10px; }
html .ti-site .brand-logo { max-width:225px; max-height:52px; object-fit:contain; }
html .ti-site .main-nav { display:flex; align-items:center; justify-content:center; gap:28px; margin-left:auto; }
html .ti-site .main-nav a { font-size:.81rem; font-weight:500; position:relative; white-space:nowrap; padding:8px 0; }
html .ti-site .main-nav a:hover,html .ti-site .main-nav a[aria-current] { color:var(--accent); }
html .ti-site .header-cta { min-height:44px; font-size:.8rem; padding:10px 17px; gap:17px; background:#fff; }
html .ti-site .header-cta .icon { width:17px; height:17px; }
html .ti-site .menu-toggle { display:none; }
html .ti-site .home-hero { padding:77px 0 70px; position:relative; }
html .ti-site .hero-grid { display:grid; grid-template-columns:1.02fr 1fr; align-items:center; gap:36px; min-height:545px; }
html .ti-site .hero-copy { position:relative; z-index:2; }
html .ti-site .hero-copy h1 { margin-bottom:26px; font-size:clamp(3rem,5.65vw,5.5rem); letter-spacing:-.065em; line-height:1.045; }
html .ti-site .hero-copy h1 span { color:var(--accent); }
html .ti-site .hero-copy .lead { max-width:510px; font-size:1.08rem; }
html .ti-site .hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:32px; }
html .ti-site .hero-note { font-size:.75rem; color:var(--muted); display:flex; gap:8px; align-items:center; margin-top:25px; }
html .ti-site .hero-note .icon { width:15px; height:15px; color:var(--accent); }
html .ti-site .hero-visual { overflow:hidden; height:555px; position:relative; border-radius:36px; background:radial-gradient(ellipse at 52% 54%,#d8e0fa 0%,#eff2f9 48%,#f8f9fc 73%); isolation:isolate; }
html .ti-site .visual-orbit { border:1px solid #b9c4e141; border-radius:50%; position:absolute; z-index:-1; }
html .ti-site .orbit-one { width:90%; height:90%; left:5%; top:5%; transform:rotate(22deg); }
html .ti-site .orbit-two { width:75%; height:75%; left:12.5%; top:12.5%; }
html .ti-site .visual-dot { position:absolute; width:7px; height:7px; background:#b1bedf; border-radius:50%; }
html .ti-site .dot-one { top:14%; right:16%; }
html .ti-site .dot-two { bottom:18%; left:10%; }
html .ti-site .visual-tag { position:absolute; top:18px; left:50%; transform:translateX(-50%); font-size:.57rem; color:#64718f; font-weight:600; letter-spacing:.11em; white-space:nowrap; display:flex; align-items:center; gap:9px; }
html .ti-site .visual-tag .icon { width:15px; height:15px; }
html .ti-site .ecosystem-card { position:absolute; width:67%; left:16.5%; top:19%; padding:22px; border:1px solid #fff; border-radius:20px; background:linear-gradient(140deg,#ffffffed,#ffffffc9); box-shadow:0 30px 55px #27396119,0 2px 7px #27396106; transform:rotate(-5deg); }
html .ti-site .system-top { display:flex; align-items:center; gap:10px; margin-bottom:19px; }
html .ti-site .system-mark { display:grid; place-items:center; background:var(--accent); color:white; width:35px; height:35px; border-radius:10px; }
html .ti-site .system-mark .icon { width:20px; height:20px; }
html .ti-site .system-mini-label { font-size:.73rem; font-weight:700; color:#7c88a0; }
html .ti-site .system-menu { color:#a5adbc; margin-left:auto; letter-spacing:2px; }
html .ti-site .system-title { font-size:1.25rem; font-weight:600; letter-spacing:-.04em; line-height:1.25; max-width:245px; }
html .ti-site .ecosystem-card p { font-size:.65rem; color:#8991a1; margin-top:7px; }
html .ti-site .system-preview { background:#f1f4fb; border-radius:10px; padding:12px; margin-top:21px; border:1px solid #e6ebf5; }
html .ti-site .preview-navigation { display:flex; justify-content:flex-end; align-items:center; gap:6px; padding-bottom:10px; border-bottom:1px solid #dee4f0; }
html .ti-site .preview-navigation span { width:21px; height:3px; background:#bac5dc; border-radius:2px; }
html .ti-site .preview-navigation span:first-child { margin-right:auto; width:24px; height:6px; background:#465bd2; }
html .ti-site .preview-columns { display:grid; grid-template-columns:1fr 1fr; gap:22px; padding:19px 2px 12px; align-items:center; }
html .ti-site .preview-copy i { display:block; height:6px; background:#3a4560; width:90%; margin-bottom:6px; border-radius:2px; }
html .ti-site .preview-copy i:nth-child(2) { width:70%; background:#3559e6; }
html .ti-site .preview-copy i:nth-child(3) { width:88%; height:3px; background:#c1cada; margin-top:12px; }
html .ti-site .preview-copy b { display:block; width:45%; height:10px; background:#3459e6; border-radius:3px; margin-top:12px; }
html .ti-site .preview-shape { height:83px; background:#dce3f7; border-radius:9px; display:grid; place-items:center; }
html .ti-site .preview-shape span { width:50px; height:50px; border:12px solid #486bea; border-radius:13px; transform:rotate(25deg); box-shadow:5px 8px 0 #bac8f5; }
html .ti-site .preview-panels { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
html .ti-site .preview-panels span { height:22px; background:#e0e6f4; border-radius:4px; }
html .ti-site .system-footer { display:flex; align-items:center; gap:7px; font-size:.59rem; color:#6e7b91; margin-top:17px; }
html .ti-site .pulse-dot { width:5px; height:5px; border-radius:50%; background:#548873; }
html .ti-site .ecosystem-node { position:absolute; display:flex; align-items:center; gap:12px; padding:14px 16px; background:#fff; border:1px solid #e6eaf0; box-shadow:0 12px 35px #1c335313; border-radius:13px; font-size:.75rem; font-weight:600; line-height:1.4; transition:transform .2s; }
html .ti-site .ecosystem-node:hover { transform:translateY(-5px); }
html .ti-site .ecosystem-node small { display:block; font-size:.57rem; font-weight:400; color:var(--muted); margin-top:4px; }
html .ti-site .ecosystem-node>.icon { width:16px; height:16px; color:#7d89a6; }
html .ti-site .node-site { left:1%; top:17%; transform:rotate(2deg); }
html .ti-site .node-data { right:-1%; top:55%; transform:rotate(4deg); }
html .ti-site .node-automation { left:8%; bottom:11%; transform:rotate(-3deg); }
html .ti-site .node-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; flex-shrink:0; }
html .ti-site .node-icon .icon { width:20px; height:20px; }
html .ti-site .blue { background:#edf1ff; color:#3459e6; }
html .ti-site .lavender { background:#f0edff; color:#7762b6; }
html .ti-site .lime { background:#edf4d6; color:#606b2e; }
html .ti-site .visual-caption { position:absolute; bottom:11px; left:17%; right:5%; display:flex; align-items:center; justify-content:space-between; font-size:.58rem; color:#818ca3; letter-spacing:.02em; }
html .ti-site .section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; margin-bottom:40px; }
html .ti-site .section-heading h2 { max-width:820px; }
html .ti-site .section-intro { max-width:370px; flex:0 1 370px; color:var(--muted); font-size:.93rem; line-height:1.8; padding-bottom:3px; }
html .ti-site .configurator-section { background:#f1f4f8; border-top:1px solid #e4e9f0; border-bottom:1px solid #e4e9f0; }
html .ti-site .configurator-section .section-heading { margin-bottom:38px; }
html .ti-site .config-shell { background:#fff; border:1px solid #dce3ed; border-radius:22px; box-shadow:0 15px 44px #29406605; overflow:hidden; }
html .ti-site .config-top { display:flex; align-items:center; justify-content:space-between; padding:20px 31px; border-bottom:1px solid var(--line); gap:20px; }
html .ti-site .config-brand { display:flex; align-items:center; gap:10px; font-size:.77rem; font-weight:600; }
html .ti-site .config-brand .icon { color:var(--accent); width:18px; height:18px; }
html .ti-site .config-top-note { display:flex; align-items:center; gap:7px; font-size:.67rem; color:var(--muted); }
html .ti-site .config-top-note .icon { width:13px; height:13px; }
html .ti-site .config-steps { display:grid; grid-template-columns:repeat(4,1fr); list-style:none; padding:28px 38px 0; margin:0; gap:0; }
html .ti-site .config-steps li { display:flex; align-items:center; gap:10px; min-width:0; }
html .ti-site .config-steps li>span:first-child { display:grid; place-items:center; width:31px; height:31px; background:#f1f3f6; color:#727c8e; border:1px solid #e8ebf0; border-radius:9px; font-size:.67rem; flex-shrink:0; }
html .ti-site .config-steps strong { font-weight:500; color:#7e8694; font-size:.72rem; }
html .ti-site .config-steps .active>span:first-child { background:var(--accent); border-color:var(--accent); color:#fff; box-shadow:0 4px 9px #3459e627; }
html .ti-site .config-steps .active strong,html .ti-site .config-steps .completed strong { color:var(--ink); }
html .ti-site .config-steps .completed>span:first-child { background:#eaf0ff; border-color:#d5e0ff; color:var(--accent); }
html .ti-site .step-line { flex:1; height:1px; background:#e6eaf0; margin:0 15px; }
html .ti-site .config-steps li:last-child .step-line { display:none; }
html .ti-site .config-stage { padding:35px 38px 26px; min-height:405px; }
html .ti-site .config-stage-heading { display:flex; justify-content:space-between; gap:25px; margin-bottom:27px; }
html .ti-site .config-stage-heading h3 { font-size:1.75rem; letter-spacing:-.04em; }
html .ti-site .config-stage-heading p { font-size:.82rem; color:var(--muted); margin-top:9px; max-width:750px; }
html .ti-site .step-overline { display:block; color:var(--accent); font-size:.61rem; text-transform:uppercase; letter-spacing:.1em; margin-bottom:9px; font-weight:600; }
html .ti-site .step-symbol { display:grid; place-items:center; width:55px; height:55px; border-radius:16px; background:#f2f5fb; color:#9babd6; flex-shrink:0; }
html .ti-site .step-symbol .icon { width:28px; height:28px; }
html .ti-site .goal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
html .ti-site .goal-option { display:flex; align-items:flex-start; gap:13px; min-width:0; border:1px solid #e1e5ed; border-radius:12px; padding:21px 15px; position:relative; cursor:pointer; transition:border-color .16s,background .16s,box-shadow .16s; }
html .ti-site .goal-option:hover { border-color:#a5b6eb; background:#fafbff; }
html .ti-site .goal-option:has(input:checked) { background:#f3f6ff; border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
html .ti-site .goal-option:has(input:focus-visible),html .ti-site .preference-option:has(input:focus-visible) { outline:3px solid #92aafa; outline-offset:3px; }
html .ti-site .goal-option input,html .ti-site .preference-option input { position:absolute; opacity:0; width:1px; height:1px; }
html .ti-site .goal-icon { width:35px; height:35px; display:grid; place-items:center; background:#f0f3f8; border-radius:9px; color:#556882; flex-shrink:0; }
html .ti-site .goal-icon .icon { width:19px; height:19px; }
html .ti-site .goal-option:has(input:checked) .goal-icon { background:#e3eaff; color:var(--accent); }
html .ti-site .goal-copy { flex:1; min-width:0; padding-top:1px; }
html .ti-site .goal-copy strong { display:block; font-size:.82rem; font-weight:600; line-height:1.35; }
html .ti-site .goal-copy>span { display:block; font-size:.68rem; color:var(--muted); margin-top:5px; line-height:1.65; }
html .ti-site .choice-circle { width:17px; height:17px; border:1px solid #d7deea; border-radius:50%; display:grid; place-items:center; color:transparent; margin-top:3px; flex-shrink:0; }
html .ti-site .choice-circle .icon { width:11px; height:11px; }
html .ti-site .goal-option:has(input:checked) .choice-circle,html .ti-site .preference-option:has(input:checked) .choice-circle { border-color:var(--accent); background:var(--accent); color:#fff; }
html .ti-site .config-navigation { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:27px; }
html .ti-site .config-navigation .text-link { font-size:.75rem; }
html .ti-site .config-navigation .button { min-height:47px; font-size:.81rem; padding:11px 23px; }
html .ti-site .config-bottom { padding:14px 31px; background:#fbfcfe; display:flex; align-items:center; justify-content:center; gap:8px; border-top:1px solid #edf0f5; font-size:.65rem; color:#778294; text-align:center; }
html .ti-site .mini-dot { height:5px; width:5px; border-radius:50%; background:#a6b4cb; flex-shrink:0; }
html .ti-site .question-group { margin-bottom:26px; }
html .ti-site .question-group legend { font-size:.95rem; font-weight:600; margin-bottom:12px; }
html .ti-site .question-help { color:var(--muted); font-size:.8rem; margin-bottom:10px; }
html .ti-site .preference-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(205px,1fr)); gap:12px; }
html .ti-site .preference-option { position:relative; display:flex; gap:15px; justify-content:space-between; border:1px solid #dfe5ef; border-radius:12px; padding:18px; cursor:pointer; }
html .ti-site .preference-option strong { font-size:.84rem; font-weight:600; display:block; line-height:1.45; }
html .ti-site .preference-option>span>span { display:block; margin-top:6px; font-size:.72rem; line-height:1.65; color:var(--muted); }
html .ti-site .preference-option:has(input:checked) { background:#f3f6ff; border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
html .ti-site .selection-chips { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:24px; }
html .ti-site .selection-chips span { border:1px solid #dee5f0; border-radius:6px; padding:5px 11px; font-size:.7rem; color:#5a6987; background:#f7f9fd; }
html .ti-site .recommendation-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr)); gap:18px; }
html .ti-site .recommendation-card { border:1px solid #e0e5ee; border-radius:15px; overflow:hidden; display:flex; flex-direction:column; background:#fff; }
html .ti-site .primary-result { border-color:#879cf0; box-shadow:0 6px 15px #284aee08; }
html .ti-site .recommendation-image { position:relative; }
html .ti-site .recommendation-image img { width:100%; aspect-ratio:20/11; object-fit:cover; }
html .ti-site .recommendation-image>span { position:absolute; left:11px; top:11px; font-size:.58rem; background:#fffffff5; color:#59657c; padding:4px 8px; border-radius:5px; }
html .ti-site .primary-result .recommendation-image>span { color:#fff; background:var(--accent); }
html .ti-site .recommendation-content { padding:21px; display:flex; flex-direction:column; flex:1; }
html .ti-site .result-price { color:var(--accent); font-size:.7rem; font-weight:600; margin-bottom:8px; }
html .ti-site .recommendation-content h4 { font-size:1.32rem; margin-bottom:11px; }
html .ti-site .recommendation-content>p:not(.result-price) { font-size:.78rem; color:var(--muted); line-height:1.7; }
html .ti-site .result-reasons { padding:17px 0; margin-top:10px; }
html .ti-site .result-reasons>strong { font-size:.69rem; display:flex; align-items:center; gap:6px; }
html .ti-site .result-reasons .icon { width:14px; height:14px; color:var(--accent); }
html .ti-site .result-reasons ul { list-style:none; padding:0; margin:10px 0 0; }
html .ti-site .result-reasons li { font-size:.72rem; line-height:1.7; color:#536079; margin-top:8px; padding-left:12px; position:relative; }
html .ti-site .result-reasons li::before { content:""; position:absolute; left:0; top:8px; width:3px; height:3px; border-radius:50%; background:#7a8bb8; }
html .ti-site .result-difference { padding:15px 0 20px; margin:0; border-top:1px solid #e6eaf1; }
html .ti-site .result-difference dt { font-size:.7rem; font-weight:600; }
html .ti-site .result-difference dd { margin:6px 0 0; font-size:.72rem; color:var(--muted); }
html .ti-site .result-actions { display:flex; flex-direction:column; align-items:stretch; gap:10px; margin-top:auto; }
html .ti-site .result-actions .button { padding:11px; min-height:43px; font-size:.75rem; gap:10px; }
html .ti-site .result-actions .text-link { font-size:.7rem; justify-content:center; }
html .ti-site .result-tools { display:flex; flex-wrap:wrap; gap:10px 30px; margin-top:23px; }
html .ti-site .result-tools .text-link { font-size:.7rem; }
html .ti-site .result-tools .icon { width:17px; height:17px; }
html .ti-site .config-disclaimer { margin-top:15px; font-size:.7rem; color:var(--muted); }
html .ti-site .selected-summary { display:flex; align-items:center; gap:24px; padding:20px; border:1px solid #dce4f5; background:#f5f8ff; border-radius:14px; margin-bottom:25px; }
html .ti-site .selected-summary img { width:150px; border-radius:9px; flex-shrink:0; }
html .ti-site .selected-summary .eyebrow { margin-bottom:6px; font-size:.65rem; }
html .ti-site .selected-summary h4 { font-size:1.3rem; }
html .ti-site .selected-summary p { font-size:.81rem; color:var(--muted); margin-top:8px; }
html .ti-site .action-channel-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
html .ti-site .channel-card { display:grid; grid-template-columns:42px 1fr 20px; gap:3px 14px; padding:23px; border:1px solid var(--line); border-radius:13px; }
html .ti-site .channel-card:hover { background:#f8faff; border-color:#aabbe9; }
html .ti-site .channel-icon { grid-row:span 2; width:42px; height:42px; background:#f0f4fa; border-radius:11px; display:grid; place-items:center; color:#455f98; }
html .ti-site .channel-card strong { font-size:.84rem; }
html .ti-site .channel-card>span:not(.channel-icon) { grid-column:2; font-size:.72rem; color:var(--muted); }
html .ti-site .channel-card>.icon { grid-column:3; grid-row:1; width:17px; height:17px; }
html .ti-site .action-form-panel { display:grid; grid-template-columns:.65fr 1.2fr; gap:45px; padding:35px 0 0; margin-top:30px; border-top:1px solid var(--line); }
html .ti-site .action-form-panel>div p { font-size:.84rem; color:var(--muted); margin-top:10px; }
html .ti-site .services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:29px; }
html .ti-site .featured-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
html .ti-site .service-card { min-width:0; }
html .ti-site .service-image { display:block; border-radius:15px; overflow:hidden; position:relative; background:#eaf0f9; }
html .ti-site .service-image img { aspect-ratio:20/13; width:100%; object-fit:cover; transition:transform .5s; }
html .ti-site .service-image:hover img { transform:scale(1.035); }
html .ti-site .image-arrow { position:absolute; right:14px; bottom:14px; width:33px; height:33px; display:grid; place-items:center; border:1px solid #ffffffe8; background:#ffffffc7; color:#67728e; border-radius:50%; }
html .ti-site .image-arrow .icon { width:17px; height:17px; }
html .ti-site .service-card-body { padding:22px 0 6px; }
html .ti-site .service-card-meta { display:flex; gap:9px; align-items:flex-start; flex-wrap:wrap; justify-content:space-between; font-size:.63rem; color:var(--muted); margin-bottom:14px; }
html .ti-site .price-label { color:#4f5c7a; font-weight:600; white-space:nowrap; }
html .ti-site .service-card h3 { font-size:1.35rem; margin-bottom:12px; }
html .ti-site .service-card h3 a:hover { color:var(--accent); }
html .ti-site .service-card p { font-size:.8rem; color:var(--muted); line-height:1.8; margin-bottom:14px; }
html .ti-site .service-card .text-link { font-size:.73rem; }
html .ti-site .service-card .text-link .icon { width:17px; height:17px; }
html .ti-site .section-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding-top:27px; margin-top:38px; }
html .ti-site .section-bottom>span { color:var(--muted); font-size:.8rem; }
html .ti-site .technology-section { padding-top:25px; padding-bottom:45px; }
html .ti-site .technology-panel { border-radius:23px; padding:50px 58px 49px; background:radial-gradient(ellipse at 100% 0%,#243b62 0%,#131f37 55%,#121b2c 100%); color:#fff; overflow:hidden; position:relative; }
html .ti-site .technology-top { display:flex; align-items:flex-start; justify-content:space-between; }
html .ti-site .technology-panel .eyebrow { color:#9fadd0; }
html .ti-site .tech-symbol { color:#89a1e566; }
html .ti-site .tech-symbol .icon { width:66px; height:66px; }
html .ti-site .technology-panel h2 { font-size:clamp(2rem,3.3vw,3.5rem); max-width:800px; }
html .ti-site .technology-panel h2 span { color:#c8d3ed; }
html .ti-site .technology-intro { max-width:640px; color:#b1bdd3; font-size:.94rem; margin-top:22px; line-height:1.9; }
html .ti-site .benefits-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; margin-top:45px; padding-top:30px; border-top:1px solid #ffffff21; }
html .ti-site .benefit-icon { display:block; color:#bdcbf2; margin-bottom:15px; }
html .ti-site .benefits-grid h3 { font-size:1.08rem; margin-bottom:11px; letter-spacing:-.015em; }
html .ti-site .benefits-grid p { color:#a3b0c7; font-size:.8rem; line-height:1.9; }
html .ti-site .method-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
html .ti-site .method-card { border-top:1px solid #dce2eb; padding:27px 20px 5px 0; position:relative; }
html .ti-site .method-number { display:block; color:#95a0b4; font-size:.68rem; margin-bottom:22px; letter-spacing:.04em; }
html .ti-site .method-icon { position:absolute; right:17px; top:22px; color:#8193b5; }
html .ti-site .method-icon .icon { width:19px; height:19px; }
html .ti-site .method-card h3 { font-size:1.28rem; margin-bottom:14px; }
html .ti-site .method-card p { font-size:.8rem; color:var(--muted); line-height:1.9; }
html .ti-site .articles-section { background:#f2f5f9; border-block:1px solid #e8ecf1; }
html .ti-site .articles-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:27px; }
html .ti-site .article-card { border:1px solid #e0e6ef; background:#fff; border-radius:15px; overflow:hidden; display:flex; flex-direction:column; }
html .ti-site .article-image { overflow:hidden; }
html .ti-site .article-image img { width:100%; aspect-ratio:2/1; object-fit:cover; transition:transform .4s; }
html .ti-site .article-image:hover img { transform:scale(1.03); }
html .ti-site .article-card-body { padding:27px; display:flex; flex-direction:column; flex:1; }
html .ti-site .article-card .eyebrow { font-size:.58rem; margin-bottom:15px; }
html .ti-site .article-card h3 { font-size:1.3rem; line-height:1.2; margin-bottom:14px; }
html .ti-site .article-card p:not(.eyebrow) { font-size:.81rem; color:var(--muted); margin-bottom:23px; }
html .ti-site .article-card .text-link { font-size:.75rem; margin-top:auto; }
html .ti-site .faq-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:85px; }
html .ti-site .faq-grid>div>p:not(.eyebrow) { color:var(--muted); font-size:.88rem; margin-top:20px; }
html .ti-site .faq-grid>div>.text-link { margin-top:23px; }
html .ti-site .faq-item { border-bottom:1px solid #dfe4ec; }
html .ti-site .faq-item:first-child { border-top:1px solid #dfe4ec; }
html .ti-site .faq-item summary { list-style:none; display:flex; justify-content:space-between; align-items:center; gap:20px; cursor:pointer; font-size:.88rem; font-weight:500; padding:24px 0; line-height:1.5; }
html .ti-site .faq-item summary::-webkit-details-marker { display:none; }
html .ti-site .faq-item summary .icon { color:#7f8da8; width:19px; height:19px; transition:transform .2s; }
html .ti-site .faq-item[open] summary .icon { transform:rotate(45deg); }
html .ti-site .faq-answer { padding:0 30px 24px 0; font-size:.85rem; color:var(--muted); line-height:1.9; }
html .ti-site .faq-answer a { text-decoration:underline; text-underline-offset:3px; }
html .ti-site .faq-list+.button { margin-top:30px; }
html .ti-site .cta-section { padding-top:20px; }
html .ti-site .cta-panel { display:flex; align-items:center; justify-content:space-between; gap:40px; border-radius:21px; background:#e9eeff; padding:49px 55px; position:relative; overflow:hidden; }
html .ti-site .cta-panel>div,html .ti-site .cta-panel>a { position:relative; z-index:1; }
html .ti-site .cta-panel .eyebrow { color:#6b7aab; font-size:.63rem; margin-bottom:19px; }
html .ti-site .cta-panel h2 { font-size:clamp(1.9rem,3vw,3.1rem); }
html .ti-site .cta-panel p:not(.eyebrow) { font-size:.85rem; margin-top:16px; color:#667492; }
html .ti-site .cta-orbit { position:absolute; width:320px; height:320px; border-radius:50%; border:50px solid #dde5ff; right:6%; top:-45%; }
html .ti-site .page-hero { padding:33px 0 32px; }
html .ti-site .breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:10px; color:#7e899b; font-size:.69rem; margin-bottom:60px; }
html .ti-site .breadcrumb a { color:#536482; }
html .ti-site .breadcrumb>span[aria-hidden] { color:#b6bfce; }
html .ti-site .page-hero-copy { max-width:1000px; }
html .ti-site .page-hero .lead { margin-top:26px; max-width:770px; }
html .ti-site .page-hero h1 span { color:#7383a2; }
html .ti-site .page-hero .eyebrow { margin-bottom:24px; }
html .ti-site .catalog-section { padding-top:32px; }
html .ti-site .catalog-filters { display:flex; gap:15px; align-items:center; padding-bottom:36px; margin-bottom:40px; border-bottom:1px solid var(--line); flex-wrap:wrap; }
html .ti-site .search-field { display:flex; align-items:center; gap:12px; flex:1; min-width:220px; }
html .ti-site .search-field>.icon { width:20px; height:20px; position:absolute; margin-left:16px; color:#7c8aa5; }
html .ti-site .search-field input { padding-left:48px!important; }
html .ti-site .catalog-filters input,html .ti-site .catalog-filters select { border:1px solid #dbe2ed; background:#fff; min-height:52px; border-radius:10px; padding:13px 16px; font-size:.85rem; width:100%; color:var(--ink); }
html .ti-site .catalog-filters>label:not(.search-field) { max-width:310px; }
html .ti-site .catalog-grid { gap:45px 32px; }
html .ti-site .catalog-result-count { color:var(--muted); font-size:.8rem; margin-top:35px; }
html .ti-site .catalog-empty { background:#f1f4fa; border-radius:12px; padding:30px; }
html .ti-site .standalone-config { padding-top:27px; }
html .ti-site .contact-section { padding-top:35px; }
html .ti-site .contact-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:95px; align-items:start; }
html .ti-site .contact-details { padding-top:15px; }
html .ti-site .contact-details h2 { font-size:1.65rem; max-width:350px; }
html .ti-site .contact-details>p { margin-top:12px; color:var(--muted); font-size:.83rem; }
html .ti-site .contact-lines { margin-top:30px; }
html .ti-site .contact-lines>a,html .ti-site .contact-lines>div { display:flex; gap:15px; align-items:center; padding:18px 0; border-bottom:1px solid var(--line); font-size:.88rem; }
html .ti-site .contact-lines .icon { color:#7b8ba9; width:19px; height:19px; }
html .ti-site .contact-lines>a>.icon:last-child { margin-left:auto; }
html .ti-site .contact-lines>a:hover { color:var(--accent); }
html .ti-site .contact-aside { margin-top:29px; border:1px solid #e1e6ef; background:#f4f7fc; border-radius:14px; padding:23px; }
html .ti-site .contact-aside .node-icon { margin-bottom:15px; }
html .ti-site .contact-aside h3 { font-size:1.1rem; margin-bottom:10px; }
html .ti-site .contact-aside p { font-size:.8rem; color:var(--muted); margin-bottom:12px; }
html .ti-site .contact-aside .text-link { font-size:.78rem; }
html .ti-site .contact-form-card { background:#fff; border:1px solid #e1e6ee; padding:37px; border-radius:19px; box-shadow:0 10px 35px #1b335504; }
html .ti-site .contact-form { display:flex; flex-direction:column; gap:20px; }
html .ti-site .contact-form .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
html .ti-site .contact-form label:not(.privacy-check) { display:flex; flex-direction:column; gap:8px; font-size:.76rem; font-weight:600; }
html .ti-site .contact-form input:not([type=checkbox]):not([type=hidden]),html .ti-site .contact-form textarea { width:100%; border:1px solid #dce2ec; background:#fcfdff; border-radius:8px; padding:13px 14px; outline-offset:2px; color:var(--ink); font-size:.88rem; font-weight:400; }
html .ti-site .contact-form textarea { resize:vertical; min-height:135px; line-height:1.7; }
html .ti-site .contact-form input::placeholder,html .ti-site .contact-form textarea::placeholder { color:#9299a7; font-weight:400; font-size:.79rem; }
html .ti-site .privacy-check { display:flex; gap:11px; align-items:flex-start; font-size:.71rem; color:#65718a; line-height:1.8; }
html .ti-site .privacy-check input { width:17px; height:17px; flex-shrink:0; accent-color:var(--accent); margin:4px 0 0; }
html .ti-site .privacy-check a { text-decoration:underline; text-underline-offset:3px; }
html .ti-site .form-submit { display:flex; flex-wrap:wrap; align-items:center; gap:15px; }
html .ti-site .form-submit small { color:#7c889b; font-size:.65rem; display:flex; align-items:center; gap:6px; }
html .ti-site .form-submit small .icon { width:12px; height:12px; }
html .ti-site .hp-field { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
html .ti-site .form-alert { border:1px solid #efc0bf; border-radius:8px; background:#fff4f3; color:#a1403c; font-size:.83rem; padding:12px 15px; }
html .ti-site .selected-service-label { padding:12px 16px; font-size:.8rem; border-radius:8px; background:#eff4ff; color:#49629a; margin-bottom:25px; }
html .ti-site .content-section { padding-top:28px; }
html .ti-site .content-image { width:100%; border-radius:18px; margin-bottom:40px; }
html .ti-site .prose { font-size:.99rem; line-height:1.95; color:#536078; }
html .ti-site .prose h2 { font-size:1.7rem; color:var(--ink); margin-top:40px; margin-bottom:18px; letter-spacing:-.035em; }
html .ti-site .prose h3,html .ti-site .prose h4 { color:var(--ink); font-size:1.35rem; margin:30px 0 15px; }
html .ti-site .prose h2:first-child { margin-top:0; }
html .ti-site .prose p { margin-bottom:18px; }
html .ti-site .prose strong { color:#28334a; font-weight:600; }
html .ti-site .prose ul { padding-left:22px; margin:16px 0 24px; }
html .ti-site .prose li { padding-left:5px; margin-bottom:8px; }
html .ti-site .prose a { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
html .ti-site .prose+.text-link { margin-top:30px; }
html .ti-site .article-date { font-size:.76rem; color:#7b869a; margin-bottom:30px; }
html .ti-site .image-text-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
html .ti-site .image-text-grid img { border-radius:18px; }
html .ti-site .image-text-grid .prose { margin-top:25px; }
html .ti-site .service-hero { padding:33px 0 35px; }
html .ti-site .service-hero-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:70px; align-items:center; }
html .ti-site .service-hero h1 { font-size:clamp(2.5rem,4.4vw,4.5rem); line-height:1.1; }
html .ti-site .service-hero .lead { margin-top:23px; font-size:1.02rem; }
html .ti-site .service-hero-image { border-radius:23px; overflow:hidden; background:#eef3fb; position:relative; border:1px solid #e2e8f1; }
html .ti-site .service-hero-image img { width:100%; aspect-ratio:1.06; object-fit:cover; }
html .ti-site .service-image-caption { display:flex; align-items:center; gap:10px; padding:17px 22px; font-size:.76rem; font-weight:600; position:absolute; bottom:0; left:0; right:0; background:#ffffffd9; backdrop-filter:blur(10px); }
html .ti-site .service-price { display:flex; align-items:flex-start; gap:18px; margin-top:26px; padding-top:24px; border-top:1px solid var(--line); }
html .ti-site .service-price strong { font-size:1.12rem; line-height:1.5; white-space:nowrap; }
html .ti-site .service-price span { font-size:.68rem; line-height:1.7; color:var(--muted); max-width:280px; }
html .ti-site .service-detail-grid { display:grid; grid-template-columns:1.6fr 1fr; gap:95px; align-items:start; }
html .ti-site .service-sidebar { display:flex; flex-direction:column; gap:25px; }
html .ti-site .service-feature-box { padding:30px; border:1px solid #dfe5ee; border-radius:16px; background:#fff; }
html .ti-site .service-sidebar h2 { font-size:1.1rem; margin-bottom:20px; letter-spacing:-.02em; }
html .ti-site .service-feature-box ul { list-style:none; padding:0; margin:0 0 20px; }
html .ti-site .service-feature-box li { display:flex; align-items:flex-start; gap:10px; margin-bottom:15px; font-size:.82rem; color:#54627a; }
html .ti-site .service-feature-box .icon { width:17px; height:17px; color:var(--accent); margin-top:4px; }
html .ti-site .service-feature-box small { color:#7e899c; font-size:.68rem; line-height:1.9; }
html .ti-site .service-info-box { padding:30px; border-radius:16px; background:#edf2fb; }
html .ti-site .service-info-box h2 { margin:25px 0 10px; font-size:.9rem; }
html .ti-site .service-info-box h2:first-child { margin-top:0; }
html .ti-site .service-info-box p { font-size:.8rem; color:#5f6e88; }
html .ti-site .service-info-box .button { margin-top:25px; width:100%; }
html .ti-site .related-services { background:#f3f6fa; border-block:1px solid #e3e8f0; }
html .ti-site .site-footer { background:#f9fafc; padding:66px 0 25px; border-top:1px solid #e0e6ef; }
html .ti-site .footer-top { display:grid; grid-template-columns:1.6fr 1fr .85fr 1fr; gap:45px; padding-bottom:60px; }
html .ti-site .footer-brand>p { max-width:280px; font-size:.79rem; color:var(--muted); margin-top:22px; }
html .ti-site .footer-email { display:flex; align-items:center; gap:12px; font-size:.79rem; font-weight:600; margin-top:22px; word-break:break-word; }
html .ti-site .footer-email .icon { width:16px; height:16px; }
html .ti-site .footer-column { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
html .ti-site .footer-column h2 { font-size:.73rem; letter-spacing:0; margin-bottom:12px; }
html .ti-site .footer-column>a,html .ti-site .footer-column>p { font-size:.71rem; color:#748099; line-height:1.7; }
html .ti-site .footer-column>a:hover { color:var(--accent); }
html .ti-site .footer-column .icon { width:13px; height:13px; }
html .ti-site .footer-contact p { margin-top:13px; }
html .ti-site .footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid var(--line); padding-top:23px; }
html .ti-site .footer-bottom p { color:#7c889b; font-size:.61rem; }
html .ti-site .footer-bottom nav { display:flex; flex-wrap:wrap; gap:10px 20px; font-size:.61rem; color:#758299; }
html .ti-site .privacy-banner { position:fixed; bottom:22px; left:22px; right:22px; z-index:90; background:#fff; border:1px solid #dbe2ef; box-shadow:0 15px 60px #14244426; border-radius:15px; padding:23px 28px; display:flex; gap:32px; align-items:center; }
html .ti-site .privacy-banner>div:first-child { flex:1; }
html .ti-site .privacy-banner strong { font-size:.9rem; }
html .ti-site .privacy-banner p { font-size:.73rem; color:var(--muted); margin-top:6px; max-width:680px; }
html .ti-site .privacy-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
html .ti-site .privacy-actions>a { width:100%; text-align:center; text-decoration:underline; font-size:.68rem; }
html .ti-site .privacy-dialog { width:min(610px,calc(100% - 30px)); border:1px solid #dbe2ed; border-radius:19px; padding:32px; max-height:90dvh; overflow:auto; color:var(--ink); }
html .ti-site .privacy-dialog::backdrop { background:#101c365d; backdrop-filter:blur(3px); }
html .ti-site .dialog-head { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-bottom:20px; }
html .ti-site .dialog-head h2 { font-size:1.6rem; }
html .ti-site .icon-button { width:38px; height:38px; border:1px solid var(--line); background:#fff; border-radius:8px; display:grid; place-items:center; flex-shrink:0; }
html .ti-site .privacy-dialog>p { font-size:.85rem; color:var(--muted); }
html .ti-site .privacy-option { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:22px 0; border-bottom:1px solid var(--line); }
html .ti-site .privacy-option strong { font-size:.86rem; }
html .ti-site .privacy-option p,html .ti-site .option-description,html .ti-site .privacy-option small { display:block; font-size:.74rem; color:var(--muted); margin-top:6px; }
html .ti-site .status-pill { font-size:.59rem; white-space:nowrap; color:#65737c; background:#edf3ed; border-radius:5px; padding:4px 7px; margin-top:4px; }
html .ti-site .privacy-option input { width:20px; height:20px; accent-color:var(--accent); flex-shrink:0; }
html .ti-site .privacy-dialog .privacy-actions { margin-top:23px; }
html .ti-site .privacy-dialog>.text-link { font-size:.72rem; margin-top:15px; }
html .ti-site .preferences-page { padding:30px; background:#fff; border:1px solid var(--line); border-radius:15px; }
html .ti-site .preferences-page p { margin:20px 0; color:var(--muted); }
html .ti-site .preferences-page h2 { font-size:1.6rem; }
html .ti-site .toast { position:fixed; bottom:25px; left:50%; transform:translateX(-50%); border-radius:10px; background:var(--ink); color:#fff; padding:13px 20px; z-index:110; font-size:.83rem; max-width:calc(100% - 35px); box-shadow:0 8px 25px #15294d2b; }
html .ti-site .error-section { padding:100px 0 120px; text-align:center; }
html .ti-site .error-code { display:inline-block; border:1px solid #dae2f2; color:#6a7dab; padding:5px 14px; border-radius:8px; margin-bottom:25px; font-size:.8rem; }
html .ti-site .error-section .lead { margin:25px auto; }
html .ti-site .thankyou-panel { text-align:center; border:1px solid var(--line); border-radius:18px; background:#fff; padding:45px; }
html .ti-site .thankyou-icon { width:70px; height:70px; display:grid; place-items:center; border-radius:20px; background:#eaf0ff; color:var(--accent); margin:0 auto 22px; }
html .ti-site .thankyou-panel p { color:var(--muted); margin-bottom:25px; font-size:.9rem; }
html .ti-site .comparison-section { padding-top:20px; }
html .ti-site .comparison-summary { padding:25px; border-radius:12px; background:#edf2fc; margin-bottom:30px; }
html .ti-site .comparison-summary h2 { font-size:1.5rem; margin-bottom:15px; }
html .ti-site .comparison-summary p { font-size:.85rem; color:var(--muted); margin-top:8px; }
html .ti-site .comparison-scroll { overflow-x:auto; border:1px solid var(--line); border-radius:14px; background:#fff; }
html .ti-site .comparison-table { width:100%; min-width:700px; border-collapse:collapse; font-size:.83rem; }
html .ti-site .comparison-table th,html .ti-site .comparison-table td { padding:25px; vertical-align:top; text-align:left; border-bottom:1px solid var(--line); border-right:1px solid var(--line); min-width:210px; }
html .ti-site .comparison-table th:first-child { min-width:155px; width:170px; background:#f7f9fc; }
html .ti-site .comparison-table th { font-weight:600; }
html .ti-site .comparison-table td { color:var(--muted); line-height:1.85; }
html .ti-site .comparison-table th img { width:100%; max-height:160px; object-fit:cover; border-radius:8px; margin-bottom:20px; }
html .ti-site .comparison-table th:last-child,html .ti-site .comparison-table td:last-child { border-right:0; }
html .ti-site .comparison-table tr:last-child td,html .ti-site .comparison-table tr:last-child th { border-bottom:0; }
html .ti-site .comparison-actions { display:flex; gap:15px; flex-wrap:wrap; margin-top:30px; }
@media(min-width:1550px){html .ti-site .home-hero{padding-top:95px;padding-bottom:90px;} html .ti-site .hero-copy h1{font-size:5.8rem;} }
@media(max-width:1150px){html .ti-site .container{width:calc(100% - 64px);}html .ti-site .header-inner{width:calc(100% - 50px);gap:22px;}html .ti-site .main-nav{gap:19px;}html .ti-site .main-nav a{font-size:.74rem;}html .ti-site .brand-name{font-size:.89rem;}html .ti-site .header-cta{gap:9px;}html .ti-site .hero-grid{gap:25px;}html .ti-site .hero-copy h1{font-size:4.25rem;}html .ti-site .hero-visual{height:480px;}html .ti-site .ecosystem-card{width:71%;left:14%;top:18%;padding:18px;}html .ti-site .ecosystem-node{padding:12px;font-size:.65rem;gap:9px;}html .ti-site .node-site{left:-2%;top:13%;}html .ti-site .node-data{right:-2%;top:58%;}html .ti-site .node-automation{left:3%;bottom:7%;}html .ti-site .node-icon{width:32px;height:32px;}html .ti-site .hero-actions{gap:16px;}html .ti-site .hero-actions .button{font-size:.78rem;gap:10px;padding:13px 18px;}html .ti-site .featured-grid{grid-template-columns:repeat(2,1fr);}html .ti-site .section-heading{gap:40px;}html .ti-site .section-intro{max-width:330px;font-size:.83rem;}html .ti-site .goal-option{padding:18px 13px;gap:10px;}html .ti-site .goal-grid{gap:11px;}html .ti-site .goal-copy strong{font-size:.75rem;}html .ti-site .goal-copy>span{font-size:.65rem;}html .ti-site .goal-icon{width:29px;height:29px;}html .ti-site .goal-icon .icon{width:17px;height:17px;}html .ti-site .config-stage{padding-inline:28px;}html .ti-site .config-steps{padding-inline:28px;}html .ti-site .footer-top{gap:30px;grid-template-columns:1.25fr 1fr .85fr 1fr;}html .ti-site .footer-email{font-size:.68rem;gap:5px;}html .ti-site .contact-grid{gap:55px;}html .ti-site .service-hero-grid{gap:45px;}html .ti-site .service-detail-grid{gap:60px;}html .ti-site .faq-grid{gap:55px;} }
@media(max-width:950px){html .ti-site .header-inner{min-height:80px;flex-wrap:wrap;padding-block:15px;}html .ti-site .main-nav{order:4;width:100%;justify-content:flex-start;gap:24px;margin-left:0;}html.js .ti-site .main-nav{display:none;}html.js .ti-site .site-header.menu-open .main-nav{display:flex;padding:12px 0 3px;}html .ti-site .header-cta{margin-left:auto;}html.js .ti-site .menu-toggle{display:grid;place-items:center;width:40px;height:40px;background:transparent;border:1px solid #dfe5ef;border-radius:8px;}html .ti-site .hero-grid{grid-template-columns:1fr 1fr;gap:15px;}html .ti-site .hero-copy h1{font-size:3.6rem;}html .ti-site .hero-copy .lead{font-size:.95rem;}html .ti-site .hero-visual{height:440px;}html .ti-site .ecosystem-card{width:76%;left:12%;top:15%;}html .ti-site .system-title{font-size:1.1rem;}html .ti-site .system-preview{padding:9px;}html .ti-site .preview-shape{height:70px;}html .ti-site .preview-shape span{height:42px;width:42px;border-width:10px;}html .ti-site .ecosystem-node small{display:none;}html .ti-site .node-site{top:12%;left:-3%;}html .ti-site .node-data{top:64%;right:-2%;}html .ti-site .node-automation{bottom:8%;}html .ti-site .hero-note{font-size:.65rem;}html .ti-site .section{padding-block:65px;}html .ti-site .section-heading{align-items:flex-start;flex-direction:column;gap:19px;}html .ti-site .section-intro{max-width:600px;flex:auto;}html .ti-site .goal-grid{grid-template-columns:repeat(2,1fr);}html .ti-site .goal-option{padding:21px 17px;}html .ti-site .goal-copy strong{font-size:.83rem;}html .ti-site .goal-copy>span{font-size:.7rem;}html .ti-site .goal-icon{width:35px;height:35px;}html .ti-site .config-top-note{display:none;}html .ti-site .technology-panel{padding:40px;}html .ti-site .method-grid{gap:15px;}html .ti-site .method-card h3{font-size:1.15rem;}html .ti-site .method-card p{font-size:.75rem;}html .ti-site .articles-grid{gap:18px;}html .ti-site .article-card-body{padding:21px;}html .ti-site .article-card h3{font-size:1.16rem;}html .ti-site .faq-grid{grid-template-columns:1fr 1.3fr;gap:40px;}html .ti-site .cta-panel{padding:39px;gap:25px;}html .ti-site .cta-panel .button{flex-shrink:0;}html .ti-site .footer-top{grid-template-columns:1.2fr 1fr;gap:40px;}html .ti-site .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;}html .ti-site .contact-grid{gap:35px;grid-template-columns:1fr 1.15fr;}html .ti-site .contact-form-card{padding:25px;}html .ti-site .contact-form .form-grid{grid-template-columns:1fr;}html .ti-site .contact-lines>a,html .ti-site .contact-lines>div{font-size:.79rem;}html .ti-site .service-hero-grid{gap:35px;}html .ti-site .service-hero h1{font-size:3rem;}html .ti-site .service-hero .lead{font-size:.93rem;}html .ti-site .service-price{flex-direction:column;gap:8px;}html .ti-site .service-detail-grid{gap:35px;grid-template-columns:1.4fr 1fr;}html .ti-site .service-feature-box,html .ti-site .service-info-box{padding:24px;}html .ti-site .action-form-panel{grid-template-columns:1fr;gap:25px;}html .ti-site .privacy-banner{flex-direction:column;align-items:stretch;gap:16px;max-width:650px;margin:auto;}html .ti-site .privacy-actions>a{width:auto;margin-left:auto;} }
@media(max-width:700px){html .ti-site .container{width:calc(100% - 40px);}html .ti-site .header-inner{width:calc(100% - 36px);gap:13px;min-height:77px;}html .ti-site .brand-name{font-size:.82rem;max-width:160px;}html .ti-site .brand-name small{font-size:.52rem;}html .ti-site .brand{gap:7px;}html .ti-site .brand-symbol{width:31px;height:33px;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);gap:3px;}html .ti-site .brand-symbol span:last-child{width:9px;height:9px;}html .ti-site .header-cta{padding:9px 11px;min-height:37px;font-size:.7rem;border-radius:7px;gap:5px;}html .ti-site .header-cta .icon{width:14px;height:14px;}html.js .ti-site .menu-toggle{width:35px;height:35px;border:0;}html .ti-site .main-nav{flex-wrap:wrap;gap:9px 24px;}html .ti-site .main-nav a{font-size:.82rem;}html .ti-site .home-hero{padding:45px 0 34px;}html .ti-site .hero-grid{grid-template-columns:1fr;gap:13px;}html .ti-site .hero-copy h1{font-size:clamp(2.9rem,9.8vw,4.25rem);max-width:620px;line-height:1.08;letter-spacing:-.058em;margin-bottom:22px;}html .ti-site .hero-copy .lead{font-size:.97rem;max-width:500px;line-height:1.85;}html .ti-site .eyebrow{font-size:.61rem;letter-spacing:.12em;margin-bottom:21px;}html .ti-site .hero-actions{gap:14px;margin-top:24px;}html .ti-site .hero-actions .button{font-size:.78rem;min-height:49px;}html .ti-site .hero-actions .button-link{padding:10px 2px;}html .ti-site .hero-note{font-size:.65rem;margin-top:18px;align-items:flex-start;}html .ti-site .hero-note .icon{margin-top:3px;}html .ti-site .hero-visual{height:405px;max-width:550px;width:100%;margin:12px auto 0;border-radius:24px;}html .ti-site .ecosystem-card{width:66%;left:17%;top:15%;padding:16px;}html .ti-site .system-title{font-size:1.03rem;}html .ti-site .system-top{margin-bottom:13px;}html .ti-site .system-mark{width:30px;height:30px;border-radius:8px;}html .ti-site .system-preview{margin-top:15px;}html .ti-site .preview-columns{padding-block:12px;gap:12px;}html .ti-site .preview-panels span{height:17px;}html .ti-site .ecosystem-node{padding:10px 12px;font-size:.67rem;}html .ti-site .node-site{top:17%;left:0;}html .ti-site .node-data{top:57%;right:0;}html .ti-site .node-automation{bottom:8%;left:9%;}html .ti-site .visual-caption{font-size:.51rem;bottom:3px;left:7%;}html .ti-site .visual-tag{top:7px;font-size:.52rem;}html .ti-site .system-footer{font-size:.51rem;margin-top:13px;}html .ti-site .section{padding:51px 0;}html .ti-site h1{font-size:clamp(2.5rem,8.8vw,3.6rem);line-height:1.1;}html .ti-site h2{font-size:clamp(1.85rem,6.7vw,2.65rem);}html .ti-site .section-heading{margin-bottom:28px;gap:17px;}html .ti-site .section-intro{font-size:.86rem;line-height:1.85;}html .ti-site .configurator-section .section-heading{margin-bottom:28px;}html .ti-site .config-shell{border-radius:16px;}html .ti-site .config-top{padding:17px 20px;}html .ti-site .config-brand{font-size:.68rem;gap:9px;}html .ti-site .config-steps{padding:20px 20px 0;gap:6px;}html .ti-site .config-steps li{flex-direction:column;gap:6px;align-items:flex-start;position:relative;}html .ti-site .config-steps li>span:first-child{width:28px;height:28px;border-radius:8px;font-size:.6rem;}html .ti-site .config-steps strong{font-size:.62rem;}html .ti-site .step-line{position:absolute;top:14px;left:38px;right:7px;margin:0;}html .ti-site .config-stage{padding:25px 19px 21px;min-height:0;}html .ti-site .config-stage-heading{gap:14px;margin-bottom:21px;}html .ti-site .config-stage-heading h3{font-size:1.4rem;letter-spacing:-.035em;line-height:1.25;}html .ti-site .config-stage-heading p{font-size:.76rem;line-height:1.7;}html .ti-site .step-symbol{display:none;}html .ti-site .step-overline{font-size:.57rem;}html .ti-site .goal-grid{grid-template-columns:1fr;gap:10px;}html .ti-site .goal-option{padding:15px 13px;align-items:center;gap:12px;}html .ti-site .goal-copy strong{font-size:.82rem;}html .ti-site .goal-copy>span{font-size:.68rem;margin-top:3px;}html .ti-site .choice-circle{margin-top:0;}html .ti-site .goal-icon{width:33px;height:33px;}html .ti-site .config-navigation{margin-top:22px;gap:18px;flex-wrap:wrap;}html .ti-site .config-navigation>.button{margin-left:auto;}html .ti-site .config-navigation .text-link{font-size:.7rem;}html .ti-site .config-bottom{padding:13px 19px;font-size:.59rem;align-items:flex-start;}html .ti-site .mini-dot{margin-top:7px;}html .ti-site .preference-options{grid-template-columns:1fr;}html .ti-site .preference-option{padding:16px;}html .ti-site .question-group legend{font-size:.87rem;line-height:1.5;}html .ti-site .question-group{margin-bottom:23px;}html .ti-site .recommendation-grid{grid-template-columns:1fr;gap:22px;}html .ti-site .recommendation-image img{aspect-ratio:2.2;}html .ti-site .recommendation-content{padding:23px;}html .ti-site .recommendation-content h4{font-size:1.42rem;}html .ti-site .recommendation-content>p:not(.result-price){font-size:.82rem;}html .ti-site .result-reasons li,html .ti-site .result-difference dd{font-size:.76rem;}html .ti-site .result-actions .button{font-size:.8rem;}html .ti-site .result-tools{flex-direction:column;gap:8px;}html .ti-site .result-tools .text-link{font-size:.73rem;}html .ti-site .selected-summary{align-items:flex-start;padding:16px;gap:15px;flex-wrap:wrap;}html .ti-site .selected-summary img{width:90px;}html .ti-site .selected-summary>div{flex:1;min-width:180px;}html .ti-site .selected-summary h4{font-size:1.12rem;}html .ti-site .action-channel-grid{grid-template-columns:1fr;}html .ti-site .channel-card{padding:18px;}html .ti-site .channel-card strong{font-size:.8rem;}html .ti-site .action-form-panel{gap:24px;padding-top:27px;margin-top:26px;}html .ti-site .services-grid,html .ti-site .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px;}html .ti-site .service-card-body{padding-top:17px;}html .ti-site .service-card-meta{font-size:.58rem;gap:5px;margin-bottom:11px;}html .ti-site .service-card-meta>span:first-child{display:none;}html .ti-site .service-card h3{font-size:1.12rem;}html .ti-site .service-card p{font-size:.75rem;}html .ti-site .service-card .text-link{font-size:.65rem;gap:6px;}html .ti-site .service-image{border-radius:11px;}html .ti-site .image-arrow{width:27px;height:27px;right:9px;bottom:9px;}html .ti-site .image-arrow .icon{width:14px;height:14px;}html .ti-site .section-bottom{margin-top:26px;padding-top:20px;gap:13px;align-items:center;}html .ti-site .section-bottom>span{font-size:.68rem;}html .ti-site .section-bottom .button{font-size:.7rem;padding:10px 15px;min-height:43px;gap:9px;}html .ti-site .technology-section{padding-top:5px;padding-bottom:16px;}html .ti-site .technology-panel{padding:29px 25px;border-radius:16px;}html .ti-site .technology-top{gap:15px;align-items:flex-start;}html .ti-site .technology-panel .eyebrow{max-width:190px;font-size:.58rem;line-height:1.8;}html .ti-site .tech-symbol .icon{width:38px;height:38px;}html .ti-site .technology-panel h2{font-size:1.98rem;line-height:1.2;}html .ti-site .technology-intro{font-size:.84rem;line-height:1.9;margin-top:20px;}html .ti-site .benefits-grid{grid-template-columns:1fr;gap:24px;margin-top:30px;padding-top:25px;}html .ti-site .benefits-grid article{display:grid;grid-template-columns:29px 1fr;gap:0 12px;}html .ti-site .benefit-icon{grid-row:span 2;margin:0;}html .ti-site .benefit-icon .icon{width:19px;height:19px;}html .ti-site .benefits-grid h3{font-size:1.02rem;margin-bottom:7px;}html .ti-site .benefits-grid p{font-size:.77rem;line-height:1.8;}html .ti-site .method-grid{grid-template-columns:1fr 1fr;gap:23px 20px;}html .ti-site .method-card{padding-top:21px;}html .ti-site .method-number{margin-bottom:17px;font-size:.6rem;}html .ti-site .method-icon{right:5px;top:16px;}html .ti-site .method-card h3{font-size:1.14rem;}html .ti-site .method-card p{font-size:.76rem;}html .ti-site .articles-grid{grid-template-columns:1fr;gap:22px;}html .ti-site .article-image img{aspect-ratio:2.25;}html .ti-site .article-card-body{padding:25px;}html .ti-site .article-card h3{font-size:1.4rem;}html .ti-site .article-card p:not(.eyebrow){font-size:.83rem;}html .ti-site .faq-grid{grid-template-columns:1fr;gap:30px;}html .ti-site .faq-grid>div>.text-link{margin-top:15px;}html .ti-site .faq-grid>div>p:not(.eyebrow){margin-top:14px;}html .ti-site .faq-item summary{padding:21px 0;font-size:.83rem;gap:20px;}html .ti-site .faq-answer{font-size:.8rem;padding-right:15px;}html .ti-site .cta-section{padding-top:10px;}html .ti-site .cta-panel{flex-direction:column;align-items:flex-start;gap:25px;padding:32px 25px;border-radius:16px;}html .ti-site .cta-panel h2{font-size:2rem;}html .ti-site .cta-panel .button{min-height:47px;font-size:.78rem;padding:12px 18px;}html .ti-site .cta-panel p:not(.eyebrow){font-size:.8rem;}html .ti-site .cta-orbit{right:-25%;top:-20%;}html .ti-site .page-hero{padding:24px 0 15px;}html .ti-site .breadcrumb{margin-bottom:34px;font-size:.62rem;gap:8px;}html .ti-site .page-hero .lead{font-size:.98rem;margin-top:22px;}html .ti-site .catalog-section{padding-top:27px;}html .ti-site .catalog-filters{gap:12px;margin-bottom:28px;padding-bottom:25px;}html .ti-site .catalog-filters .search-field{width:100%;flex-basis:100%;}html .ti-site .catalog-filters>label:not(.search-field){max-width:none;flex:1;}html .ti-site .catalog-filters .button{padding:12px 17px;min-height:47px;font-size:.77rem;}html .ti-site .catalog-filters .text-link{font-size:.72rem;}html .ti-site .catalog-filters input,html .ti-site .catalog-filters select{min-height:49px;font-size:.82rem;}html .ti-site .contact-grid{grid-template-columns:1fr;gap:35px;}html .ti-site .contact-details h2{font-size:1.7rem;max-width:none;}html .ti-site .contact-lines>a,html .ti-site .contact-lines>div{font-size:.88rem;}html .ti-site .contact-aside{display:none;}html .ti-site .contact-form-card{padding:24px 20px;border-radius:15px;}html .ti-site .contact-form input:not([type=checkbox]):not([type=hidden]),html .ti-site .contact-form textarea{font-size:16px;}html .ti-site .contact-form .form-grid{gap:20px;}html .ti-site .privacy-check{font-size:.72rem;}html .ti-site .form-submit{gap:14px;}html .ti-site .form-submit .button{width:100%;font-size:.8rem;}html .ti-site .form-submit small{width:100%;justify-content:center;}html .ti-site .service-hero-grid{grid-template-columns:1fr;gap:32px;}html .ti-site .service-hero h1{font-size:2.85rem;overflow-wrap:anywhere;}html .ti-site .service-hero-image img{aspect-ratio:1.6;}html .ti-site .service-hero .breadcrumb{margin-bottom:31px;}html .ti-site .service-price{flex-direction:row;gap:18px;}html .ti-site .service-price strong{font-size:1.02rem;}html .ti-site .service-detail-grid{grid-template-columns:1fr;gap:36px;}html .ti-site .service-details{padding-top:20px;}html .ti-site .service-sidebar{gap:20px;}html .ti-site .service-feature-box,html .ti-site .service-info-box{padding:28px;}html .ti-site .prose{font-size:.93rem;line-height:1.95;}html .ti-site .prose h2{font-size:1.52rem;margin-top:32px;line-height:1.25;}html .ti-site .content-section{padding-top:22px;}html .ti-site .content-image{margin-bottom:25px;border-radius:12px;}html .ti-site .image-text-grid{grid-template-columns:1fr;gap:28px;}html .ti-site .site-footer{padding-top:42px;}html .ti-site .footer-top{grid-template-columns:1fr 1fr;gap:32px 22px;padding-bottom:35px;}html .ti-site .footer-brand{grid-column:span 2;}html .ti-site .footer-brand>p{max-width:370px;font-size:.78rem;margin-top:17px;}html .ti-site .footer-brand .brand-name{font-size:1rem;max-width:220px;}html .ti-site .footer-email{font-size:.83rem;gap:10px;margin-top:17px;}html .ti-site .footer-column{gap:8px;}html .ti-site .footer-column h2{font-size:.75rem;margin-bottom:9px;}html .ti-site .footer-column>a,html .ti-site .footer-column>p{font-size:.72rem;}html .ti-site .footer-contact{grid-column:span 2;}html .ti-site .footer-contact p{margin-top:6px;}html .ti-site .footer-bottom{padding-top:20px;}html .ti-site .footer-bottom p{font-size:.6rem;}html .ti-site .footer-bottom nav{gap:8px 16px;font-size:.6rem;}html .ti-site .privacy-banner{left:12px;right:12px;bottom:12px;padding:21px;}html .ti-site .privacy-actions{gap:10px;}html .ti-site .privacy-actions .button{flex:1;font-size:.71rem;padding:10px;min-height:44px;}html .ti-site .privacy-actions>a{margin:3px 0 0;width:100%;}html .ti-site .privacy-dialog{padding:24px;}html .ti-site .privacy-dialog>p{font-size:.79rem;}html .ti-site .privacy-option{gap:15px;}html .ti-site .privacy-option p,html .ti-site .option-description{font-size:.7rem;}html .ti-site .status-pill{font-size:.5rem;}html .ti-site .dialog-head h2{font-size:1.4rem;}html .ti-site .comparison-table th,html .ti-site .comparison-table td{padding:18px;font-size:.75rem;}html .ti-site .comparison-table th:first-child{min-width:140px;}html .ti-site .comparison-actions .button{font-size:.76rem;min-height:47px;}html .ti-site .error-section{padding:75px 0 90px;} }
@media(max-width:370px){html .ti-site .container{width:calc(100% - 30px);}html .ti-site .header-inner{width:calc(100% - 26px);gap:7px;}html .ti-site .brand-name{font-size:.75rem;max-width:143px;}html .ti-site .brand-name small{font-size:.47rem;}html .ti-site .header-cta{font-size:.62rem;padding:8px;}html .ti-site .hero-copy h1{font-size:2.8rem;}html .ti-site .hero-actions{gap:10px;}html .ti-site .hero-actions .button{font-size:.71rem;padding:12px 15px;}html .ti-site .hero-actions .button-link{padding-inline:0;}html .ti-site .hero-visual{height:365px;}html .ti-site .ecosystem-card{width:71%;left:15%;top:13%;padding:13px;}html .ti-site .system-title{font-size:.92rem;}html .ti-site .ecosystem-card p{font-size:.58rem;}html .ti-site .node-data{top:63%;}html .ti-site .node-automation{bottom:5%;left:2%;}html .ti-site .visual-caption{display:none;}html .ti-site .services-grid,html .ti-site .featured-grid{gap:24px 13px;}html .ti-site .service-card h3{font-size:1.03rem;}html .ti-site .service-card p{font-size:.71rem;}html .ti-site .service-card .text-link{font-size:.59rem;}html .ti-site .config-stage{padding-inline:15px;}html .ti-site .config-top{padding-inline:16px;}html .ti-site .config-brand{font-size:.62rem;}html .ti-site .config-steps{padding-inline:16px;}html .ti-site .config-navigation{gap:14px;}html .ti-site .config-navigation .button{font-size:.75rem;padding-inline:17px;}html .ti-site .service-price{flex-direction:column;} }
@media(prefers-reduced-motion:reduce){html .ti-site *,html .ti-site *::before,html .ti-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;} }
@media print{html .ti-site{font-size:10pt;background:#fff;color:#111;}html .ti-site .site-header,html .ti-site .site-footer,html .ti-site .privacy-banner,html .ti-site .privacy-dialog,html .ti-site .toast,html .ti-site .comparison-actions,html .ti-site .comparison-links,html .ti-site .skip-link,html .ti-site .breadcrumb{display:none!important;}html .ti-site .container{width:100%;max-width:none;}html .ti-site .page-hero{padding:0 0 14pt;}html .ti-site .page-hero h1{font-size:24pt;}html .ti-site .page-hero .lead{font-size:10pt;}html .ti-site .section{padding:8pt 0;}html .ti-site .comparison-scroll{overflow:visible;border:0;}html .ti-site .comparison-table{min-width:0;table-layout:fixed;width:100%;font-size:8pt;}html .ti-site .comparison-table th,html .ti-site .comparison-table td{min-width:0!important;width:auto!important;padding:8pt;font-size:8pt;word-break:normal;}html .ti-site .comparison-table th:first-child{width:20%!important;}html .ti-site .comparison-table img{max-height:80pt;object-fit:contain;}html .ti-site .comparison-table tr{break-inside:avoid;}html .ti-site .comparison-summary{padding:12pt;margin-bottom:12pt;border:1px solid #ddd;}html .ti-site .comparison-summary h2{font-size:14pt;}html .ti-site .comparison-summary p{font-size:9pt;}html .ti-site .config-disclaimer{font-size:8pt;} }

/* User-editable home image and optional content actions. */
html .ti-site .hero-visual-custom { display: flex; align-items: center; justify-content: center; }
html .ti-site .hero-visual-custom img { display: block; width: 100%; height: 100%; min-height: inherit; object-fit: cover; border-radius: inherit; }
html .ti-site .section-action { margin-top: 24px; }
html .ti-site .config-unavailable { padding: clamp(24px, 4vw, 48px); background: var(--surface, #fff); border: 1px solid var(--border, #e5e7ed); border-radius: 24px; }
html .ti-site .config-unavailable p { margin: 0 0 20px; }