.connected-home{font-size:16px;line-height:1.65}.connected-home .bf-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.connected-home h1,.connected-home h2,.connected-home h3{color:var(--text);margin:0;letter-spacing:-.045em;line-height:1.08}.connected-home h1{font-size:clamp(44px,5.3vw,76px);font-weight:650}.connected-home h1 em{font-style:normal;color:var(--purple)}.connected-home h2{font-size:clamp(32px,3.7vw,48px);font-weight:650}.connected-home h3{font-size:22px;letter-spacing:-.025em}.connected-home p{color:var(--muted)}.connected-home .bf-label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--purple);margin:0 0 20px}.bf-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding-block:68px 76px}.connected-home .bf-intro{font-size:19px;max-width:480px;margin:26px 0}.bf-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.bf-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:9px;padding:12px 20px;background:var(--text);color:var(--bg);font-size:14px;font-weight:650;transition:transform .15s}.bf-button:hover{transform:translateY(-2px)}.bf-button.secondary{background:var(--panel);color:var(--text);border:1px solid var(--line)}.bf-button.purple{background:#7052d5;color:white}.bf-devices{min-width:0;display:flex;align-items:center;justify-content:center;gap:20px;padding:35px 14px;background:radial-gradient(ellipse,#e7e5fc,#eff4fa 50%,transparent 72%);border-radius:40px}.bf-phone{margin:0;width:46%;max-width:240px;background:#15283d;padding:6px;border-radius:25px;box-shadow:0 24px 40px #23345222;border:1px solid #40536b;overflow:hidden}.bf-phone img{display:block;width:100%;height:auto;border-radius:19px}.bf-devices .bf-phone:first-child{transform:translateY(-15px) rotate(-5deg)}.bf-devices .bf-phone:last-child{transform:translateY(22px) rotate(5deg)}.bf-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:22px;gap:24px}.bf-strip span{font-size:14px;color:var(--muted);text-align:center}.bf-strip b{color:var(--text);font-weight:600}.bf-section{padding-block:88px}.bf-heading{text-align:center;max-width:720px;margin:0 auto 36px}.bf-heading p:last-child{margin:20px 0 0}.bf-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bf-app{display:block;border:1px solid var(--line);border-radius:16px;padding:25px 22px;background:var(--panel);transition:border-color .15s,transform .15s}.bf-app:hover{border-color:var(--purple);transform:translateY(-3px)}.bf-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--purple);font-size:23px;margin-bottom:24px}.bf-app h3{font-size:19px}.bf-app p{font-size:14px;line-height:1.6;margin-bottom:0}.bf-directory{display:block;text-align:center;margin-top:26px;color:var(--purple);font-size:14px;font-weight:650}.bf-tools{padding:58px;border-radius:28px;background:var(--panel);border:1px solid var(--line)}.bf-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}.bf-tool-grid article{min-width:0}.bf-tool-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:22px}.bf-tool-head p{margin:12px 0 0;font-size:16px;max-width:310px}.bf-tool-head>a{font-size:14px;white-space:nowrap;color:var(--purple);padding-top:4px}.bf-screen{margin:0;border-radius:18px;background:var(--soft);padding:20px;overflow:hidden;display:flex;justify-content:center}.bf-screen img{display:block;width:100%;max-width:350px;height:auto;border-radius:10px;border:1px solid var(--line)}.bf-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-top:32px;padding:50px 70px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(130deg,var(--panel),var(--soft))}.bf-feature-visual{display:flex;justify-content:center;padding:10px}.bf-feature .bf-phone{width:100%;max-width:245px;transform:rotate(-3deg)}.bf-feature.disc .bf-phone{transform:rotate(3deg)}.bf-feature p:not(.bf-label){margin:24px 0}.bf-feature ul{padding-left:20px;color:var(--muted);margin:0 0 28px}.bf-feature li{padding-block:5px}.bf-feature li::marker{color:var(--purple)}.bf-principles{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px;padding-block:70px;border-bottom:1px solid var(--line)}.bf-principles h2{font-size:34px}.bf-principles h3{font-size:18px}.bf-principles article p{font-size:14px;margin-bottom:0}.bf-cta{margin-block:60px 80px;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:55px 60px;border-radius:24px;background:#142b43;color:#fff}.bf-cta h2{color:white;max-width:560px}.bf-cta p{color:#c8d4e0;margin-bottom:0}.bf-cta .bf-label{color:#c4b8ff}.bf-cta .bf-button{flex-shrink:0;background:#e9e3ff;color:#30244f}.connected-home a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}:root[data-forge-theme=dark] .bf-devices{background:radial-gradient(ellipse,#354563,transparent 72%)}
@media(max-width:1050px){.bf-hero{gap:24px}.bf-apps{grid-template-columns:repeat(2,1fr)}.bf-feature{gap:40px;padding:40px}.bf-tools{padding:36px}.bf-principles{grid-template-columns:1fr 1fr}.bf-cta{padding:40px}.site-header{flex-wrap:wrap;height:auto;min-height:92px;padding-block:16px;gap:14px}.site-header nav{flex-wrap:wrap}}
@media(max-width:700px){.connected-home .bf-wrap{width:calc(100% - 36px)}.bf-hero{grid-template-columns:1fr;padding-block:44px 40px;gap:28px}.connected-home .bf-intro{font-size:17px}.bf-devices{max-width:470px;width:100%;margin:auto;padding:24px 14px 35px}.bf-phone{border-radius:21px}.bf-phone img{border-radius:15px}.bf-strip{gap:14px;grid-template-columns:1fr;padding-block:20px}.bf-strip span{text-align:left}.bf-section{padding-block:56px}.bf-app{padding:20px 16px}.bf-icon{margin-bottom:18px}.bf-app h3{font-size:18px}.bf-tools{padding:26px 18px}.bf-tool-grid{grid-template-columns:1fr;gap:35px}.bf-screen{padding:15px}.bf-feature{grid-template-columns:1fr;padding:32px 24px;gap:35px}.bf-feature-visual{order:2}.bf-feature .bf-phone{max-width:260px}.bf-principles{grid-template-columns:1fr;gap:25px;padding-block:50px}.bf-cta{display:block;padding:32px 25px;margin-block:40px 50px}.bf-cta .bf-button{margin-top:26px}.bf-tool-head{flex-wrap:wrap}.bf-label{line-height:1.6}.site-header nav{z-index:20}}
.bf-devices{position:relative;background:radial-gradient(ellipse at 35% 35%,#dcefff,transparent 65%),radial-gradient(ellipse at 70% 65%,#e2dbff,transparent 65%);isolation:isolate}.bf-devices:before{content:"";position:absolute;inset:10% -2%;border:1px solid #b6bddc;border-radius:50%;transform:rotate(-25deg);z-index:-1}.bf-orbit{position:absolute;inset:0;pointer-events:none}.bf-orbit span{position:absolute;width:62px;height:62px;background:var(--panel);display:grid;place-items:center;border:1px solid var(--line);border-radius:17px;box-shadow:0 12px 25px #172f4b15}.bf-orbit img{width:42px;height:42px;object-fit:contain}.bf-orbit span:nth-child(1){left:-7%;top:7%;transform:rotate(-9deg)}.bf-orbit span:nth-child(2){right:-4%;top:0;transform:rotate(9deg)}.bf-orbit span:nth-child(3){left:-5%;bottom:4%;transform:rotate(5deg)}.bf-orbit span:nth-child(4){right:-6%;bottom:0;transform:rotate(-8deg)}.bf-phone{position:relative}.bf-app{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--panel) 40%,color-mix(in srgb,var(--card-color,#9295e9) 18%,var(--panel)));border-top:3px solid var(--card-color,#9295e9);min-height:235px}.bf-app[data-app=waymark]{--card-color:#72acdf}.bf-app[data-app=disc-caddy]{--card-color:#46b6ab}.bf-app[data-app=message-hub]{--card-color:#a18be5}.bf-app[data-app=notestack]{--card-color:#eab16e}.bf-app[data-app=translate]{--card-color:#d989af}.bf-app[data-app=time]{--card-color:#e5a675}.bf-app[data-app=domaindeck]{--card-color:#869edb}.bf-app[data-app=forge-status]{--card-color:#64b8a3}.bf-icon{width:72px;height:72px;border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:0 7px 18px #22365608;margin-bottom:25px}.bf-icon img{width:51px;height:51px;object-fit:contain;border-radius:12px}.bf-app:after{content:"↗";position:absolute;right:23px;top:28px;font-size:20px;color:var(--muted)}.bf-app:hover .bf-icon{transform:rotate(-5deg) scale(1.05)}.bf-icon{transition:transform .2s}.bf-feature{background:linear-gradient(120deg,color-mix(in srgb,#bcdcf5 40%,var(--panel)),var(--panel) 70%)}.bf-feature.disc{background:linear-gradient(110deg,var(--panel) 30%,color-mix(in srgb,#a6dcd0 38%,var(--panel)))}.bf-feature>div>img{display:block;object-fit:contain;margin-bottom:20px;border-radius:14px}.bf-feature-visual{border-radius:50%;background:radial-gradient(ellipse,#ffffff90,transparent 70%)}.bf-tools{background:linear-gradient(140deg,var(--panel) 35%,color-mix(in srgb,#e3dcfb 28%,var(--panel)))}.bf-tool-grid article:first-child .bf-screen{background:linear-gradient(150deg,#dceef7,#e4e9f5)}.bf-tool-grid article:last-child .bf-screen{background:linear-gradient(150deg,#eee6fc,#fff1dc)}.bf-cta{background:radial-gradient(ellipse at 95% 0%,#5e4e92,transparent 55%),linear-gradient(125deg,#132e49,#1e3657)}
@media(max-width:700px){.bf-orbit span{width:43px;height:43px;border-radius:12px}.bf-orbit img{width:30px;height:30px}.bf-orbit span:nth-child(1){left:0;top:0}.bf-orbit span:nth-child(2){right:0;top:0}.bf-orbit span:nth-child(3){left:0;bottom:0}.bf-orbit span:nth-child(4){right:0;bottom:0}.bf-devices:before{inset:15% 0}.bf-app{min-height:235px}.bf-icon{width:60px;height:60px}.bf-icon img{width:43px;height:43px}.bf-app:after{right:13px;top:18px;font-size:16px}}
.product-visual.real-product{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;overflow:hidden;min-height:370px;background:radial-gradient(ellipse at 20% 20%,color-mix(in srgb,var(--purple) 20%,var(--panel)),var(--soft));padding:34px}.real-product.blue{background:linear-gradient(145deg,color-mix(in srgb,#7cb9e5 45%,var(--panel)),var(--soft))}.real-product.teal{background:linear-gradient(145deg,color-mix(in srgb,#60bcad 40%,var(--panel)),var(--soft))}.real-product.orange{background:linear-gradient(145deg,color-mix(in srgb,#edb76f 40%,var(--panel)),var(--soft))}.real-product.pink{background:linear-gradient(145deg,color-mix(in srgb,#db8dc2 35%,var(--panel)),var(--soft))}.real-product .product-brand-icon{object-fit:contain;background:var(--panel);border-radius:22px;padding:12px;box-shadow:0 16px 35px #15223f22;position:relative;z-index:1;flex-shrink:0}.real-product.has-screen .product-brand-icon{position:absolute;left:24px;top:25px;width:68px;height:68px}.real-product .product-real-screen{width:190px;height:auto;display:block;border:6px solid #142b43;border-radius:22px;transform:rotate(7deg);box-shadow:0 20px 40px #172d492a;max-height:420px;object-fit:contain;background:#142b43}.real-product.icon-only{flex-direction:column;gap:16px}.real-product.icon-only .product-brand-icon{width:100px;height:100px;padding:20px;transform:rotate(-7deg)}.real-product.icon-only strong{font-size:27px;letter-spacing:-1px;color:var(--text)}.real-product.icon-only>span{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}.product-card.large{border-radius:24px}.product-copy .features span{font-size:12px}.product-copy>small{font-size:12px}.product-copy h3{font-size:30px}
@media(min-width:701px) and (max-width:1050px){.bf-orbit span:nth-child(2),.bf-orbit span:nth-child(4){right:0}.bf-devices:before{inset:10% 0}.bf-orbit span:nth-child(1),.bf-orbit span:nth-child(3){left:0}}
@media(max-width:650px){.product-visual.real-product{min-height:310px}.real-product .product-real-screen{width:150px;max-height:340px}}
@media(prefers-reduced-motion:reduce){.connected-home *{transition:none!important;scroll-behavior:auto!important}}
.bf-devices{overflow:clip;padding-inline:24px;padding-block:45px}.bf-orbit span:nth-child(1),.bf-orbit span:nth-child(3){left:0}.bf-orbit span:nth-child(2),.bf-orbit span:nth-child(4){right:0}