/* Product detail pages and authentic application views */
.hero{grid-template-columns:.86fr 1.14fr;gap:38px;min-height:640px}.hero h1{font-size:clamp(62px,6.4vw,96px)}.hero-dashboard{margin:0;min-width:0;transform:perspective(1600px) rotateY(-5deg);position:relative}.hero-dashboard:before{content:"";position:absolute;inset:-50px;background:radial-gradient(ellipse,#e4e8dc,transparent 70%);z-index:-1}.hero-dashboard .screen-trigger{box-shadow:0 25px 65px #132d4820;border:6px solid white}.hero-dashboard figcaption{font-size:12px;color:#6a737b;margin-top:18px;text-align:center}.hero-dashboard figcaption strong{color:#293e52;margin-right:4px}.screen-trigger{display:block;position:relative;width:100%;padding:0;overflow:hidden;border:1px solid #d7dad9;background:white;border-radius:12px;text-align:left;cursor:zoom-in}.screen-trigger img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.screen-trigger:hover .zoom-label,.screen-trigger:focus-visible .zoom-label{background:#163454;color:white}.zoom-label{position:absolute;right:12px;bottom:12px;background:#ffffffed;color:#203b55;padding:8px 14px;border-radius:24px;font-size:12px;box-shadow:0 2px 12px #0001}.product-screen{margin:0;min-width:0}.product-screen figcaption{display:flex;flex-direction:column;gap:5px;margin-top:18px;font-size:15px;color:#617080}.product-screen figcaption strong{font-size:18px;font-weight:500;color:#293c4b}.tilo-hero{grid-template-columns:.92fr 1.08fr;gap:40px;min-height:650px}.tilo-hero .product-screen .screen-trigger{border:8px solid #f6ddc7;box-shadow:0 20px 50px #8c4d1512}.product-subnav{display:flex;gap:34px;padding-block:22px;border-top:1px solid #d8dcd7;border-bottom:1px solid #d8dcd7;font-size:15px}.product-subnav a:hover{color:var(--product-accent)}.screens-section{padding-block:90px 70px}.screens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.screens-grid .product-screen:first-child:nth-last-child(3){grid-column:1/-1;max-width:100%;display:grid;grid-template-columns:1.7fr 1fr;gap:40px;align-items:center}.screens-grid .product-screen:first-child:nth-last-child(3) figcaption strong{font-size:29px;letter-spacing:-1px}.screens-grid .product-screen:first-child:nth-last-child(3) figcaption span{font-size:18px;max-width:320px}.screens-note{font-size:13px;color:#6d7577;margin-top:30px;max-width:650px}.control-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;padding-block:50px 110px;align-items:start}.control-intro{position:sticky;top:45px}.control-intro h2{font-size:clamp(36px,3.7vw,54px)}.control-intro p{color:#637079;margin-top:26px;max-width:370px;font-size:18px}.control-intro>span{display:block;color:var(--product-accent);font-size:14px;margin-top:30px}.control-module{border-bottom:1px solid #d5d9d4;scroll-margin-top:35px}.control-module:first-child{border-top:1px solid #d5d9d4}.control-module summary{list-style:none;cursor:pointer;display:flex;gap:18px;align-items:start;padding:26px 0}.control-module summary::-webkit-details-marker{display:none}.module-number{font-size:13px;line-height:30px;color:var(--product-accent);font-weight:600}.control-module summary>span:nth-child(2){flex:1}.control-module summary strong{font-family:Manrope,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.6px;line-height:1.35;display:block}.control-module summary>span>span{display:block;margin-top:9px;font-size:15px;line-height:1.5;color:#6d7778}.control-module summary>b{font-size:25px;font-weight:400;line-height:1.2;color:var(--product-accent)}.control-module[open] summary>b{transform:rotate(45deg)}.module-body{padding:0 0 30px 35px}.module-body h3{font-size:14px;font-family:'DM Sans',sans-serif;font-weight:600;margin-bottom:13px}.field-list{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 28px}.field-list li{padding:6px 11px;border-radius:6px;background:color-mix(in srgb,var(--product-accent) 8%,transparent);font-size:13px;color:#34464e}.module-explanation{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.module-explanation p{font-size:16px;color:#606e76;line-height:1.65}.deep-product-page{background:#f8f7f2}.product-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center;padding-block:28px 78px;min-height:710px}.product-hero .back-link{display:block;margin-bottom:30px}.product-page-logo{height:68px;max-width:245px;object-fit:contain;object-position:left;display:block;margin-bottom:28px}.product-page-word{font-size:37px;letter-spacing:-1.8px;height:auto;margin-bottom:28px}.product-hero h1{font-size:clamp(44px,4.2vw,68px);letter-spacing:-.065em;line-height:1.08}.product-hero p{font-size:19px;color:#65727c;margin-top:26px}.product-hero .product-state{font-size:12px;margin-top:22px;color:var(--product-accent)}.product-hero .screen-trigger{box-shadow:0 22px 55px #1e29341c;border:7px solid color-mix(in srgb,var(--product-accent) 16%,white)}.product-button{background:var(--product-accent);color:white}.product-button:hover{filter:brightness(.93)}.product-scope{background:#ebede7;padding-block:85px}.product-scope>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px}.product-scope h2{font-size:43px;max-width:470px;margin-top:20px}.scope-status{font-size:14px;color:var(--product-accent)}.product-scope p{font-size:16px;color:#5c6b72;margin-bottom:22px}.product-scope p:last-child{margin-bottom:0}.product-cta{text-align:center;padding-block:90px}.product-cta h2{font-size:55px}.product-cta p{margin:25px auto 30px;max-width:600px;color:#61707c}.screen-lightbox{border:0;border-radius:16px;padding:18px;background:#f8f7f2;color:#213850;width:min(1440px,calc(100vw - 36px));max-height:94svh;overflow:auto;box-shadow:0 30px 120px #0005}.screen-lightbox::backdrop{background:#102235cc;backdrop-filter:blur(6px)}.screen-lightbox img{display:block;width:100%;height:auto;max-height:75svh;object-fit:contain}.screen-lightbox p{font-size:14px;margin-top:16px;max-width:1000px}.screen-close{display:block;margin:0 0 14px auto;border:1px solid #8897a1;background:transparent;border-radius:24px;padding:9px 19px;font-size:14px}
@media(max-width:1100px){.hero{gap:25px;min-height:610px}.hero h1{font-size:70px}.product-hero{gap:30px;min-height:640px}.product-hero h1{font-size:45px}.control-section{gap:40px;grid-template-columns:.8fr 1.2fr}.module-explanation{grid-template-columns:1fr;gap:23px}.tilo-hero h1{font-size:52px}.product-scope>.wrap{gap:40px}}
@media(max-width:720px){.hero{grid-template-columns:1fr;gap:40px;min-height:0}.hero h1{font-size:clamp(54px,12.6vw,82px)}.hero-dashboard{transform:none}.hero-dashboard .screen-trigger{border-width:4px}.hero-dashboard figcaption{font-size:11px;text-align:left}.hero-dashboard:before{inset:0}.tilo-hero,.product-hero{grid-template-columns:1fr;gap:35px;min-height:0;padding-bottom:50px}.product-hero h1{font-size:45px}.product-hero p{font-size:18px}.product-page-logo{height:57px;margin-bottom:25px}.product-hero .product-state{font-size:12px;line-height:1.6}.product-hero .screen-trigger{border-width:4px}.product-subnav{gap:23px;font-size:13px;padding-block:18px}.screens-section{padding-block:55px}.screens-grid{grid-template-columns:1fr;gap:30px}.screens-grid .product-screen:first-child:nth-last-child(3){display:block}.screens-grid .product-screen:first-child:nth-last-child(3) figcaption strong{font-size:18px;letter-spacing:0}.screens-grid .product-screen:first-child:nth-last-child(3) figcaption span{font-size:15px;max-width:none}.product-screen figcaption{margin-top:14px}.zoom-label{font-size:11px;padding:6px 10px;right:7px;bottom:7px}.control-section{grid-template-columns:1fr;gap:35px;padding-block:20px 65px}.control-intro{position:static}.control-intro p{max-width:none;font-size:17px;margin-top:21px}.control-intro>span{margin-top:22px}.control-module summary{gap:12px;padding:23px 0}.control-module summary strong{font-size:19px}.control-module summary>span>span{font-size:14px}.module-body{padding-left:0}.module-explanation{grid-template-columns:1fr}.product-scope{padding-block:55px}.product-scope>.wrap{grid-template-columns:1fr;gap:30px}.product-scope h2{font-size:36px}.product-cta{padding-block:60px}.product-cta h2{font-size:42px}.screen-lightbox{width:calc(100vw - 18px);padding:12px;border-radius:10px}.screen-lightbox p{font-size:12px}.screen-lightbox img{max-height:70svh}.tilo-hero h1{font-size:clamp(44px,10vw,68px)}}