.exon-home.product-page{background:var(--sand-white)}.exon-home .product-hero{color:#fff;background-color:var(--dark);align-items:center;min-height:80vh;padding:160px 32px 120px;display:flex;position:relative;overflow:hidden}.exon-home .product-hero .hero-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.exon-home .product-hero .hero-overlay{z-index:1;background:linear-gradient(#23342a8c 0%,#23342acc 100%);position:absolute;inset:0}.exon-home .product-hero .container{z-index:2;width:100%;position:relative}.exon-home .product-hero .text{max-width:720px}.exon-home .product-hero .breadcrumb{color:#ffffff8c;margin-bottom:20px;font-size:13px}.exon-home .product-hero .breadcrumb a{color:#ffffffbf;text-decoration:none}.exon-home .product-hero .breadcrumb a:hover,.exon-home .product-hero .eyebrow-small{color:var(--green-light)}.exon-home .product-hero h1{letter-spacing:-.03em;color:#fff;margin:8px 0 12px;font-size:clamp(44px,5vw,64px);font-weight:800;line-height:1.05}.exon-home .product-hero .hero-subtitle{color:var(--green-light);margin-bottom:24px;font-size:20px;font-weight:600}.exon-home .product-hero p.lead{color:#ffffffd9;max-width:520px;margin-bottom:32px;font-size:18px;line-height:1.55}.exon-home .product-hero .cta-row{flex-wrap:wrap;gap:12px;display:flex}.exon-home .product-hero .btn-primary-dark{background:var(--benvitt);color:var(--skogsgron)}.exon-home .product-hero .btn-primary-dark:hover{background:var(--green-light)}.exon-home .product-hero .btn-secondary-light{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff40}.exon-home .product-hero .btn-secondary-light:hover{background:#ffffff26;border-color:#ffffff80}.exon-home .features-visual{max-width:960px;margin:88px auto 0;transition:transform .4s}.exon-home .features-visual:hover{transform:translateY(-6px)}.exon-home .browser-frame{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #23342a0a,0 12px 24px #23342a14,0 40px 80px #23342a24}.exon-home .browser-chrome{background:var(--sand-light);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.exon-home .browser-chrome .dot{border-radius:50%;width:11px;height:11px;display:inline-block}.exon-home .browser-chrome .dot-red{background:#ff5f57}.exon-home .browser-chrome .dot-yellow{background:#febc2e}.exon-home .browser-chrome .dot-green{background:#28c840}.exon-home .browser-chrome .browser-url{border:1px solid var(--border);color:var(--muted);text-align:center;background:#fff;border-radius:6px;min-width:220px;margin:0 auto;padding:4px 14px;font-family:-apple-system,BlinkMacSystemFont,monospace;font-size:12px;transform:translate(-24px)}.exon-home .browser-frame img{width:100%;height:auto;display:block}.exon-home .product-features{background:var(--sand-white)}.exon-home .product-features .feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.exon-home .feature-card{background:var(--sand-light);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .3s}.exon-home .feature-card:hover{border-color:var(--green);transform:translateY(-4px);box-shadow:0 20px 40px #1b263214}.exon-home .feature-card h3{letter-spacing:-.01em;margin-bottom:12px;font-size:19px;font-weight:700;line-height:1.25}.exon-home .feature-card p{color:var(--dark-soft);font-size:14px;line-height:1.6}.exon-home .product-usecases{background:var(--sand)}.exon-home .usecase-list{flex-direction:column;gap:16px;max-width:900px;margin:0 auto;display:flex}.exon-home .usecase-item{background:var(--sand-white);border:1px solid var(--border);border-radius:16px;grid-template-columns:48px 1fr;gap:20px;padding:28px 32px;transition:all .3s;display:grid}.exon-home .usecase-item:hover{border-color:var(--green-light);transform:translate(4px)}.exon-home .usecase-marker{background:var(--green-tint);width:40px;height:40px;color:var(--green-dark);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.exon-home .usecase-item h3{letter-spacing:-.01em;margin-bottom:6px;font-size:18px;font-weight:700}.exon-home .usecase-item p{color:var(--dark-soft);font-size:15px;line-height:1.55}.exon-home .product-final-cta{background:var(--dark-2);color:#fff;padding:100px 32px}.exon-home .product-final-cta .cta-inner{text-align:center;max-width:780px;margin:0 auto}.exon-home .product-final-cta h2{letter-spacing:-.02em;color:#fff;margin-bottom:16px;font-size:clamp(32px,4vw,46px);font-weight:700}.exon-home .product-final-cta p{color:#ffffffbf;max-width:580px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:18px}.exon-home .product-final-cta .btn-primary-dark{background:var(--benvitt);color:var(--skogsgron)}.exon-home .product-final-cta .btn-primary-dark:hover{background:var(--green-light)}.exon-home .product-flow{background:var(--sand-light)}.exon-home .flow-track{max-width:940px;margin:0 auto;position:relative}.exon-home .flow-track:before{content:"";background:linear-gradient(to bottom,var(--border)0%,var(--dark-3)100%);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.exon-home .flow-cap{z-index:2;justify-content:center;display:flex;position:relative}.exon-home .flow-cap span{background:var(--sand-white);letter-spacing:.11em;text-transform:uppercase;color:var(--dark-3);padding:0 16px;font-size:11.5px;font-weight:600}.exon-home .flow-cap--start{margin-bottom:34px}.exon-home .flow-cap--end{margin-top:34px}.exon-home .flow-step{grid-template-columns:1fr 76px 1fr;align-items:center;margin-bottom:26px;display:grid;position:relative}.exon-home .flow-step:last-of-type{margin-bottom:0}.exon-home .flow-node{z-index:2;background:var(--sand-white);border:2px solid var(--dark-3);width:44px;height:44px;color:var(--dark-3);font-variant-numeric:tabular-nums;border-radius:50%;grid-area:1/2;justify-content:center;justify-self:center;align-items:center;font-size:13px;font-weight:600;display:flex}.exon-home .flow-step:last-of-type .flow-node{background:var(--skogsgron);border-color:var(--skogsgron);color:var(--benvitt)}.exon-home .flow-window{border:1px solid var(--border);background:#fff;border-radius:12px;grid-row:1;padding:20px 24px 22px;position:relative;box-shadow:0 2px 3px #23342a0a,0 12px 28px #23342a0f}.exon-home .flow-step--left .flow-window{text-align:right;grid-column:1}.exon-home .flow-step--right .flow-window{grid-column:3}.exon-home .flow-window:after{content:"";background:var(--border);width:24px;height:1px;position:absolute;top:50%}.exon-home .flow-step--left .flow-window:after{right:-25px}.exon-home .flow-step--right .flow-window:after{left:-25px}.exon-home .flow-window h3{letter-spacing:-.01em;color:var(--dark);margin:0 0 7px;font-size:17.5px;font-weight:600}.exon-home .flow-window p{color:var(--dark-soft);margin:0;font-size:14.5px;line-height:1.62}.exon-home .flow-window{opacity:0;transition:opacity .55s,transform .75s cubic-bezier(.22,1,.36,1)}.exon-home .flow-step--left .flow-window{transform:translate(-64px)}.exon-home .flow-step--right .flow-window{transform:translate(64px)}.exon-home .flow-step.in .flow-window{opacity:1;transform:translate(0)}.exon-home .flow-node{opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.34,1.56,.64,1);transform:scale(.4)}.exon-home .flow-step.in .flow-node{opacity:1;transform:scale(1)}.exon-home .flow-cap{opacity:0;transition:opacity .5s}.exon-home .flow-cap.in{opacity:1}@media (prefers-reduced-motion:reduce){.exon-home .flow-window,.exon-home .flow-node,.exon-home .flow-cap{opacity:1!important;transition:none!important;transform:none!important}}.exon-home .product-highlights{background:var(--sand-white)}.exon-home .highlight-list{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;display:flex}.exon-home .highlight-block{background:linear-gradient(135deg,var(--green-tint),#d5e8dc);border:1px solid var(--green-light);border-radius:20px;padding:48px 56px;overflow:hidden}.exon-home .highlight-block.with-image{grid-template-columns:300px 1fr;align-items:stretch;gap:40px;padding:40px 48px;display:grid}.exon-home .highlight-block .highlight-image{border-radius:16px;min-height:0;position:relative;overflow:hidden;box-shadow:0 20px 40px #23342a26}.exon-home .highlight-block .highlight-image img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.exon-home .highlight-block h3{letter-spacing:-.02em;color:var(--dark);margin-bottom:16px;font-size:26px;font-weight:700}.exon-home .highlight-block .lead{color:var(--dark-soft);margin-bottom:24px;font-size:17px;line-height:1.55}.exon-home .highlight-block ul{grid-template-columns:1fr 1fr;gap:12px 32px;display:grid}.exon-home .highlight-block.with-image ul{grid-template-columns:1fr}.exon-home .highlight-block ul li{color:var(--dark-soft);padding-left:22px;font-size:14px;line-height:1.5;position:relative}.exon-home .highlight-block ul li:before{content:"";background:var(--green-dark);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.exon-home .product-shared{background:var(--sand)}.exon-home .shared-layout{grid-template-columns:1fr 300px;align-items:stretch;gap:40px;display:grid}.exon-home .product-shared:not(.with-image) .shared-layout{grid-template-columns:1fr}.exon-home .shared-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.exon-home .shared-image{border-radius:16px;min-height:100%;overflow:hidden;box-shadow:0 20px 40px #23342a26}.exon-home .shared-image img{object-fit:cover;width:100%;height:100%;display:block}.exon-home .shared-card{background:var(--sand-white);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .3s}.exon-home .shared-card:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:0 12px 24px #1b26320f}.exon-home .shared-card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:16px;font-weight:700}.exon-home .shared-card p{color:var(--dark-soft);font-size:13px;line-height:1.55}.exon-home .product-switch{background:var(--dark-2);color:#fff}.exon-home .product-switch .eyebrow-small{color:var(--green-light)}.exon-home .switch-inner{text-align:center;max-width:1000px;margin:0 auto}.exon-home .switch-inner h2.section-title{color:#fff}.exon-home .switch-lead{color:#fffc;max-width:720px;margin:0 auto 56px;font-size:19px;line-height:1.6}.exon-home .switch-pillars{text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.exon-home .switch-pillar{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:32px}.exon-home .switch-pillar h3{color:#fff;letter-spacing:-.01em;margin-bottom:10px;font-size:18px;font-weight:700}.exon-home .switch-pillar p{color:#ffffffb3;font-size:14px;line-height:1.55}@media (max-width:1100px){.exon-home .shared-layout{grid-template-columns:1fr}.exon-home .shared-image{aspect-ratio:16/9;min-height:auto}}@media (max-width:900px){.exon-home .product-hero{min-height:70vh;padding:120px 20px 80px}.exon-home .product-showcase{margin-top:-60px;padding:40px 20px 32px}.exon-home .product-features .feature-grid{grid-template-columns:1fr}.exon-home .product-final-cta{padding:72px 20px}.exon-home .highlight-block{padding:32px 28px}.exon-home .highlight-block.with-image{grid-template-columns:1fr;padding:32px 28px}.exon-home .highlight-block .highlight-image{aspect-ratio:16/9;width:100%;min-height:auto;position:relative}.exon-home .highlight-block .highlight-image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.exon-home .highlight-block ul{grid-template-columns:1fr}.exon-home .shared-grid{grid-template-columns:repeat(2,1fr)}.exon-home .switch-pillars{grid-template-columns:1fr}.exon-home nav.top .dropdown{opacity:1;pointer-events:auto;box-shadow:none;position:static;transform:none}}@media (max-width:700px){.exon-home .product-hero{min-height:60vh;padding:100px 20px 60px}.exon-home .product-hero h1{font-size:clamp(30px,8vw,44px);line-height:1.1}.exon-home .product-hero .hero-subtitle{font-size:17px}.exon-home .product-hero p.lead{font-size:16px}.exon-home .product-hero .cta-row{flex-direction:column;align-items:stretch}.exon-home .feature-card{padding:24px}.exon-home .features-visual{margin-top:48px}.exon-home .browser-chrome{padding:8px 10px}.exon-home .browser-chrome .browser-url{display:none}.exon-home .usecase-item{grid-template-columns:40px 1fr;gap:16px;padding:20px 24px}.exon-home .usecase-marker{width:36px;height:36px}.exon-home .flow-track{max-width:none;padding-left:56px}.exon-home .flow-track:before{left:21px;transform:none}.exon-home .flow-step{margin-bottom:18px;display:block}.exon-home .flow-node{width:38px;height:38px;position:absolute;top:16px;left:-56px}.exon-home .flow-step--left .flow-window,.exon-home .flow-step--right .flow-window{text-align:left;transform:translate(48px)}.exon-home .flow-step.in .flow-window{transform:translate(0)}.exon-home .flow-window:after{display:none}.exon-home .flow-cap{justify-content:flex-start}.exon-home .flow-cap span{padding-left:0}.exon-home .shared-grid{grid-template-columns:1fr}.exon-home .highlight-block{padding:28px 24px}.exon-home .highlight-block h3{font-size:22px}.exon-home .switch-inner .switch-lead{font-size:16px}.exon-home .product-final-cta{padding:64px 20px}}