body{margin:0;background:#F8F7F4;} * { box-sizing: border-box; } .stage-row{display:flex;align-items:stretch;gap:0} .stage-arrow{display:flex;align-items:center;color:oklch(65% 0.01 85);flex:none;padding:0 6px} @media (max-width:920px){ .grid-3{grid-template-columns:1fr!important} .grid-6{grid-template-columns:1fr 1fr!important} .hero-cols{grid-template-columns:1fr!important} .stage-row{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;-webkit-overflow-scrolling:touch} .stage-item{flex:none;min-width:120px;scroll-snap-align:start} .stage-arrow{transform:none;padding:0 4px;flex:none} } /* Scroll fade-up */ .fade-section { opacity:0; transform:translateY(22px); transition:opacity 0.75s ease, transform 0.75s cubic-bezier(0.22,1,0.36,1); } .fade-section.visible { opacity:1; transform:none; } /* Staggered cards */ .fade-card { opacity:0; transform:translateY(14px); transition:opacity 0.6s ease, transform 0.6s cubic-bezier(0.22,1,0.36,1); } .fade-card.visible { opacity:1; transform:none; } /* Word flip */ @keyframes wordIn { from { opacity:0; transform:translateY(60%); } to { opacity:1; transform:none; } } @keyframes wordOut { from { opacity:1; transform:none; } to { opacity:0; transform:translateY(-60%); } } .hero-word { display:inline-block; color:#c3fcf1; animation:wordIn 0.55s cubic-bezier(0.22,1,0.36,1) forwards; } .hero-word.out { animation:wordOut 0.35s ease forwards; } /* SVG draw-in */ @keyframes svgDraw { from { stroke-dashoffset: var(--dash-len, 120); } to { stroke-dashoffset: 0; } } .draw-icon svg path, .draw-icon svg circle, .draw-icon svg rect, .draw-icon svg polyline, .draw-icon svg line, .draw-icon svg ellipse { stroke-dasharray: var(--dash-len, 120); stroke-dashoffset: var(--dash-len, 120); } .draw-icon.drawn svg path, .draw-icon.drawn svg circle, .draw-icon.drawn svg rect, .draw-icon.drawn svg polyline, .draw-icon.drawn svg line, .draw-icon.drawn svg ellipse { animation: svgDraw 0.9s cubic-bezier(0.4,0,0.2,1) forwards; } @keyframes dotRing { 0%{transform:scale(1);opacity:0.7} 60%{opacity:0.2} 100%{transform:scale(1.9);opacity:0} } .dot-ring { animation: dotRing 2s ease-out infinite; animation-play-state: paused; opacity:0; border-width: 2px !important; } .nate-active .dot-ring { animation-play-state: running; opacity:1; } /* Card bevel */ .bevel-card { box-shadow:inset 0 1px 0 rgba(255,255,255,0.95), inset 0 -1px 0 rgba(28,43,43,0.06), 0 2px 16px rgba(28,43,43,0.07); } @keyframes heroIn { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:none} } .hero-panel { animation:heroIn 0.75s ease 0.2s both; } @media(prefers-reduced-motion:reduce){.hero-panel{animation:none;opacity:1;transform:none}} @keyframes dustDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,calc(-2.5*var(--dust-y,4px)))}} .dust-dot{animation-name:dustDrift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform} @media(prefers-reduced-motion:reduce){.dust-dot{animation:none}} @media(max-width:640px){.dust-dot:nth-of-type(n+16){animation:none}} .side-rail{position:fixed;left:14px;top:50%;transform:translateY(-50%) translateX(-30px);z-index:60;display:flex;flex-direction:column;gap:10px;background:rgba(248,247,244,0.94);backdrop-filter:blur(8px);padding:12px 8px;border-radius:18px;box-shadow:0 6px 20px rgba(0,0,0,0.14);border:1px solid rgba(0,0,0,0.06);opacity:0;transition:opacity 0.35s ease,transform 0.35s cubic-bezier(0.22,1,0.36,1);pointer-events:none} .side-rail.visible{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto} .rail-item{display:flex;align-items:center;gap:8px;text-decoration:none;padding:1px 0} .rail-dot{width:6px;height:6px;border-radius:50%;background:oklch(80% 0.01 85);flex:none;transition:background 0.2s,transform 0.2s} .rail-item.active .rail-dot{background:#C4622A;transform:scale(1.4)} .rail-label{font-family:Figtree,sans-serif;font-size:11px;font-weight:600;color:#1C2B2B;opacity:0;transform:translateX(-6px);transition:opacity 0.2s,transform 0.2s;white-space:nowrap;pointer-events:none} .side-rail:hover .rail-label{opacity:1;transform:none} @media(max-width:1300px){.side-rail{display:none}} .dc-front-page-09e1ae54{background:#1C2B2B;padding:56px 64px 64px;position:relative;overflow:hidden} .dc-front-page-0af070d3{position:absolute;inset:0;width:100%;height:100%;pointer-events:none} .dc-front-page-b98bc6ed{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0} .dc-front-page-4d7df4c5{position:absolute;left:11.5%;top:24.4%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.23;animation-duration:5.2s;animation-delay:-7.9s;--dust-y:5px} .dc-front-page-55d41847{position:absolute;left:7.7%;top:49.9%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.26;animation-duration:5.4s;animation-delay:-5.0s;--dust-y:5px} .dc-front-page-a9d0c120{position:absolute;left:17.6%;top:5%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.32;animation-duration:5.3s;animation-delay:-4.0s;--dust-y:7px} .dc-front-page-e5d0747f{position:absolute;left:18.9%;top:41.9%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.26;animation-duration:5.9s;animation-delay:-1.5s;--dust-y:7px} .dc-front-page-39fc627c{position:absolute;left:15.4%;top:77.3%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.20;animation-duration:5.2s;animation-delay:-8.3s;--dust-y:4px} .dc-front-page-6c8a08e2{position:absolute;left:88.4%;top:47.1%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.25;animation-duration:6.3s;animation-delay:-6.8s;--dust-y:6px} .dc-front-page-57f8b9be{position:absolute;left:13.6%;top:22.4%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.15;animation-duration:5.1s;animation-delay:-3.7s;--dust-y:6px} .dc-front-page-ed6918b7{position:absolute;left:64.7%;top:95.5%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.22;animation-duration:6.6s;animation-delay:-3.9s;--dust-y:6px} .dc-front-page-33b9c75c{position:absolute;left:74.3%;top:13.2%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.28;animation-duration:7.8s;animation-delay:-8.7s;--dust-y:7px} .dc-front-page-f5cc6c4d{position:absolute;left:86%;top:74.7%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.24;animation-duration:5.0s;animation-delay:-2.9s;--dust-y:4px} .dc-front-page-ce38e993{position:absolute;left:26.7%;top:95.6%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.20;animation-duration:6.9s;animation-delay:-4.0s;--dust-y:3px} .dc-front-page-60044154{position:absolute;left:99.1%;top:45.6%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.25;animation-duration:6.5s;animation-delay:-1.1s;--dust-y:6px} .dc-front-page-8c404bf5{position:absolute;left:89.6%;top:26.4%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.16;animation-duration:7.3s;animation-delay:-6.3s;--dust-y:6px} .dc-front-page-2506aa3b{position:absolute;left:87%;top:23%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.16;animation-duration:5.1s;animation-delay:-0.7s;--dust-y:3px} .dc-front-page-5ef92c86{position:absolute;left:53.7%;top:83.1%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.16;animation-duration:6.6s;animation-delay:-0.5s;--dust-y:4px} .dc-front-page-de10b530{position:absolute;left:48.8%;top:6.4%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.18;animation-duration:5.9s;animation-delay:-7.1s;--dust-y:4px} .dc-front-page-c1a0375c{position:absolute;left:16.5%;top:0.1%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.15;animation-duration:6.3s;animation-delay:-1.0s;--dust-y:5px} .dc-front-page-123152e3{position:absolute;left:41.5%;top:0.8%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.22;animation-duration:7.4s;animation-delay:-3.0s;--dust-y:7px} .dc-front-page-88eae8bf{position:absolute;left:7.7%;top:88.1%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.14;animation-duration:5.6s;animation-delay:-2.7s;--dust-y:3px} .dc-front-page-2a60aa2f{position:absolute;left:90.6%;top:52.8%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.15;animation-duration:7.9s;animation-delay:-6.0s;--dust-y:5px} .dc-front-page-8ed365f8{position:absolute;left:90.6%;top:67.8%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.32;animation-duration:7.9s;animation-delay:-3.7s;--dust-y:5px} .dc-front-page-3963ff78{position:absolute;left:91.5%;top:54.5%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.26;animation-duration:7.7s;animation-delay:-4.0s;--dust-y:3px} .dc-front-page-0c7a0875{position:absolute;left:97.3%;top:55.5%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.21;animation-duration:7.4s;animation-delay:-7.0s;--dust-y:5px} .dc-front-page-e980b1e6{position:absolute;left:44.4%;top:88.2%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.14;animation-duration:6.2s;animation-delay:-4.2s;--dust-y:7px} .dc-front-page-b8870bea{position:absolute;left:65.9%;top:15.4%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.16;animation-duration:5.6s;animation-delay:-4.7s;--dust-y:4px} .dc-front-page-5420ec54{position:absolute;left:2.2%;top:95.9%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.14;animation-duration:6.2s;animation-delay:-1.7s;--dust-y:6px} .dc-front-page-64d329fa{position:absolute;left:30.5%;top:90.8%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.21;animation-duration:7.7s;animation-delay:-1.6s;--dust-y:4px} .dc-front-page-6e02117e{position:absolute;left:41.7%;top:89.4%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.15;animation-duration:5.5s;animation-delay:-4.4s;--dust-y:4px} .dc-front-page-8f52a61e{position:absolute;left:33.1%;top:2.8%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.28;animation-duration:6.4s;animation-delay:-5.0s;--dust-y:7px} .dc-front-page-9fe5be82{position:absolute;left:10.5%;top:40.5%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.21;animation-duration:5.1s;animation-delay:-1.1s;--dust-y:6px} .dc-front-page-49dc4cb4{position:absolute;left:85.1%;top:2.9%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.19;animation-duration:6.1s;animation-delay:-2.1s;--dust-y:6px} .dc-front-page-93d8f9ed{position:absolute;left:62.8%;top:88.7%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.21;animation-duration:8.1s;animation-delay:-7.2s;--dust-y:5px} .dc-front-page-ef4950f2{position:absolute;left:8.6%;top:21.1%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.27;animation-duration:6.9s;animation-delay:-8.7s;--dust-y:4px} .dc-front-page-1e06a0bf{position:absolute;left:15.9%;top:92%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.29;animation-duration:7.3s;animation-delay:-2.5s;--dust-y:5px} .dc-front-page-cace165d{position:absolute;left:13.2%;top:70.9%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.25;animation-duration:6.1s;animation-delay:-3.0s;--dust-y:5px} .dc-front-page-fbb3624e{position:absolute;left:56.7%;top:12.4%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.30;animation-duration:7.4s;animation-delay:-4.7s;--dust-y:5px} .dc-front-page-4b2764ee{position:absolute;left:8.7%;top:14.2%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.31;animation-duration:7.4s;animation-delay:-8.3s;--dust-y:5px} .dc-front-page-08d1d045{position:absolute;left:86.4%;top:44.1%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.31;animation-duration:6.1s;animation-delay:-2.2s;--dust-y:4px} .dc-front-page-5cf8ff11{position:absolute;left:5.1%;top:35.2%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.33;animation-duration:7.6s;animation-delay:-5.5s;--dust-y:5px} .dc-front-page-5d2385cd{position:absolute;left:5.3%;top:46.3%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.23;animation-duration:6.0s;animation-delay:-2.2s;--dust-y:5px} .dc-front-page-5b927aa5{position:absolute;left:49.1%;top:9.3%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.23;animation-duration:6.5s;animation-delay:-0.0s;--dust-y:5px} .dc-front-page-f2f7c8fd{position:absolute;left:9.9%;top:8.8%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.22;animation-duration:7.2s;animation-delay:-8.6s;--dust-y:6px} .dc-front-page-b9d2f29c{position:absolute;left:16.7%;top:0.3%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.33;animation-duration:7.8s;animation-delay:-6.8s;--dust-y:5px} .dc-front-page-ac1f9de1{position:absolute;left:91.4%;top:1.9%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.25;animation-duration:5.2s;animation-delay:-5.7s;--dust-y:4px} .dc-front-page-c074ace1{position:absolute;left:29.9%;top:94.9%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.16;animation-duration:7.2s;animation-delay:-6.4s;--dust-y:3px} .dc-front-page-ba148422{position:absolute;left:24.5%;top:12.2%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.14;animation-duration:5.8s;animation-delay:-4.5s;--dust-y:5px} .dc-front-page-2dd609b2{position:absolute;left:52.8%;top:94.3%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.20;animation-duration:5.2s;animation-delay:-1.3s;--dust-y:4px} .dc-front-page-a7e409b7{position:absolute;left:32.9%;top:11.3%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.15;animation-duration:6.3s;animation-delay:-2.8s;--dust-y:6px} .dc-front-page-1c0aa358{position:absolute;left:89.1%;top:67.2%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.28;animation-duration:6.5s;animation-delay:-2.3s;--dust-y:6px} .dc-front-page-5f965a19{position:absolute;left:86.6%;top:10.7%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.21;animation-duration:5.7s;animation-delay:-7.0s;--dust-y:6px} .dc-front-page-beff2961{position:absolute;left:10.3%;top:45.3%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.14;animation-duration:6.3s;animation-delay:-2.6s;--dust-y:3px} .dc-front-page-b83c522c{position:absolute;left:32%;top:2.9%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.22;animation-duration:6.8s;animation-delay:-0.2s;--dust-y:6px} .dc-front-page-fce3ffe6{position:absolute;left:76.6%;top:8.4%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.29;animation-duration:8.0s;animation-delay:-2.1s;--dust-y:4px} .dc-front-page-90864da3{position:absolute;left:38.6%;top:90.6%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.30;animation-duration:6.3s;animation-delay:-3.5s;--dust-y:6px} .dc-front-page-b34b8236{position:absolute;left:17%;top:79.6%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.25;animation-duration:6.1s;animation-delay:-5.7s;--dust-y:3px} .dc-front-page-f47c41c2{position:absolute;left:9%;top:52%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.13;animation-duration:8.2s;animation-delay:-5.6s;--dust-y:4px} .dc-front-page-fc44445f{position:absolute;left:24%;top:94.9%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.27;animation-duration:7.0s;animation-delay:-3.6s;--dust-y:6px} .dc-front-page-d6d47c97{position:absolute;left:9.4%;top:13.4%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.28;animation-duration:7.8s;animation-delay:-5.9s;--dust-y:3px} .dc-front-page-9e3663c8{position:absolute;left:1.8%;top:18.3%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.33;animation-duration:5.0s;animation-delay:-0.2s;--dust-y:4px} .dc-front-page-c4e2e524{position:absolute;left:11.9%;top:25.4%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.15;animation-duration:6.6s;animation-delay:-0.3s;--dust-y:5px} .dc-front-page-bb9e3b01{position:absolute;left:94.9%;top:30.4%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.26;animation-duration:7.3s;animation-delay:-0.1s;--dust-y:4px} .dc-front-page-61167584{position:absolute;left:77.1%;top:96.8%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.18;animation-duration:5.6s;animation-delay:-6.1s;--dust-y:4px} .dc-front-page-78b5116d{position:absolute;left:31.2%;top:92.3%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.13;animation-duration:6.0s;animation-delay:-2.8s;--dust-y:6px} .dc-front-page-b05e5ae9{position:absolute;left:98.4%;top:76%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.20;animation-duration:7.3s;animation-delay:-5.0s;--dust-y:6px} .dc-front-page-7dca88d1{position:absolute;left:81%;top:75%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.28;animation-duration:7.2s;animation-delay:-5.4s;--dust-y:3px} .dc-front-page-d63ebfdc{position:absolute;left:78.7%;top:99.1%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.22;animation-duration:6.4s;animation-delay:-3.4s;--dust-y:4px} .dc-front-page-3aa15676{position:absolute;left:24.3%;top:16.6%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.16;animation-duration:5.9s;animation-delay:-4.4s;--dust-y:4px} .dc-front-page-5f1e7b16{position:absolute;left:10.5%;top:68.7%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.14;animation-duration:5.5s;animation-delay:-0.9s;--dust-y:5px} .dc-front-page-8835dc05{position:absolute;left:7.8%;top:60.3%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.32;animation-duration:6.3s;animation-delay:-4.5s;--dust-y:6px} .dc-front-page-b488961c{position:absolute;left:14.6%;top:91%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.18;animation-duration:6.5s;animation-delay:-0.6s;--dust-y:3px} .dc-front-page-43c1a13b{position:absolute;left:19.4%;top:78.9%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.30;animation-duration:6.1s;animation-delay:-5.9s;--dust-y:5px} .dc-front-page-28f20708{position:absolute;left:75.2%;top:90.6%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.21;animation-duration:7.8s;animation-delay:-6.5s;--dust-y:6px} .dc-front-page-535b6a41{position:absolute;left:97.9%;top:0.5%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.26;animation-duration:8.2s;animation-delay:-8.9s;--dust-y:4px} .dc-front-page-f1520f5d{position:absolute;left:5.8%;top:78.6%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.26;animation-duration:8.0s;animation-delay:-0.9s;--dust-y:4px} .dc-front-page-d4b0617e{position:absolute;left:80%;top:13.4%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.30;animation-duration:7.6s;animation-delay:-7.2s;--dust-y:5px} .dc-front-page-e6655a2a{position:absolute;left:9.5%;top:73.3%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.16;animation-duration:7.6s;animation-delay:-6.0s;--dust-y:3px} .dc-front-page-630934c4{position:absolute;left:12%;top:31.1%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.31;animation-duration:6.8s;animation-delay:-4.6s;--dust-y:6px} .dc-front-page-0c8c9d3c{position:absolute;left:12.4%;top:11.8%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.21;animation-duration:5.8s;animation-delay:-5.3s;--dust-y:3px} .dc-front-page-a07a80fb{position:absolute;left:22.7%;top:94.5%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.21;animation-duration:7.1s;animation-delay:-7.9s;--dust-y:4px} .dc-front-page-f94ab680{position:absolute;left:14.6%;top:97.2%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.30;animation-duration:5.2s;animation-delay:-3.8s;--dust-y:3px} .dc-front-page-25cb9537{position:absolute;left:42.9%;top:92.1%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.17;animation-duration:6.7s;animation-delay:-3.7s;--dust-y:6px} .dc-front-page-0526164f{position:absolute;left:69.2%;top:9.8%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.19;animation-duration:8.0s;animation-delay:-5.7s;--dust-y:7px} .dc-front-page-aa462d6e{position:absolute;left:67.7%;top:92.9%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.28;animation-duration:5.0s;animation-delay:-3.1s;--dust-y:5px} .dc-front-page-fe86afce{position:absolute;left:34%;top:86.2%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.19;animation-duration:5.4s;animation-delay:-1.3s;--dust-y:4px} .dc-front-page-b0708fdd{position:absolute;left:69.1%;top:13.4%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.23;animation-duration:7.6s;animation-delay:-3.8s;--dust-y:5px} .dc-front-page-e7e9e6e5{position:absolute;left:18.3%;top:84%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.27;animation-duration:6.7s;animation-delay:-0.9s;--dust-y:6px} .dc-front-page-2623932d{position:absolute;left:92.5%;top:40.4%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.21;animation-duration:7.0s;animation-delay:-2.3s;--dust-y:5px} .dc-front-page-5e258861{position:absolute;left:17.2%;top:48.9%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.22;animation-duration:8.1s;animation-delay:-6.6s;--dust-y:7px} .dc-front-page-52518bb8{position:absolute;left:3.4%;top:83.3%;width:4px;height:4px;border-radius:50%;background:#c3fcf1;opacity:0.17;animation-duration:5.3s;animation-delay:-0.1s;--dust-y:6px} .dc-front-page-e12a4f6d{position:absolute;left:2.5%;top:47%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.32;animation-duration:7.4s;animation-delay:-0.9s;--dust-y:4px} .dc-front-page-fdf30fbf{position:absolute;left:28%;top:4.7%;width:3px;height:3px;border-radius:50%;background:#c3fcf1;opacity:0.23;animation-duration:5.7s;animation-delay:-4.9s;--dust-y:6px} .dc-front-page-73d1743e{position:absolute;left:14.3%;top:2.6%;width:2px;height:2px;border-radius:50%;background:#c3fcf1;opacity:0.18;animation-duration:8.1s;animation-delay:-4.0s;--dust-y:4px} .dc-front-page-9634979e{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.05fr 0.95fr;gap:64px;align-items:start;position:relative;z-index:1} section .hero-cols{width:95%;margin:0 auto;} .dc-front-page-45640ead{display:inline-block;font-family:Figtree,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#C4622A;margin-bottom:20px} .dc-front-page-12a92d64{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:46px;line-height:1.2;color:#F8F7F4;margin:0 0 24px;letter-spacing:-0.01em} .dc-front-page-f41613ff{font-family:Figtree,sans-serif;font-size:17px;line-height:1.65;color:oklch(80% 0.01 85);max-width:520px;margin:0 0 36px} .dc-front-page-e5977ccd{display:flex;gap:14px;flex-wrap:wrap} .dc-front-page-db55f4cc{text-decoration:none;font-family:Figtree,sans-serif;font-weight:600;font-size:15px;color:#1C2B2B;background:#F8F7F4;padding:14px 26px;border-radius:9px} .dch-front-page-a5a3c580:hover{background:#ECE7DC} .dc-front-page-d17d393f{text-decoration:none;font-family:Figtree,sans-serif;font-weight:500;font-size:15px;color:rgba(248,247,244,0.65);background:none;padding:14px 4px;border-radius:9px} .dch-front-page-9ec093b5:hover{color:#F8F7F4} .dc-front-page-ae5fdeb6{background:oklch(22% 0.012 195);border:1px solid oklch(32% 0.015 195);border-radius:16px;padding:28px 24px} .dc-front-page-7975282a{font-family:Figtree,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:oklch(62% 0.012 85);display:block;margin-bottom:18px} .dc-front-page-29fcfed4{display:flex;flex-direction:column;gap:0} .dc-front-page-102e8e72{display:flex;align-items:center;gap:14px;padding:12px 4px} .dc-front-page-622a5782{width:34px;height:34px;border-radius:9px;background:oklch(32% 0.015 195);display:flex;align-items:center;justify-content:center;flex:none} .dc-front-page-ad74820d{font-family:Figtree,sans-serif;font-size:13px;font-weight:700;color:#F8F7F4} .dc-front-page-97445a8d{display:grid;} .dc-front-page-5a15ba65{font-family:Figtree,sans-serif;font-size:14.5px;font-weight:600;color:#F8F7F4;display:block} .dc-front-page-21b65727{font-family:Figtree,sans-serif;font-size:12.5px;color:oklch(60% 0.012 85)} .dc-front-page-9af8b71a{padding:96px 64px;background:#F8F7F4} .dc-front-page-1a3c68df{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px} .dc-front-page-f3f49709{font-family:Figtree,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#C4622A} .dc-front-page-5f0ab3cb{font-family:Figtree,sans-serif;font-weight:400;font-size:34px;line-height:1.25;color:#1C2B2B;margin:16px 0 20px} .dc-front-page-3b92aca5{font-family:Figtree,sans-serif;font-size:15.5px;line-height:1.7;color:oklch(42% 0.012 85);margin:0} .dc-front-page-fa0c712e{padding:96px 64px;background:#1C2B2B} .dc-front-page-077ae47b{max-width:1320px;margin:0 auto} .dc-front-page-0854f900{text-align:center;max-width:720px;margin:0 auto 64px} .dc-front-page-f4cc6b63{font-family:Figtree,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#c3fcf1} .dc-front-page-e98f8eba{font-family:Figtree,sans-serif;font-weight:600;font-size:36px;line-height:1.25;color:#F8F7F4;margin:16px 0 20px} .dc-front-page-fe0206ae{font-family:Figtree,sans-serif;font-size:15.5px;line-height:1.7;color:rgba(248,247,244,0.6);margin:0} .dc-front-page-89dad351 { background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px; padding: 32px; width: 95%; margin: 0 auto; } .dc-front-page-a5c3073b{flex:1;padding:20px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px} .dc-front-page-47c8c855.resolve{background:rgb(196, 98, 42)!important;} .dc-front-page-47c8c855{width:52px;height:52px;border-radius:50%;background:rgba(195,252,241,0.1);display:flex;align-items:center;justify-content:center} .dc-front-page-2a1b75c9{display:block} .dc-front-page-30eb2d57{font-family:Figtree,sans-serif;font-size:14px;font-weight:700;letter-spacing:0.04em;color:#F8F7F4;text-transform:uppercase} .dc-front-page-5e3c4d68{font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.5;color:rgba(248,247,244,0.5)} .dc-front-page-1b2a9b2f{max-width:640px;margin:0 0 56px} .dc-front-page-93060f6d{font-family:Figtree,sans-serif;font-weight:600;font-size:34px;line-height:1.25;color:#1C2B2B;margin:16px 0 0} .dc-front-page-0d48b1ab{background:#1C2B2B;border-radius:20px;padding:36px;display:grid;grid-template-columns:1fr 1.4fr;gap:0;overflow:hidden} .dc-front-page-ee2fad49{padding-right:32px;border-right:1px solid oklch(32% 0.015 195);display:flex;flex-direction:column;gap:18px} .dc-front-page-c030adaf{font-family:Figtree,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:oklch(62% 0.012 85)} .dc-front-page-e12feb99{display:flex;flex-direction:column;gap:12px} .dc-front-page-50b49ee2{font-family:Figtree,sans-serif;font-size:13px;color:oklch(60% 0.012 85);display:block} .dc-front-page-fdeef00e{font-family:Figtree,sans-serif;font-size:15px;color:#F8F7F4;font-weight:600} .dc-front-page-c83c6c67{padding-left:32px;display:flex;flex-direction:column;gap:14px;justify-content:center} .dc-front-page-b85a04f6{display:flex;align-items:center;justify-content:space-between;background:oklch(26% 0.014 195);border-radius:10px;padding:14px 16px} .dc-front-page-e828be63{font-family:Figtree,sans-serif;font-size:14px;color:#F8F7F4} .dc-front-page-a72a65d2{font-family:Figtree,sans-serif;font-size:11.5px;font-weight:700;color:#C4622A;background:oklch(30% 0.03 40);padding:4px 10px;border-radius:6px} .dc-front-page-98e2e96c{max-width:640px;margin:0 auto 56px;text-align:center} .dc-front-page-5e4d5b3d{font-family:Figtree,sans-serif;font-weight:600;font-size:34px;line-height:1.25;color:#F8F7F4;margin:16px 0 0} .dc-front-page-66a3245d{display:grid;grid-template-columns:repeat(6,1fr);gap:14px} .dc-front-page-412c5997{text-decoration:none;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:22px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px} .dch-front-page-10aedfcd:hover{border-color:#c3fcf1;transform:translateY(-2px)} .dc-front-page-a650253a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:rgba(195,252,241,0.1);line-height:0} .dc-front-page-e0eeeb51{font-family:Figtree,sans-serif;font-size:13.5px;font-weight:600;color:#F8F7F4} .dc-front-page-d273002c{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px} .dc-front-page-a62b8260{padding:28px;border-radius:14px;background:#fff;border-top:3px solid #c3fcf1} .dc-front-page-1395af3d{font-family:Figtree,sans-serif;font-size:19px;font-weight:600;color:#1C2B2B;margin:0 0 10px} .dc-front-page-0688d9ce{font-family:Figtree,sans-serif;font-size:14.5px;line-height:1.65;color:oklch(45% 0.012 85);margin:0} .dc-front-page-cc5710d7{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center} .dc-front-page-9fc0ac86{font-family:Figtree,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#2F9E73} .dc-front-page-33ead5ca{font-family:Figtree,sans-serif;font-weight:600;font-size:34px;line-height:1.25;color:#F8F7F4;margin:16px 0 20px} .dc-front-page-5ec934d1{font-family:Figtree,sans-serif;font-size:15.5px;line-height:1.7;color:oklch(78% 0.01 85);margin:0 0 20px} .dc-front-page-a896af87{font-family:Figtree,sans-serif;font-size:13.5px;color:oklch(58% 0.012 85);margin:0} .dc-front-page-e0a14146{background:oklch(22% 0.012 195);border:1px solid oklch(32% 0.015 195);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px} .dc-front-page-b87ca324{display:flex;align-items:center;gap:10px} .dc-front-page-e1df81a0{position:relative;width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center} .dc-front-page-1faa30cd{position:absolute;width:30px;height:30px;border-radius:50%;border:1.5px solid #2F9E73;animation-delay:0s} .dc-front-page-fe7b95fc{position:absolute;width:30px;height:30px;border-radius:50%;border:1.5px solid #2F9E73;animation-delay:0.7s} .dc-front-page-df5092df{width:30px;height:30px;border-radius:50%;background:#2F9E73;flex:none;position:relative;z-index:1} .dc-front-page-753460c3{font-family:Figtree,sans-serif;font-size:13.5px;color:oklch(70% 0.012 85)} .dc-front-page-28af0a5a{height:1px;background:oklch(32% 0.015 195);margin-left:15px} .dc-front-page-56883947{position:absolute;width:30px;height:30px;border-radius:50%;border:1.5px solid #C4622A;animation-delay:0s} .dc-front-page-989893ce{position:absolute;width:30px;height:30px;border-radius:50%;border:1.5px solid #C4622A;animation-delay:0.7s} .dc-front-page-c8a36665{width:30px;height:30px;border-radius:50%;background:#C4622A;flex:none;position:relative;z-index:1} .dc-front-page-52b147aa{font-family:Figtree,sans-serif;font-size:13.5px;color:#F8F7F4;font-weight:600} .dc-front-page-879c3c23{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:12px} .dc-front-page-950dd1f0{font-family:Figtree,sans-serif;font-weight:600;font-size:30px;color:#1C2B2B;margin:12px 0 0} .dc-front-page-9f271efd{text-decoration:none;font-family:Figtree,sans-serif;font-size:14.5px;font-weight:600;color:#1C2B2B} .dch-front-page-15a7269c:hover{color:#C4622A} .dc-front-page-dfe49c39{text-decoration:none;display:flex;flex-direction:column;gap:14px;border:1px solid oklch(88% 0.008 85);border-radius:14px;padding:24px;background:#fff} .dch-front-page-20c9013b:hover{border-color:#C4622A} .dc-front-page-d207f293{font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#0a4035;background:#c3fcf1;padding:3px 9px;border-radius:5px;font-family:Figtree,sans-serif;display:inline-block} .dc-front-page-5a5d2b19{font-family:Figtree,sans-serif;font-size:18px;font-weight:600;color:#1C2B2B;margin:0} .dc-front-page-5d4f1cfe{font-family:Figtree,sans-serif;font-size:13.5px;color:oklch(48% 0.012 85)} .dch-front-page-20c9013b:hover{border-color:#C4622A} .dch-front-page-20c9013b:hover{border-color:#C4622A} .dc-front-page-8aaaf0ae{padding:110px 64px;background:#1C2B2B;text-align:center} .dc-front-page-64479dc0{max-width:680px;margin:0 auto} .dc-front-page-ca09ef8b{font-family:Figtree,sans-serif;font-weight:600;font-size:36px;line-height:1.3;color:#F8F7F4;margin:0 0 20px} .dc-front-page-593666d9{font-family:Figtree,sans-serif;font-size:15.5px;color:oklch(78% 0.01 85);margin:0 0 32px} .dc-front-page-1d9e7d8c{text-decoration:none;font-family:Figtree,sans-serif;font-weight:600;font-size:15px;color:#1C2B2B;background:#F8F7F4;padding:15px 30px;border-radius:9px;display:inline-block} .dch-front-page-a5a3c580:hover{background:#ECE7DC} /* Front-page hero word animation restart without inline styles */ .hero-word-restart{animation:wordIn 0.55s cubic-bezier(0.22,1,0.36,1) forwards} /* INTRUNO FINAL PAGE-ONLY RESPONSIVE OVERRIDES */ /* The site chrome is intentionally untouched. These rules apply only to page content. */ main.intruno-page { width: 100%; max-width: 100%; overflow-x: clip; } main.intruno-page > section { padding-left: 30px !important; padding-right: 30px !important; } main.intruno-page .intruno-container, main.intruno-page .intruno-container-wide, main.intruno-page .inv-container, main.intruno-page .resources-cert-inner, main.intruno-page .resources-featured-inner, main.intruno-page .resources-hero-grid { width: 90%; max-width: 1320px; margin-left: auto; margin-right: auto; } main.intruno-page .hero-grid, main.intruno-page .hero-cols, main.intruno-page .grid-2, main.intruno-page .grid-3, main.intruno-page .grid-6, main.intruno-page .two-col { min-width: 0; } main.intruno-page img, main.intruno-page svg, main.intruno-page video, main.intruno-page iframe { max-width: 100%; } main.intruno-page .card, main.intruno-page .bevel-card, main.intruno-page .inv-walkthrough-card, main.intruno-page .resources-cert-card { box-sizing: border-box; } main.intruno-page input, main.intruno-page select, main.intruno-page textarea { max-width: 100%; } /* ========================================================= MOBILE — Product Intelligence / Access Event Stack the two desktop columns vertically ========================================================= */ @media (max-width: 700px) { /* Main intelligence card */ main.intruno-page .dc-front-page-0d48b1ab { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; padding: 24px !important; gap: 0 !important; overflow: hidden !important; box-sizing: border-box; } /* ------------------------- ACCESS EVENT ------------------------- */ main.intruno-page .dc-front-page-ee2fad49 { width: 100% !important; padding: 0 0 24px !important; border-right: 0 !important; border-bottom: 1px solid oklch(32% 0.015 195) !important; display: flex !important; flex-direction: column !important; gap: 16px !important; } main.intruno-page .dc-front-page-e12feb99 { width: 100% !important; display: flex !important; flex-direction: column !important; gap: 16px !important; } /* Individual access-event values */ main.intruno-page .dc-front-page-e12feb99 > div { width: 100% !important; min-width: 0 !important; } main.intruno-page .dc-front-page-fdeef00e { display: block !important; width: 100% !important; margin-top: 4px; line-height: 1.65 !important; overflow-wrap: anywhere; } /* ------------------------- BEHAVIORAL CONTEXT ------------------------- */ main.intruno-page .dc-front-page-c83c6c67 { width: 100% !important; padding: 24px 0 0 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; justify-content: flex-start !important; } /* Alert cards */ main.intruno-page .dc-front-page-b85a04f6 { width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 12px !important; padding: 14px 14px !important; box-sizing: border-box; } /* Alert text */ main.intruno-page .dc-front-page-e828be63 { min-width: 0 !important; line-height: 1.5 !important; overflow-wrap: anywhere; } /* ALERT badge */ main.intruno-page .dc-front-page-a72a65d2 { flex: 0 0 auto !important; white-space: nowrap !important; align-self: center !important; } } @media (max-width: 1024px) { main.intruno-page > section { padding-left: 24px !important; padding-right: 24px !important; } main.intruno-page .hero-grid, main.intruno-page .hero-cols { grid-template-columns: minmax(0, 1fr) !important; } main.intruno-page .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } main.intruno-page .grid-6 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } main.intruno-page .grid-2 { min-width: 0; } main.intruno-page .cap-stack > .grid-2 { position: static !important; height: auto !important; } } @media (max-width: 700px) { main.intruno-page > section { padding-left: 20px !important; padding-right: 20px !important; } main.intruno-page .intruno-container, main.intruno-page .intruno-container-wide, main.intruno-page .inv-container, main.intruno-page .resources-cert-inner, main.intruno-page .resources-featured-inner, main.intruno-page .resources-hero-grid { width: 92%; } main.intruno-page .grid-2, main.intruno-page .grid-3, main.intruno-page .grid-6, main.intruno-page .two-col { grid-template-columns: minmax(0, 1fr) !important; } main.intruno-page .stage-row { display: flex; flex-direction: column; align-items: stretch; width: 100%; overflow: visible; gap: 0; } main.intruno-page .stage-row > * { width: 100% !important; max-width: 100%; min-width: 0; flex: none; box-sizing: border-box; } /* Arrow between stages */ main.intruno-page .stage-row .stage-arrow { position: static !important; display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 44px; margin: 0 !important; padding: 0 !important; transform: none !important; } .stage-arrow svg * { transform: rotate(90deg); transform-origin: center; } /* If arrow is directly the text/icon instead of ::before */ main.intruno-page .stage-row .stage-arrow { text-align: center; } main.intruno-page .life-row::-webkit-scrollbar, main.intruno-page .stage-row::-webkit-scrollbar { display: none; } main.intruno-page .side-rail { display: none !important; } main.intruno-page .inv-walkthrough-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; } main.intruno-page .inv-walkthrough-tab { flex: 0 0 auto; } } @media (max-width: 420px) { main.intruno-page > section { padding-left: 16px !important; padding-right: 16px !important; } main.intruno-page .intruno-container, main.intruno-page .intruno-container-wide, main.intruno-page .inv-container, main.intruno-page .resources-cert-inner, main.intruno-page .resources-featured-inner, main.intruno-page .resources-hero-grid { width: 94%; } } /* Home — In the product dashboard section */ .intruno-home-product-wrap{ max-width:1320px; margin:48px auto 0; } .intruno-home-product-row{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:56px; align-items:center; background:#fff; border-radius:18px; box-shadow:0 1px 2px rgba(28,43,43,0.04), 0 8px 22px rgba(28,43,43,0.09); padding:40px 48px; } .intruno-home-product-text{ display:flex; flex-direction:column; gap:12px; order:1; } .intruno-product-label{ font-family:Figtree,sans-serif; font-size:12.5px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:#C4622A; } .intruno-home-product-text h3{ font-family:Figtree,sans-serif; font-size:22px; font-weight:600; line-height:1.3; color:#1C2B2B; margin:0; } .intruno-home-product-text p{ font-family:Figtree,sans-serif; font-size:14.5px; line-height:1.65; color:oklch(45% 0.012 85); margin:0; text-wrap:pretty; } .intruno-home-product-visual{ display:flex; flex-direction:column; gap:10px; order:2; } .intruno-product-screen-wrap{ position:relative; padding:0 0 36px; } .intruno-product-screen{ padding:0 5%; } .intruno-product-screen-inner{ background:#1C2B2B; border-radius:12px 12px 0 0; padding:8px 8px 10px; } .intruno-product-screen-inner img{ display:block; width:100%; height:auto; border-radius:3px; } .intruno-product-screen-base{ height:12px; background:#1C2B2B; border-radius:0 0 10px 10px; position:relative; } .intruno-product-screen-base span{ position:absolute; left:50%; top:0; width:14%; height:4px; transform:translateX(-50%); background:oklch(34% 0.015 195); border-radius:0 0 6px 6px; } .intruno-product-callout { position: absolute; left: -32px; bottom: 0; width: min(360px, 62%); aspect-ratio: 475 / 200; border-radius: 10px; overflow: hidden; background: #fff; border: 1px solid oklch(90% 0.006 85); box-shadow: 0 14px 34px rgba(28,43,43,0.22); z-index: 2; } main.intruno-page .intruno-product-callout img { position: absolute; width: 360%; max-width: none !important; height: auto; left: -23%; top: -44%; transform: none; } .intruno-product-caption{ font-family:Figtree,sans-serif; font-size:11.5px; color:oklch(45% 0.012 85); align-self:flex-end; } /* Home — In the product responsive */ @media (max-width:900px){ .intruno-home-product-row{ grid-template-columns:1fr; gap:36px; padding:32px; } .intruno-home-product-text, .intruno-home-product-visual{ order:initial; } .intruno-product-callout{ left:-16px; width:min(360px,62%); } } @media (max-width:600px){ .intruno-home-product-wrap{ margin-top:32px; } .intruno-home-product-row{ padding:24px 20px; border-radius:14px; gap:28px; } .intruno-home-product-text h3{ font-size:20px; } .intruno-home-product-text p{ font-size:14px; } .intruno-product-screen-wrap{ padding-bottom:24px; } .intruno-product-callout{ left:-8px; width:58%; } .intruno-product-caption{ font-size:10.5px; } }