.saas-landing{background:#0d100c;color:#f2f4ea}.saas-landing .saas-hero{min-height:720px;padding:7vw 5vw 6vw;display:grid;grid-template-columns:1.05fr .95fr;gap:4vw;position:relative;border-bottom:1px solid #252a21}.saas-landing .saas-hero-grid{position:absolute;inset:0;opacity:.07;background-image:linear-gradient(#fff 1px,transparent 0),linear-gradient(90deg,#fff 1px,transparent 0);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent);pointer-events:none}.saas-landing .saas-copy,.saas-landing .saas-visual{position:relative;z-index:2}.saas-landing .saas-copy h1{margin:28px 0 22px;font-size:clamp(42px,5.4vw,78px);line-height:.92;letter-spacing:-.07em;font-weight:750}.saas-landing .saas-copy h1 span{color:var(--lime)}.saas-landing .saas-copy>p{color:#a6aa9d;max-width:560px;font-size:16px;line-height:1.6;margin:0 0 14px}.saas-landing .saas-copy .saas-lead{color:#c7cabf;font-size:18px}.saas-landing .saas-copy .saas-lead b{color:#fff}.saas-landing .saas-pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 28px}.saas-landing .saas-pills span{display:inline-flex;align-items:center;gap:7px;border:1px solid #353a31;border-radius:99px;padding:7px 11px;font-size:11px;color:#c7cabf;background:rgba(24,28,22,.7)}.saas-landing .saas-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:8px}.saas-landing .saas-media{border-radius:15px;overflow:hidden;border:1px solid #353a31;background:rgba(24,28,22,.94);position:relative;box-shadow:0 36px 100px rgba(0,0,0,.35);transform:rotate(-1.2deg);min-height:420px}.saas-landing .saas-media-mobile{display:none;position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid #353a31;margin:0 0 22px}.saas-landing .saas-play{position:absolute;inset:0;display:grid;place-items:center;background:transparent;border:0;cursor:pointer}.saas-landing .saas-play-core{width:72px;height:72px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 40px rgba(199,255,67,.25)}.saas-landing .saas-section{padding:8vw 5vw}.saas-landing .saas-section-head{max-width:720px;margin-bottom:48px}.saas-landing .saas-section-head.center{text-align:center;margin-left:auto;margin-right:auto}.saas-landing .saas-section-head h2{margin:0;font-size:clamp(36px,4.6vw,64px);line-height:1;letter-spacing:-.06em}.saas-landing .saas-section-head h2 span{color:#686d63}.saas-landing .saas-section-head p{color:#a6aa9d;font-size:16px;line-height:1.6;margin:18px 0 0}.saas-landing .saas-band{background:hsla(0,0%,100%,.03);border-block:1px solid #252a21}.saas-landing .saas-lime-band{background:#d3ff70;color:var(--ink)}.saas-landing .saas-lime-band .section-kicker,.saas-landing .saas-lime-band h2,.saas-landing .saas-lime-band h3,.saas-landing .saas-lime-band p{color:var(--ink)}.saas-landing .saas-lime-band p{color:#4d5936}.saas-landing .saas-panel{border:1px solid #353a31;border-radius:18px;background:rgba(24,28,22,.9);padding:28px}.saas-landing .saas-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.saas-landing .saas-guide-card{border:1px solid #353a31;border-radius:16px;overflow:hidden;background:rgba(24,28,22,.85);display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease}.saas-landing .saas-guide-card:hover{transform:translateY(-4px);border-color:#4a5244}.saas-landing .saas-guide-card .thumb{position:relative;aspect-ratio:16/9;background:#181c16}.saas-landing .saas-guide-card .body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.saas-landing .saas-guide-card h4{margin:0;font-size:16px;letter-spacing:-.03em}.saas-landing .saas-guide-card p{margin:0;color:#8f9488;font-size:13px;line-height:1.55;flex:1}.saas-landing .saas-guide-meta{display:flex;justify-content:space-between;font:10px var(--font-geist-mono),monospace;color:#74796e;text-transform:uppercase;letter-spacing:.08em}.saas-landing .saas-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(0,0,0,.2);margin-top:40px}.saas-landing .saas-benefit-grid article{padding:24px 22px 8px 0;border-right:1px solid rgba(0,0,0,.2)}.saas-landing .saas-benefit-grid article:last-child{border-right:0}.saas-landing .saas-benefit-grid article+article{padding-left:22px}.saas-landing .saas-benefit-grid .num{font:10px var(--font-geist-mono),monospace;opacity:.55}.saas-landing .saas-benefit-grid h3{margin:28px 0 10px;font-size:20px;letter-spacing:-.04em}.saas-landing .saas-benefit-grid p{margin:0;font-size:14px;line-height:1.55;max-width:260px}.saas-landing .saas-split{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.saas-landing .saas-step-num{font:11px var(--font-geist-mono),monospace;color:var(--lime);letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;display:block}.saas-landing .saas-split h3{margin:0 0 14px;font-size:clamp(28px,3.2vw,40px);letter-spacing:-.05em;line-height:1.05}.saas-landing .saas-split>div>p{color:#a6aa9d;font-size:16px;line-height:1.6;margin:0 0 22px}.saas-landing .saas-list{list-style:none;margin:0;padding:0}.saas-landing .saas-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #2c3229;color:#c7cabf;font-size:14px}.saas-landing .saas-list li i{width:7px;height:7px;border-radius:50%;background:var(--lime);flex-shrink:0}.saas-landing .saas-chat{border:1px solid #353a31;border-radius:16px;background:rgba(24,28,22,.94);padding:22px}.saas-landing .saas-chat-row{display:flex;gap:12px;margin-bottom:16px}.saas-landing .saas-chat-row.me{flex-direction:row-reverse}.saas-landing .saas-chat-bubble{border-radius:14px;padding:12px 14px;max-width:80%;font-size:13px;line-height:1.5;background:#1b2118;color:#c7cabf}.saas-landing .saas-chat-row.me .saas-chat-bubble{background:var(--lime);color:var(--ink);font-weight:600}.saas-landing .saas-avatar{width:34px;height:34px;border-radius:50%;background:#2a3126;display:grid;place-items:center;font-size:12px;flex-shrink:0}.saas-landing .saas-chat-row.me .saas-avatar{background:var(--violet);color:#fff}.saas-landing .saas-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.saas-landing .saas-mini-card{border:1px solid #353a31;border-radius:14px;padding:16px;background:rgba(24,28,22,.85)}.saas-landing .saas-mini-card h4{margin:12px 0 6px;font-size:15px;letter-spacing:-.03em}.saas-landing .saas-mini-card p{margin:0;color:#8f9488;font-size:12px;line-height:1.5}.saas-landing .saas-icon{width:42px;height:42px;border-radius:50%;background:#1b2118;color:var(--lime);display:grid;place-items:center;font-size:18px}.saas-landing .saas-track-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.saas-landing .saas-track-grid>div{aspect-ratio:1;border-radius:10px;overflow:hidden;background-size:cover;background-position:50%;border:1px solid #353a31;position:relative}.saas-landing .saas-track-grid>div span{position:absolute;inset:auto 0 0 0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:10px;color:#fff}.saas-landing .saas-visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.saas-landing .saas-visual-pair>div{aspect-ratio:9/16;border-radius:14px;background-size:cover;background-position:50%;border:1px solid #353a31;box-shadow:0 20px 50px rgba(0,0,0,.3)}.saas-landing .saas-visual-pair>div:nth-child(2){margin-top:36px}.saas-landing .saas-render{max-width:860px;margin:0 auto;border:1px solid #353a31;border-radius:16px;overflow:hidden;background:rgba(24,28,22,.95)}.saas-landing .saas-render-stage{aspect-ratio:16/9;position:relative;background:#111}.saas-landing .saas-render-bar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:18px 20px;border-top:1px solid #353a31}.saas-landing .saas-cta{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--violet);color:#fff;padding:8vw 5vw;position:relative}.saas-landing .saas-cta h2{font-size:clamp(40px,6vw,80px);line-height:.9;letter-spacing:-.06em;margin:16px 0 28px;max-width:14ch}.saas-landing .saas-cta p{color:hsla(0,0%,100%,.78);max-width:48ch;margin:0 0 8px;font-size:15px;line-height:1.55}.saas-landing .saas-modal{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.saas-landing .saas-modal-inner{width:min(100%,960px);position:relative}.saas-landing .saas-modal-inner button{position:absolute;top:-40px;right:0;background:transparent;border:0;color:#fff;cursor:pointer;font-weight:600}.saas-landing .saas-modal-frame{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid hsla(0,0%,100%,.18);background:#000}@media (max-width:1000px){.saas-landing .saas-benefit-grid,.saas-landing .saas-guide-grid,.saas-landing .saas-hero,.saas-landing .saas-split{grid-template-columns:1fr}.saas-landing .saas-visual{display:none}.saas-landing .saas-media-mobile{display:block}.saas-landing .saas-benefit-grid article,.saas-landing .saas-benefit-grid article+article{padding:22px 0;border-right:0;border-bottom:1px solid rgba(0,0,0,.18)}.saas-landing .saas-visual-pair>div:nth-child(2){margin-top:0}.saas-landing .saas-track-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:560px){.saas-landing .saas-hero{padding:64px 20px 72px}.saas-landing .saas-section{padding:72px 20px}.saas-landing .saas-track-grid{grid-template-columns:repeat(3,1fr)}.saas-landing .saas-mini-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.saas-landing .button,.saas-landing .saas-guide-card{transition:none}}