:root{--background:#f8f9fc;--foreground:#13151c;--primary:#3361ff;--primary-foreground:#fff;--muted-foreground:#6d7484;--border:#e5e8ef}.landing{background:var(--background);color:var(--foreground);font-family:Inter,sans-serif}.landing a{color:inherit;text-decoration:none;transition:opacity .2s}.landing a:hover{opacity:.7}.section-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-nav{position:relative;z-index:10;border-bottom:1px solid var(--border);background:#f8f9fce8;backdrop-filter:blur(12px)}.nav-inner{height:80px;justify-content:space-between}.logo,.nav-inner{display:flex;align-items:center}.logo{gap:.55rem;font-weight:700;letter-spacing:-.03em}.logo span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--primary);color:#fff}.logo svg{width:15px}.nav-actions,.nav-links{display:flex;align-items:center;gap:2rem;font-size:.78rem;color:var(--muted-foreground)}.nav-actions{gap:1.1rem;color:var(--foreground)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:.55rem;padding:.72rem 1rem;font-size:.8rem;font-weight:700;transition:transform .2s,opacity .2s}.button:hover{opacity:1;transform:translateY(-2px)}.button svg{width:15px;height:15px}.button-primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px #3361ff22}.button-light{background:#fff;color:#151827}.button-large{padding:.95rem 1.2rem}.menu-button{display:none;border:0;background:none}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:5.5rem;padding-block:6.8rem 7.5rem}.eyebrow,.hero{align-items:center}.eyebrow{display:flex;gap:.6rem;color:var(--primary);font-size:.67rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow span{width:22px;height:2px;background:currentColor}.eyebrow.light{color:#91acff}.hero-dark{width:100%;background:#121a2d;color:#f8f9fc}.device-frame{border:1px solid #2a3450;border-radius:14px;background:#0f1626;box-shadow:0 45px 100px #00000066;overflow:hidden}.device-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.1rem;background:#0c1220;border-bottom:1px solid #26314c}.device-bar .traffic-lights{gap:.45rem}.device-bar .traffic-lights i{width:11px;height:11px}.device-url{flex:1;max-width:340px;margin-inline:auto;text-align:center;padding:.4rem .9rem;border-radius:7px;background:#1a2440;color:#8093b6;font-size:.72rem;letter-spacing:.01em}.device-screen{background:#161f34}.device-frame .metrics-panel{border:0;border-radius:0;background:transparent;box-shadow:none;padding:2rem 2.3rem}.hero-inner{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:4rem;width:min(1340px,calc(100% - 64px));margin-inline:auto;padding-block:5.5rem 6.5rem}.hero-visual{width:100%;min-width:0}.hero-dark .hero-note,.hero-dark .hero-sub{color:#aeb9d2}.hero-dark h1{color:#f8f9fc}.hero-dark .watch-link{color:#d6def1}.hero-dark .hero-photo{border-color:#33405d}.hero h1{margin:1.6rem 0 1.4rem;font-size:clamp(3.5rem,6.2vw,6.4rem);line-height:.91;letter-spacing:-.085em;font-weight:700}.attention-copy h2 em,.center-heading h2 em,.cta-inner h2 em,.hero h1 em,.lifestyle-copy h2 em,.section-heading h2 em{color:var(--primary);font-style:normal}.hero-sub{max-width:430px;color:var(--muted-foreground);font-size:1rem;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:1.2rem;margin-top:2rem}.watch-link{font-size:.8rem;font-weight:650}.hero-note{margin-top:1rem;color:var(--muted-foreground);font-size:.7rem}.hero-photo{position:relative;margin-top:3.2rem;width:240px}.hero-photo img{display:block;width:100%;height:145px;-o-object-fit:cover;object-fit:cover;filter:saturate(.8)}.photo-caption{padding:.7rem 0;color:var(--muted-foreground);font-size:.65rem}.browser-demo{width:min(760px,100%);margin-inline:auto;border:1px solid #d9dee9;border-radius:14px;background:#fff;box-shadow:0 24px 60px #17213b14;overflow:hidden}.browser-bar{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid #e6e9f0;background:#f4f6fa}.traffic-lights{display:flex;gap:.35rem}.traffic-lights i{display:block;width:9px;height:9px;border-radius:50%;background:#ff6f61}.traffic-lights i:nth-child(2){background:#f6c453}.traffic-lights i:nth-child(3){background:#5dca7d}.address-bar{flex:1;text-align:center;border:1px solid #dfe4ed;border-radius:6px;background:#fff;padding:.35rem .7rem;color:#778196;font-size:.72rem}.browser-content{padding:1.5rem;background:#fbfcfe}.browser-demo .feed-shell{position:relative;overflow:hidden;padding:1.25rem;border:1px solid #dfe4ee;border-radius:1rem;background:#fff;box-shadow:0 30px 70px #263d7415}.feed-foot,.feed-top{display:flex;align-items:center;justify-content:space-between;font-size:.72rem}.feed-top span{display:flex;align-items:center;gap:.5rem;font-weight:650}.feed-top i{width:7px;height:7px;border-radius:50%;background:#29bf77;box-shadow:0 0 0 4px #29bf7722}.feed-foot,.feed-top small{color:var(--muted-foreground)}.feed-map{position:relative;height:210px;margin:1rem -1.25rem;overflow:hidden;background:#f1f5fb}.map-grid{position:absolute;inset:0;opacity:.55;background-image:linear-gradient(#dfe6f1 1px,transparent 0),linear-gradient(90deg,#dfe6f1 1px,transparent 0);background-size:38px 38px;transform:rotate(-5deg) scale(1.15)}.feed-map b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#b4bed0;font-size:.58rem;letter-spacing:.18em}.map-pin{position:absolute;width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:var(--primary);box-shadow:0 2px 8px #3361ff66}.pin-one{top:32%;left:27%}.pin-two{top:47%;right:31%}.pin-three{bottom:24%;left:48%}.visitor-card{display:flex;align-items:center;gap:.75rem;padding:.8rem;border:1px solid var(--border);border-radius:.7rem;background:#fff;box-shadow:0 8px 20px #1d2c4911}.visitor-card img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.visitor-info{min-width:0;flex:1}.visitor-info span,.visitor-info strong,.visitor-source span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-info strong{font-size:.8rem}.visitor-info span,.visitor-source span{margin-top:.25rem;color:var(--muted-foreground);font-size:.65rem}.visitor-source{text-align:right}.visitor-source b{font-size:.58rem;color:#20a568}.feed-foot{padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border)}.feed-foot span{display:flex;align-items:center;gap:.35rem}.feed-foot svg{width:13px}.attention-preview{position:absolute;right:-18px;bottom:-25px;padding:1rem 1.2rem;border:1px solid #496cf4;border-radius:.7rem;background:#263760;color:#fff;box-shadow:0 15px 30px #10182733}.attention-preview p,.attention-preview span{display:block;margin:0;color:#aab4ca;font-size:.6rem}.attention-preview strong{display:block;margin:.3rem 0;font-size:1.8rem;letter-spacing:-.06em}.section-pad{padding-block:8rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:4rem}.attention-copy h2,.center-heading h2,.cta-inner h2,.lifestyle-copy h2,.section-heading h2{margin:1rem 0 0;font-size:clamp(2.5rem,4.8vw,4.5rem);line-height:.96;letter-spacing:-.07em}.section-heading>p{max-width:350px;margin:0;color:var(--muted-foreground);font-size:.9rem;line-height:1.6}.feature-icon{display:grid;place-items:center;width:42px;height:42px;margin:2rem 0 1.4rem;border-radius:.6rem;background:#e9eeff;color:var(--primary)}.feature-card p{max-width:250px;margin:0;color:var(--muted-foreground);font-size:.82rem;line-height:1.6}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.capture-card,.install-card{display:flex;flex-direction:column;padding:2rem;border:1px solid var(--border);border-radius:1rem;background:#fff;box-shadow:0 22px 55px #263d740c}.step-chip{align-self:flex-start;padding:.4rem .7rem;border-radius:99px;background:#e9eeff;color:var(--primary);font:800 .6rem/1 JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.capture-card h3,.install-card h3{margin:1.2rem 0 .55rem;font-size:1.35rem;letter-spacing:-.035em}.install-card>p{margin:0;max-width:360px;color:var(--muted-foreground);font-size:.86rem;line-height:1.6}.code-block{margin:1.5rem 0;border-radius:.75rem;overflow:hidden;background:#0e1526;border:1px solid #1c2740}.code-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;background:#0b1120;border-bottom:1px solid #1c2740}.code-bar button{border:0;border-radius:.4rem;padding:.35rem .7rem;background:#233150;color:#cdd7ef;font:700 .62rem/1 Inter,sans-serif;cursor:pointer;transition:background .2s}.code-bar button:hover{background:#2f4066;opacity:1}.code-block pre{margin:0;padding:1.1rem;overflow-x:auto}.code-block code{color:#9fb4ff;font:.72rem/1.7 JetBrains Mono,monospace;white-space:pre}.install-platforms{margin-top:auto;padding-top:1.4rem}.platform-label{display:block;margin-bottom:.75rem;color:var(--muted-foreground);font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.platform-chips{display:flex;flex-wrap:wrap;gap:.5rem}.platform-chips span{padding:.5rem .85rem;border:1px solid var(--border);border-radius:99px;background:var(--background);font-size:.73rem;font-weight:600;transition:border-color .2s,color .2s}.platform-chips span:hover{border-color:var(--primary);color:var(--primary)}.capture-rate{margin-top:1.3rem}.rate-num{display:flex;align-items:baseline;gap:.8rem;margin-bottom:1rem}.rate-num strong{min-width:5.2rem;font-size:3.6rem;line-height:.9;letter-spacing:-.06em;color:var(--foreground);font-variant-numeric:tabular-nums}.rate-num span{color:var(--muted-foreground);font-size:.82rem;font-weight:600;line-height:1.35}.rate-bar{position:relative;height:9px;border-radius:99px;background:#e9eeff;overflow:hidden}.rate-bar i{position:absolute;inset:0 65% 0 0;border-radius:99px;background:var(--primary);animation:rateFill 1.1s ease both}@keyframes rateFill{0%{right:100%}to{right:65%}}.capture-sub{margin:1.7rem 0 .6rem;color:var(--muted-foreground);font-size:.86rem;line-height:1.6}.capture-fields{margin:0;padding:0;list-style:none}.capture-fields li{display:flex;align-items:center;gap:.75rem;padding:.8rem 0;border-top:1px solid var(--border)}.capture-fields li svg{width:16px;color:#20a568;flex-shrink:0}.capture-fields li span{flex:1;color:var(--muted-foreground);font-size:.8rem}.capture-fields li b{font-size:.8rem;font-weight:650;letter-spacing:-.01em}.surface-strip{padding:1.5rem 0;border-block:1px solid var(--border)}.surface-strip .section-wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem}.surface-strip p{margin:0;font-size:.78rem;font-weight:700;letter-spacing:-.02em}.surface-strip div div{display:flex;gap:1.4rem;color:var(--muted-foreground);font-size:.7rem}.attention-section{overflow:hidden;background:#131a2c;color:#fff}.attention-grid{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:5rem;padding-block:8rem}.attention-copy>p:not(.eyebrow){max-width:350px;margin:1.6rem 0 2rem;color:#aab4ca;font-size:.95rem;line-height:1.65}.metrics-panel{padding:1.5rem;border:1px solid #303a52;border-radius:1rem;background:#1b2439;box-shadow:0 25px 70px #0003}.metrics-wide{padding:1.8rem 2rem;text-align:left}.metrics-wide .metrics-body{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;align-items:center;padding-top:1.2rem}.metrics-wide .metrics-left{display:flex;flex-direction:column;gap:1.2rem}.metrics-wide .metric-pair,.metrics-wide .metrics-row{padding-block:0}.metrics-wide .metric-pair strong{font-size:2.1rem}.metrics-wide .retention svg{height:120px}.live-strip{margin-top:1.5rem;padding-top:1.4rem;border-top:1px solid #303a52}.live-strip-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;font-size:.7rem}.live-strip-head span{display:flex;align-items:center;gap:.5rem;font-weight:650;color:#dbe1ee}.live-strip-head i{width:7px;height:7px;border-radius:50%;background:#29bf77;box-shadow:0 0 0 4px #29bf7726}.live-strip-head small{color:#70dfad;font-weight:600}.live-visitor{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border:1px solid #313c56;border-radius:.7rem;background:#222d45}.live-avatar-anon,.live-visitor img{width:38px;height:38px;border-radius:50%;flex-shrink:0}.live-visitor img{-o-object-fit:cover;object-fit:cover}.live-avatar-anon{display:grid;place-items:center;background:#2e3a57;color:#8290ab}.live-avatar-anon svg{width:17px}.live-visitor-info{flex:1;min-width:0}.live-visitor-info span,.live-visitor-info strong,.live-visitor-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-visitor-info strong{font-size:.85rem;color:#f4f6fb}.live-visitor-info span{margin-top:.2rem;color:#8d9ab2;font-size:.68rem}.live-visitor-meta{text-align:right}.live-visitor-meta b{font-size:.6rem;font-weight:800;letter-spacing:.06em;color:#70dfad}.live-visitor-meta span{margin-top:.25rem;color:#8d9ab2;font-size:.66rem}.animate-card{animation:cardIn .5s ease}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metrics-header{display:flex;justify-content:space-between;padding-bottom:1.3rem;border-bottom:1px solid #303a52}.metrics-header svg{width:25px;color:#ff6570}.panel-kicker{margin:0 0 .5rem;color:#8290ab;font-size:.61rem;letter-spacing:.13em}.metrics-header h3{margin:0;font-size:.98rem}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-block:1.35rem}.metric-pair>div{padding:.8rem;border-radius:.65rem;background:#222d45}.metric-pair p,.metrics-row p,.retention p{margin:0 0 .5rem;color:#8d9ab2;font-size:.68rem}.metric-pair strong{display:block;font-size:2rem;letter-spacing:-.06em}.metric-pair span,.metrics-row span{color:#7c8aa4;font-size:.64rem}.metric-highlight{border:1px solid #496cf4!important;background:#263760!important}.metric-up{display:flex;align-items:center;gap:.2rem;color:#70dfad!important}.metric-up svg{width:12px}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-bottom:1.5rem}.metrics-row strong{display:block;margin-bottom:.3rem;font-size:1.2rem}.retention{border-top:1px solid #303a52;padding-top:1.2rem;color:#68f}.retention>div:first-child{display:flex;justify-content:space-between}.retention>div:first-child span{color:#7c8aa4;font-size:.62rem}.retention svg{width:100%;height:95px;margin-top:1rem}.chart-labels{display:flex;justify-content:space-between;color:#7c8aa4;font-size:.6rem}.lifestyle{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:6rem;padding-block:8rem}.lifestyle-image{position:relative}.lifestyle-image img{display:block;width:100%;height:430px;-o-object-fit:cover;object-fit:cover;filter:saturate(.82)}.floating-stat{position:absolute;right:-2rem;bottom:2rem;padding:1rem 1.3rem;background:#fff;box-shadow:0 18px 40px #263d7426}.floating-stat b,.floating-stat span{display:block;font-size:.65rem;color:var(--muted-foreground)}.floating-stat strong{display:block;margin:.25rem 0;font-size:2rem;letter-spacing:-.07em}.floating-stat b{color:#20a568}.lifestyle-copy>p:last-child{max-width:300px;color:var(--muted-foreground);font-size:.92rem;line-height:1.65}.features-section{padding-top:2rem}.benefits-showcase{display:grid;grid-template-columns:.92fr 1.08fr;gap:2.5rem;align-items:stretch;margin-top:3rem}.benefit-list{display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none}.benefit-item{position:relative;display:flex;align-items:flex-start;gap:1rem;width:100%;text-align:left;padding:1.15rem 1.2rem;border:1px solid transparent;border-radius:.85rem;background:transparent;cursor:pointer;overflow:hidden;transition:background .25s,border-color .25s,box-shadow .25s}.benefit-item:hover{background:#fff;border-color:var(--border);opacity:1}.benefit-item.is-active{background:#fff;border-color:var(--border);box-shadow:0 18px 40px #1c2b5510}.benefit-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:.6rem;background:#eef1ff;color:var(--muted-foreground);transition:background .25s,color .25s}.benefit-item.is-active .benefit-icon{background:var(--primary);color:#fff}.benefit-icon svg{width:18px}.benefit-text{display:flex;flex-direction:column;gap:.3rem;min-width:0}.benefit-text strong{font-size:1rem;letter-spacing:-.02em}.benefit-text>span{color:var(--muted-foreground);font-size:.83rem;line-height:1.55;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease}.benefit-item.is-active .benefit-text>span{max-height:80px;opacity:1}.benefit-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#e6e9f2}.benefit-progress i{display:block;height:100%;width:100%;transform-origin:left;background:var(--primary);animation:benefitFill 4s linear both}@keyframes benefitFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.benefit-media{position:relative;border:1px solid var(--border);border-radius:1.1rem;background:#f2f4fb;overflow:hidden;min-height:440px}.benefit-media img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;opacity:0;transform:scale(1.02);transition:opacity .5s ease,transform .6s ease}.benefit-media img.is-active{opacity:1;transform:scale(1)}.benefit-media-glow{position:absolute;inset:auto -20% -30% -20%;height:55%;background:radial-gradient(ellipse at 50% 100%,#3d5afe22,transparent 70%);pointer-events:none}.pricing-section{padding-block:8rem;border-top:1px solid var(--border)}.center-heading{text-align:center}.center-heading>p:last-child{margin:1.2rem 0 0;color:var(--muted-foreground);font-size:.9rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem}.price-card{padding:1.8rem;border:1px solid var(--border);background:#fff}.price-featured{border:2px solid var(--primary);box-shadow:0 15px 45px #3361ff16}.price-top{display:flex;align-items:center;justify-content:space-between}.price-top h3{margin:0;font-size:1rem}.price-top span{border-radius:99px;padding:.3rem .5rem;background:#e9eeff;color:var(--primary);font-size:.58rem;font-weight:700}.price{display:flex;align-items:baseline;gap:.3rem;margin-top:1.8rem}.price strong{font-size:2.8rem;letter-spacing:-.08em}.price span{font-size:.72rem}.price span,.price-card>p{color:var(--muted-foreground)}.price-card>p{min-height:42px;margin:.5rem 0 1.5rem;font-size:.8rem;line-height:1.5}.price-card ul{display:flex;flex-direction:column;gap:.7rem;min-height:106px;margin:0 0 1.8rem;padding:0;list-style:none;font-size:.78rem}.price-card li{display:flex;align-items:center;gap:.55rem}.price-card li svg{width:15px;color:var(--primary)}.price-card .button{width:100%}.cta-section{background:var(--primary);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding-block:6.5rem}.cta-inner h2{font-size:clamp(3rem,6vw,5.8rem)}.cta-inner>div:last-child{max-width:265px}.cta-inner>div:last-child p{margin:0 0 1.4rem;color:#d8e0ff;font-size:.9rem;line-height:1.5}.site-footer{color:var(--muted-foreground);font-size:.7rem}.footer-inner{align-items:center;justify-content:space-between;padding-block:2rem}.footer-inner,.footer-inner>div{display:flex;gap:1.25rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}@media(max-width:850px){.nav-actions,.nav-links{display:none}.menu-button{display:grid;place-items:center}.mobile-menu{display:flex;flex-direction:column;gap:1.2rem;padding:1.2rem 24px;border-top:1px solid var(--border);font-size:.8rem}.attention-grid,.hero-inner,.lifestyle{grid-template-columns:1fr;gap:3rem}.hero-inner{padding-block:4rem 4.5rem}.metrics-wide .metrics-body{grid-template-columns:1fr;gap:1.6rem}.attention-grid,.lifestyle{padding-block:6rem}.lifestyle-copy{max-width:500px}.surface-strip .section-wrap{align-items:flex-start;flex-direction:column;gap:1rem}.how-grid{grid-template-columns:1fr;gap:1.2rem}.benefits-showcase{grid-template-columns:1fr;gap:1.5rem}.benefit-media{order:-1;min-height:300px}.feature-0{grid-row:span 1;min-height:220px}.pricing-grid{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.section-wrap{width:calc(100% - 32px)}.hero h1{font-size:clamp(3.2rem,16vw,5rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}.attention-preview{right:10px}.pricing-section,.section-pad{padding-block:5.5rem}.benefit-media{min-height:240px}.metrics-panel{padding:1rem}.metrics-row{gap:.5rem}.metrics-row strong{font-size:.95rem}.lifestyle-image img{height:300px}.floating-stat{right:1rem;bottom:1rem}.cta-inner{align-items:flex-start;flex-direction:column;padding-block:5rem}.footer-inner>div{gap:1rem}.surface-strip .section-wrap>div{flex-wrap:wrap;gap:.8rem 1rem}}.laptop{width:100%;filter:drop-shadow(0 50px 90px #00000059)}.laptop-screen{border:solid #10141f;border-width:11px 11px 22px;border-radius:20px 20px 6px 6px;background:#0f1626;overflow:hidden}.laptop-base{position:relative;height:15px;margin:0 -5.5%;border-radius:2px 2px 12px 12px;background:linear-gradient(180deg,#3a4560,#2c3548 8%,#1a2133 70%,#12182a)}.laptop-base i{position:absolute;left:50%;top:0;transform:translateX(-50%);width:120px;height:6px;border-radius:0 0 9px 9px;background:#0c111e}.laptop .device-bar{background:#eef1f6;border-bottom:1px solid #dbe0ea}.laptop .device-url{background:#fff;color:#525d72;border:1px solid #e2e6ee}.logo>svg{width:24px;height:24px}