/* DoorFall public landing page — isolated from the application UI. */
body.landing-page{--bg:#f6f7fb;--surface:#fff;--soft:#eef0ff;--text:#161e31;--muted:#69758b;--line:#e5e8ef;--primary:#5b5cf0;--primary-dark:#4748d4;--shadow:0 22px 60px rgba(28,38,64,.1);margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body.landing-page *,body.landing-page *:before,body.landing-page *:after{box-sizing:border-box}body.landing-page a{color:inherit}body.landing-page .landing-topbar{position:sticky;top:0;z-index:50;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px clamp(20px,4vw,58px);border-bottom:1px solid rgba(229,232,239,.9);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}body.landing-page .brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--text);text-decoration:none;font-size:20px;font-weight:850;letter-spacing:-.02em}body.landing-page .brand-logo{display:block;width:auto;max-width:190px;height:42px;object-fit:contain;object-position:left center}body.landing-page .brand-dot{display:inline-block;width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px #eeeeff}body.landing-page .landing-topbar nav{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}body.landing-page .landing-topbar nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border-radius:10px;color:#59657a;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}body.landing-page .landing-topbar nav a:hover{background:#f3f4f8;color:var(--text)}body.landing-page .landing-topbar nav .landing-nav-btn{padding-inline:16px;background:var(--primary);color:#fff}body.landing-page .landing-topbar nav .landing-nav-btn:hover{background:var(--primary-dark);color:#fff}.df-nav-toggle{display:none}
body.landing-page main{overflow:hidden}.eyebrow{margin-bottom:13px;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.14em}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#344054;text-decoration:none;font-weight:800;line-height:1.2;box-shadow:0 2px 6px rgba(25,35,55,.03)}.btn.primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn.big{min-height:50px;padding:13px 21px;border-radius:13px;font-size:15px}.btn:hover{border-color:#cfd4de;background:#fafbfc}.btn.primary:hover{border-color:var(--primary-dark);background:var(--primary-dark)}
.df-home-hero{width:min(1380px,calc(100% - 48px));margin:0 auto;padding:82px 0 70px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(620px,1.22fr);gap:72px;align-items:center}.df-home-hero-copy h1{margin:0;max-width:690px;font-size:clamp(46px,5vw,76px);line-height:1.01;letter-spacing:-.055em}.df-home-hero-copy h1 span{color:var(--primary)}.df-home-hero-copy>p{max-width:640px;margin:24px 0 0;color:var(--muted);font-size:19px;line-height:1.72}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.df-hero-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.df-hero-points span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#647087;font-size:12px;font-weight:800}
.df-hero-preview{position:relative}.df-hero-preview:before{content:"";position:absolute;inset:10% 8%;border-radius:50%;background:rgba(91,92,240,.18);filter:blur(70px)}.df-app-preview{position:relative;overflow:hidden;border:1px solid #dde2eb;border-radius:24px;background:#edf1f7;box-shadow:0 32px 80px rgba(32,42,68,.16);transform:perspective(1400px) rotateY(-2deg)}.df-app-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#fff;border-bottom:1px solid #e4e8ef}.df-preview-title{display:flex;align-items:center;gap:9px;font-size:13px}.df-preview-tools{display:flex;gap:7px}.df-preview-tools span{padding:7px 9px;border:1px solid #e1e5ec;border-radius:8px;background:#fafbfc;color:#667187;font-size:9px;font-weight:800}.df-preview-search-tabs{display:flex;gap:4px;padding:10px 15px 0;background:#f7f8fb}.df-preview-search-tabs span{padding:6px 8px;border-radius:7px;color:#778298;font-size:8px;font-weight:800}.df-preview-search-tabs .active{background:#ececff;color:#4f50d9}.df-preview-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:8px 14px 11px;padding:8px 9px 8px 12px;border:1px solid #dfe4ec;border-radius:11px;background:#fff;color:#929bad;font-size:9px}.df-preview-search b{padding:7px 10px;border-radius:7px;background:var(--primary);color:#fff}.df-preview-pages{display:flex;gap:5px;padding:0 14px 10px}.df-preview-pages span{padding:6px 10px;border-radius:8px;color:#778298;background:#f8f9fb;font-size:8px;font-weight:800}.df-preview-pages .active{background:#eaeaff;color:#4c4dd3}.df-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 14px 14px}.df-preview-widget{overflow:hidden;min-height:122px;border:1px solid #e0e5ec;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(28,38,64,.04)}.df-preview-widget header{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid #edf0f4;color:#344054;font-size:9px;font-weight:900}.df-preview-widget header i{color:#a1a9b8;font-style:normal}.df-preview-widget>div{padding:12px 10px;color:#6c788e;font-size:8px}.df-preview-widget strong{display:block;color:#202a3d;font-size:26px;line-height:1}.df-preview-widget small{display:block;margin-top:7px;color:#7f899c}.df-widget-todo>div{display:grid;gap:7px}.df-widget-todo>div span{padding:6px;border-radius:6px;background:#f7f8fb}.df-widget-notes p{margin:0;line-height:1.5}.df-widget-rss b{display:block;color:#303a4e;font-size:9px}.df-widget-links>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}.df-widget-links>div span{padding:6px;border-radius:6px;background:#f5f6fa;text-align:center;font-weight:800}
.df-home-intro{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:88px 0 48px;display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:end}.df-home-intro h2,.df-widget-heading h2,.df-style-copy h2,.demo-cta h2{margin:0;font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.045em}.df-home-intro>p,.df-widget-heading>p,.df-style-copy p,.demo-cta p{margin:0;color:var(--muted);font-size:17px;line-height:1.75}.df-feature-cards{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:0 0 92px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.df-feature-cards article{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(28,38,64,.045)}.df-feature-cards article>b{display:inline-flex;margin-bottom:28px;color:var(--primary);font-size:12px;letter-spacing:.12em}.df-feature-cards h3{margin:0 0 10px;font-size:21px}.df-feature-cards p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.df-widget-showcase{padding:92px max(24px,calc((100% - 1180px)/2));background:#12192b;color:#fff}.df-widget-heading{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:end;margin-bottom:42px}.df-widget-heading>p{color:#aeb7c9}.df-widget-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.df-widget-list>div{min-height:132px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035)}.df-widget-list b{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:15px;border-radius:9px;background:rgba(91,92,240,.2);color:#bdbdff;font-size:14px}.df-widget-list strong{display:block;margin-bottom:5px;font-size:14px}.df-widget-list span{display:block;color:#9da8bc;font-size:12px;line-height:1.5}.df-widget-footnote{margin-top:18px;color:#818da4;font-size:12px;text-align:right}
.df-home-split{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:100px 0;display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.df-style-preview{position:relative;min-height:390px}.df-style-card{position:absolute;width:72%;height:245px;padding:55px 24px 24px;border-radius:24px;box-shadow:0 22px 55px rgba(26,36,62,.14);transform-origin:center}.df-style-card:before{content:"";position:absolute;left:20px;top:20px;width:56px;height:10px;border-radius:6px;background:currentColor;opacity:.18}.df-style-card span{display:block;height:34px;margin-bottom:10px;border-radius:10px;background:rgba(255,255,255,.82)}.df-style-card.purple{left:0;top:58px;background:linear-gradient(135deg,#635cf6,#9a6cf0);transform:rotate(-5deg)}.df-style-card.light{left:14%;top:22px;background:#e9edf5;color:#263248;transform:rotate(1deg)}.df-style-card.dark{left:27%;top:72px;background:#172033;color:#fff;transform:rotate(6deg)}.df-style-card.dark span{background:#2b354a}.df-style-copy p{margin-top:22px}.df-text-link{display:inline-block;margin-top:22px;color:var(--primary);font-weight:850;text-decoration:none}.demo-cta{width:min(1180px,calc(100% - 48px));margin:0 auto 80px;padding:40px 44px;display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #dfe3eb;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.demo-cta p{max-width:670px;margin-top:12px;font-size:15px}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px max(24px,calc((100% - 1180px)/2));border-top:1px solid var(--line);background:#fff;color:#778297;font-size:13px}.landing-footer>div:last-child{display:flex;gap:18px;flex-wrap:wrap}.landing-footer a{text-decoration:none}.landing-footer a:hover{color:var(--text)}
@media(max-width:1100px){.df-home-hero{grid-template-columns:1fr;padding-top:64px;gap:45px}.df-home-hero-copy{max-width:820px}.df-home-hero-copy h1{max-width:850px}.df-widget-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){body.landing-page .landing-topbar{padding:11px 16px}.df-nav-toggle{display:flex;width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:#fff;align-items:center;justify-content:center;color:#263248}.df-nav-glyph{font-size:24px}.landing-topbar nav{display:none!important;position:absolute;left:12px;right:12px;top:calc(100% + 1px);padding:8px;flex-direction:column!important;align-items:stretch!important;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(20,32,56,.14)}.landing-topbar.df-nav-open nav{display:flex!important}.landing-topbar nav a{justify-content:flex-start!important}.df-home-intro,.df-widget-heading,.df-home-split{grid-template-columns:1fr;gap:28px}.df-feature-cards{grid-template-columns:1fr}.df-widget-list{grid-template-columns:repeat(2,1fr)}.df-style-preview{min-height:330px}.demo-cta{align-items:flex-start;flex-direction:column}.landing-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.df-home-hero,.df-home-intro,.df-feature-cards,.df-home-split,.demo-cta{width:min(100% - 28px,1180px)}.df-home-hero{padding-top:46px}.df-home-hero-copy h1{font-size:43px}.df-home-hero-copy>p{font-size:16px}.df-preview-tools{display:none}.df-preview-search-tabs{overflow:hidden}.df-preview-grid{grid-template-columns:1fr 1fr}.df-preview-widget:nth-child(n+5){display:none}.df-widget-list{grid-template-columns:1fr}.df-widget-showcase{padding-inline:16px}.df-style-card{width:78%;height:220px}.landing-footer{padding-inline:16px}}