
/* Shared editorial sections */
.dark{background:#242424;color:white}.dark:hover{background:#000}.light{background:#f8f7f2;color:#163154}.orange{background:#f6662c;color:#211c18}.orange:hover{background:#ec571b}.tilo-feature{background:#f6662c;color:#241f1b;padding-block:92px}.feature-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.feature-brand{display:block;font-size:54px;font-weight:800;letter-spacing:-4px;line-height:1;margin-bottom:40px}.feature-copy h2{font-size:clamp(54px,5.4vw,82px)}.feature-copy>p{max-width:425px;margin:25px 0 30px;font-size:20px}.flow-board{background:#fffaf3;color:#2e2d2a;padding:36px;border-radius:16px;box-shadow:14px 20px 0 #91360012;transform:rotate(2deg)}.board-title{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1px;padding-bottom:20px}.flow-line{display:flex;gap:22px;padding:23px 0;border-top:1px solid #ded7ce}.flow-line>span{font-size:13px;padding-top:7px;color:#9d634d}.flow-line strong{font-size:22px;font-weight:500;letter-spacing:-.5px}.flow-line p{color:#72706a;font-size:15px;margin-top:3px}.board-end{background:#fae5d8;padding:16px 20px;margin-top:10px;border-radius:8px;font-size:15px}.about-section{background:#12356b;color:#fff;padding-block:110px}.about-section .section-intro>p{color:#c0cfdf}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:65px}.large-copy{font-size:27px;line-height:1.5;letter-spacing:-.5px}.about-columns>div:last-child>p{color:#c9d5e3;max-width:540px;margin-bottom:20px}.text-link{display:inline-block;text-decoration:underline;text-underline-offset:6px;margin-top:24px;font-size:16px}.signature{display:block;font-size:18px;margin-top:30px}.signature small{display:block;font-size:14px;color:#b5c5d8;margin-top:5px}.experience{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:75px}.experience>div{display:flex;flex-direction:column;gap:14px}.experience strong{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-5px;line-height:1;font-size:92px}.experience span{font-size:15px;color:#c6d3e4}.process-section{padding-block:120px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.steps article>span{font-size:14px;color:#74828e}.steps h3{font-size:23px;letter-spacing:-.7px;line-height:1.2;margin:22px 0 16px}.steps p{font-size:16px;color:#626e7a}.custom-section{display:flex;align-items:center;justify-content:space-between;gap:55px;background:#edece5;border-radius:20px;padding:60px;margin-bottom:110px}.custom-section h2{font-size:43px}.custom-section p{max-width:560px;margin-top:23px;color:#66707b}.custom-section .button{flex-shrink:0}.contact-section{background:#0c283f;color:#fff;padding-block:100px}.contact-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end}.contact-section h2{font-size:clamp(45px,4.9vw,76px)}.contact-section p{color:#c1ccd5;margin-top:25px}.contact-section .button{margin-top:32px}.contact-details{display:flex;flex-direction:column;gap:13px;align-items:flex-start}.contact-details a{font-size:17px;overflow-wrap:anywhere}.contact-details p{font-size:15px;margin-top:13px}.product-dialog{width:min(710px,calc(100% - 32px));max-height:90svh;border:0;padding:56px;border-radius:20px;color:#18324c;background:#f8f7f2;box-shadow:0 20px 100px #0003}.product-dialog::backdrop{background:#102b4380;backdrop-filter:blur(6px)}.dialog-close{display:block;margin:0 0 25px auto;border:1px solid #bfc6c9;background:transparent;border-radius:30px;padding:7px 17px;font-size:14px}.product-dialog .dialog-logo{max-width:230px;height:70px;object-fit:contain;object-position:left;margin-bottom:20px}.product-dialog h2{font-size:44px;margin:20px 0}.product-dialog h3{font-size:22px;margin:26px 0 12px}.product-dialog p{margin-bottom:17px;color:#546473}.product-dialog .dialog-state{display:inline-block;font-size:14px;padding:5px 12px;border-radius:30px;background:#e7e9e5;color:#25384c}.product-dialog ul{padding-left:20px;color:#546473}.product-dialog .button{margin-top:14px}.product-dialog .work-word{font-size:34px;margin-bottom:25px;height:auto}
/* TILO */
.tilo-page{background:#fff9f2;color:#272a2b}.tilo-page .primary{background:#262727}.tilo-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding-block:36px 85px;min-height:690px}.back-link{display:inline-block;font-size:14px;color:#757473;margin-bottom:40px;text-decoration:underline;text-underline-offset:5px}.page-word{display:block;font-size:70px;line-height:1;font-weight:800;letter-spacing:-5px;color:#e85c22;margin-bottom:23px}.tilo-hero h1{font-size:clamp(48px,5.5vw,84px);line-height:1.06;letter-spacing:-.062em}.tilo-hero p{color:#636563;font-size:20px;line-height:1.55;margin-top:25px}.tilo-hero .hero-footnote{font-size:13px;color:#777970;margin-top:22px}.textile-flow{position:relative;background:#f5d3b9;padding:40px;border-radius:20px;transform:rotate(2deg);max-width:510px}.flow-tag{font-size:14px;color:#814726;margin-bottom:30px}.material-swatch{position:relative;overflow:hidden;background:#f66b30;padding:30px;color:#2c221c;border-radius:10px;min-height:210px}.material-swatch>span{font-size:14px;display:block;margin-bottom:20px}.material-swatch strong{font-size:29px;line-height:1.2;font-weight:500;letter-spacing:-1px;position:relative;z-index:1}.thread-lines{position:absolute;right:-30px;bottom:-45px;width:180px;height:220px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 7px,#ffc49b66 7px,#ffc49b66 8px);transform:rotate(25deg)}.operation-label{padding:22px 26px;background:#fff8ed;border-radius:9px;margin-top:13px}.operation-label span{font-size:13px;color:#8e6d59;display:block;margin-bottom:6px}.operation-label strong{font-size:17px;font-weight:500}.operation-label.last{background:#2e3934;color:#fff}.operation-label.last span{color:#b9c6bd}.audience{display:flex;justify-content:space-between;gap:25px;padding-block:28px 55px;font-size:15px;color:#6c6d64}.audience p{color:#3c443d}.feature-explorer{padding-block:55px 100px}.feature-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:40px 0 30px}.feature-tabs button{border:1px solid #d6d3cb;background:transparent;border-radius:50px;font-size:15px;padding:13px 24px}.feature-tabs button[aria-selected=true]{background:#252f2a;border-color:#252f2a;color:#fff}.feature-tabs button:hover{border-color:#252f2a}.feature-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;min-height:430px;padding:55px;background:#f0eee5;border-radius:18px;align-items:center}.feature-panel[hidden]{display:none}.feature-panel h3{font-size:40px;line-height:1.15;letter-spacing:-1.7px;margin-bottom:24px}.feature-panel p,.feature-panel li{font-size:17px;color:#626b61}.feature-panel li{margin-bottom:10px}.feature-panel ul{padding-left:21px;margin-top:22px}.feature-panel .panel-note{font-size:13px;margin-top:20px}.process-diagram{display:flex;flex-direction:column;gap:15px;max-width:330px;width:100%;margin:auto}.process-diagram>span{position:relative;padding:15px 24px;background:#fffaf4;border-radius:8px;font-size:16px;border-left:3px solid #f66b30}.process-diagram>span+span:before{content:"";position:absolute;height:15px;width:1px;background:#b3b7a9;left:26px;top:-16px}.process-diagram>span:last-of-type{background:#f66b30;color:#2a231d}.process-diagram p{font-size:13px!important;text-align:center;margin-top:8px}.case-section{padding-block:90px;background:#2d3e35;color:#fff}.case-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section-label{font-size:14px;display:block;margin-bottom:30px;color:#c4d1c3}.case-section h2{font-size:57px}.case-section .large-copy{font-size:25px;color:#fff;margin-top:0}.case-section p{color:#c4d1c3;margin-top:25px}.case-section .case-note{font-size:13px;max-width:410px}.scope-section{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;padding-block:110px}.scope-section h2{font-size:48px}.scope-section p{margin-top:25px;color:#656b60}.scope-note{background:#f1e7db;border-radius:14px;padding:35px}.scope-note h3{font-size:24px;letter-spacing:-.7px}.scope-note p{font-size:16px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:15px 110px}.faq-section h2{font-size:49px}.faq-list details{border-bottom:1px solid #d9d8cc;padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:18px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:22px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:23px;line-height:1.2;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:16px;color:#677061;margin-top:18px;padding-right:32px}.tilo-contact{background:#f6662c;color:#2d231d;padding-block:90px;text-align:center}.tilo-contact .feature-brand{font-size:60px;margin-bottom:25px}.tilo-contact h2{font-size:clamp(42px,5.2vw,74px)}.tilo-contact p{font-size:20px;margin:25px 0 30px}
@media(max-width:1100px){.feature-layout,.about-columns,.scope-section,.case-layout{gap:50px}.feature-layout{grid-template-columns:1fr 1fr}.flow-board{padding:25px}.board-title{font-size:22px}.feature-copy>p{font-size:18px}.contact-layout{gap:40px}.custom-section{padding:45px}.custom-section h2{font-size:36px}.steps{gap:25px}.steps h3{font-size:20px}.tilo-hero{gap:30px}.textile-flow{padding:25px}.material-swatch{padding:24px}.material-swatch strong{font-size:25px}.feature-panel{padding:38px;gap:40px}.feature-panel h3{font-size:34px}.case-section h2{font-size:46px}.faq-section{gap:40px}.faq-section h2{font-size:42px}.scope-section h2{font-size:42px}.tilo-hero h1{font-size:57px}.audience{font-size:14px}.product-dialog{padding:40px}}
@media(max-width:720px){.tilo-feature,.about-section,.contact-section{padding-block:65px}.feature-layout,.about-columns,.contact-layout,.case-layout,.scope-section,.faq-section{grid-template-columns:1fr;gap:35px}.feature-brand{font-size:47px;margin-bottom:28px}.feature-copy h2{font-size:58px}.feature-copy>p{font-size:19px}.flow-board{transform:none;padding:27px;margin-top:12px}.about-columns{margin-top:32px}.large-copy{font-size:23px}.experience{gap:15px;margin-top:45px}.experience strong{font-size:61px;letter-spacing:-3px}.experience span{font-size:12px}.steps{grid-template-columns:1fr 1fr;gap:32px 26px;margin-top:35px}.steps h3{font-size:23px;margin:12px 0}.steps p{font-size:15px}.process-section{padding-block:70px}.custom-section{flex-direction:column;align-items:start;padding:30px;gap:25px;margin-bottom:70px;border-radius:14px}.custom-section h2{font-size:34px}.contact-section h2{font-size:45px}.contact-details{gap:10px;margin-top:10px}.contact-details a{font-size:15px}.tilo-hero{grid-template-columns:1fr;padding-block:25px 45px;gap:45px;min-height:0}.back-link{margin-bottom:30px}.page-word{font-size:60px;margin-bottom:20px}.tilo-hero h1{font-size:clamp(44px,10vw,68px)}.tilo-hero p{font-size:19px}.textile-flow{transform:none;max-width:none;padding:30px}.material-swatch strong{font-size:29px}.audience{flex-direction:column;gap:8px;padding-block:15px 40px;font-size:14px}.feature-explorer{padding-block:25px 65px}.feature-tabs{gap:8px;margin-top:28px}.feature-tabs button{padding:11px 17px;font-size:14px}.feature-panel{grid-template-columns:1fr;padding:28px;gap:25px}.feature-panel h3{font-size:33px}.feature-panel p,.feature-panel li{font-size:16px}.process-diagram{max-width:none;margin-top:7px}.case-section{padding-block:65px}.case-section h2{font-size:44px}.case-section .large-copy{font-size:23px}.section-label{margin-bottom:24px}.scope-section{padding-block:65px}.scope-section h2{font-size:40px}.scope-note{padding:28px}.faq-section{padding-block:5px 65px}.faq-section h2{font-size:40px}.faq-list summary{font-size:17px}.tilo-contact{padding-block:65px}.tilo-contact h2{font-size:44px}.tilo-contact p{font-size:18px}.product-dialog{padding:28px}.product-dialog h2{font-size:36px}.product-dialog .dialog-logo{max-width:200px}}

