.landing{background:var(--bg);min-height:100vh;color:var(--t1);overflow-x:hidden}.landing .fade-up{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.landing .fade-up.visible{opacity:1;transform:translateY(0)}.landing nav{z-index:200;height:52px;padding:0 max(22px, env(safe-area-inset-right)) 0 max(22px, env(safe-area-inset-left));border-bottom:1px solid #0000;justify-content:space-between;align-items:center;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.landing nav.scrolled{background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom-color:var(--border)}.landing .nav-links{gap:28px;list-style:none;display:flex}.landing .nav-links a{font-family:var(--font-marketing);letter-spacing:-.01em;color:var(--t2);font-size:12px;font-weight:400;text-decoration:none;transition:color .2s}.landing .nav-links a:hover{color:var(--t1)}.landing .nav-cta{font-family:var(--font-marketing);color:var(--btn-primary-fg);background:var(--btn-primary-bg);letter-spacing:-.01em;border:none;border-radius:980px;padding:6px 14px;font-size:12px;font-weight:400;text-decoration:none;transition:background .2s}.landing .nav-cta:hover{background:var(--btn-primary-hover)}.landing .nav-end{align-items:center;gap:10px;display:flex}.landing-nav-mobile{display:none}.landing-nav-toggle{width:40px;height:40px;color:var(--t1);cursor:pointer;z-index:220;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.landing-nav-toggle-bars{flex-direction:column;justify-content:center;gap:5px;width:18px;height:14px;display:flex}.landing-nav-toggle-bars span{transform-origin:50%;background:currentColor;border-radius:1px;width:100%;height:1.5px;transition:transform .2s,opacity .2s;display:block}.landing-nav-toggle-bars[data-open] span:first-child{transform:translateY(6.5px)rotate(45deg)}.landing-nav-toggle-bars[data-open] span:nth-child(2){opacity:0}.landing-nav-toggle-bars[data-open] span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.landing-nav-backdrop{z-index:210;cursor:pointer;background:#00000047;border:none;margin:0;padding:0;position:fixed;inset:0}.landing-nav-sheet{z-index:215;padding:12px 22px 28px;padding-bottom:max(28px, env(safe-area-inset-bottom));background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border);position:fixed;top:52px;left:0;right:0;box-shadow:0 12px 32px #00000014}.landing-nav-sheet-links{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.landing-nav-sheet-links a{font-family:var(--font-marketing);letter-spacing:-.02em;color:var(--t2);border-bottom:1px solid var(--border);padding:14px 0;font-size:17px;font-weight:500;text-decoration:none;display:block}.landing-nav-sheet-links li:last-child a{border-bottom:none}.landing-nav-sheet-links a:hover,.landing-nav-sheet-links a.active{color:var(--t1)}.landing .hero{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:100px 22px 80px;display:flex;position:relative}.landing .hero-badge{font-family:var(--font-marketing);letter-spacing:.04em;color:var(--accent);text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:600}.landing h1{font-family:var(--font-marketing);letter-spacing:-.025em;color:var(--t1);max-width:900px;margin-bottom:20px;font-size:clamp(48px,7vw,80px);font-weight:600;line-height:1.05}.landing .hero-sub{color:var(--t2);letter-spacing:-.01em;max-width:640px;margin-bottom:28px;font-size:clamp(19px,2.5vw,24px);font-weight:400;line-height:1.35}.landing .hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.landing .btn-primary{font-family:var(--font-marketing);background:var(--btn-primary-bg);color:var(--btn-primary-fg);letter-spacing:-.01em;border:none;border-radius:980px;padding:12px 22px;font-size:17px;font-weight:400;text-decoration:none;transition:background .2s;display:inline-block}.landing .btn-primary:hover{background:var(--btn-primary-hover)}.landing .btn-ghost{font-family:var(--font-marketing);color:var(--accent);letter-spacing:-.01em;background:0 0;border:none;align-items:center;gap:6px;padding:12px 8px;font-size:17px;font-weight:400;text-decoration:none;transition:color .2s;display:inline-flex}.landing .btn-ghost:hover{color:var(--t1);text-decoration:underline}.landing .mockup-wrap{width:100%;max-width:920px;margin-top:64px}.landing .product-frame{background:var(--surface);border:1px solid var(--border);box-shadow:var(--frame-shadow);border-radius:18px;overflow:hidden}.landing .p-titlebar{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:11px 18px;display:flex}.landing .wdots{gap:6px;display:flex}.landing .wd{border-radius:50%;width:11px;height:11px}.landing .wd-r{background:#ff5f57}.landing .wd-y{background:#febc2e}.landing .wd-g{background:#28c840}.landing .p-tabs{flex:1;margin-left:14px;display:flex}.landing .ptab{font-family:var(--font-marketing);color:var(--t3);border-right:1px solid var(--border);padding:4px 16px;font-size:11px;font-weight:500}.landing .ptab.on{color:var(--t1);background:var(--bg)}.landing .p-body{grid-template-columns:210px 1fr;display:grid}.landing .p-sidebar{border-right:1px solid var(--border);padding:16px 14px}.landing .sl{font-family:var(--font-marketing);letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin-bottom:10px;font-size:10px;font-weight:600}.landing .slab-row{border-radius:8px;align-items:center;gap:9px;margin-bottom:3px;padding:7px 9px;display:flex}.landing .slab-row.on{background:var(--accent-dim);border:1px solid var(--slab-row-active-border)}.landing .slab-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.landing .slab-n{font-family:var(--font-marketing);color:var(--t1);font-size:11px;font-weight:500}.landing .slab-d{font-family:var(--font-marketing);color:var(--t3);margin-top:1px;font-size:10px}.landing .slab-y{font-family:var(--font-marketing);color:var(--accent);font-size:11px;font-weight:600}.landing .mat-info div{font-family:var(--font-marketing);color:var(--t2);font-size:11px;line-height:1.9}.landing .mat-info .ma{color:var(--accent);font-weight:600}.landing .p-canvas{background:var(--mock-canvas);padding:18px;position:relative;overflow:hidden}.landing .fplan{width:100%;height:288px;position:relative}.landing .room{border:1px solid var(--mock-room-border);position:absolute}.landing .surf{border-radius:2px;justify-content:center;align-items:center;display:flex;position:absolute}.landing .surf-lbl{font-family:var(--font-marketing);color:var(--mock-surf-label);white-space:nowrap;font-size:9px;font-weight:500}.landing .scan{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:1px;animation:3.4s ease-in-out infinite landingScan;position:absolute;left:0;right:0}@keyframes landingScan{0%{opacity:0;top:0%}8%{opacity:.65}92%{opacity:.65}to{opacity:0;top:100%}}.landing .pill{font-family:var(--font-marketing);background:var(--pill-bg);border:1px solid var(--border);color:var(--accent);white-space:nowrap;border-radius:6px;padding:3px 9px;font-size:10px;font-weight:500;position:absolute}.landing .statsbar{border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;gap:36px;padding:12px 20px;display:flex}.landing .st-l{font-family:var(--font-marketing);color:var(--t3);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.landing .st-v{font-family:var(--font-marketing);color:var(--t1);font-size:14px;font-weight:600}.landing .st-v.acc{color:var(--accent)}.landing .app-preview{--color-bg:#fff;--color-surface:#f7f7f8;--color-surface-raised:#ececf1;--color-border:#00000014;--color-text:#0d0d0d;--color-text-muted:#6e6e80;--color-accent:#c4a37a;--color-wall-edge:#00000047;background:var(--color-bg);text-align:left}.landing .hp-project-meta{align-items:baseline;gap:8px;min-width:0;margin-left:4px;display:flex}.landing .hp-project-name{font-family:var(--font-marketing);color:var(--t1);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.landing .hp-project-unit{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);flex-shrink:0;font-size:10px}.landing .hp-tabs{gap:0;margin-left:auto;display:flex}.landing .hp-tab{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 14px;font-size:10px;transition:color .2s,border-color .2s,background .2s}.landing .hp-tab.on{color:var(--t1);border-bottom-color:var(--accent);background:var(--color-bg)}.landing .hp-tab:hover:not(.on){color:var(--t2)}.landing .hp-body{background:var(--color-bg);min-height:320px}.landing .hp-plan-wrap{border-bottom:1px solid var(--color-border);padding:16px 20px 8px}.landing .hp-plan-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.landing .hp-plan-label{font-family:var(--font-mono), monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text);font-size:10px}.landing .hp-plan-hint{font-family:var(--font-mono), monospace;letter-spacing:.08em;color:var(--color-text-muted);font-size:10px}.landing .hp-metrics{flex-wrap:wrap;align-items:flex-end;gap:24px;padding:16px 20px 20px;display:flex}.landing .hp-metrics-total{text-align:right;flex-direction:column;gap:4px;margin-left:auto;display:flex}.landing .hp-total-value{color:var(--color-accent);letter-spacing:.04em;font-size:20px}.landing .hp-total-unit{color:var(--color-text-muted);margin-left:4px;font-size:11px}.landing .hp-stat{flex-direction:column;gap:2px;display:flex}.landing .hp-stat-label{font-family:var(--font-marketing);color:var(--t3);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.landing .hp-stat-value{font-family:var(--font-marketing);color:var(--t1);font-size:14px;font-weight:600}.landing .hp-stat-value.accent{color:var(--accent)}.landing .statsbar{gap:28px}.landing .statsbar .hp-stat{min-width:72px}@media (max-width:640px){.landing .p-titlebar{flex-wrap:wrap;gap:10px}.landing .hp-tabs{border-top:1px solid var(--border);width:100%;margin-left:0;padding-top:8px}.landing .hp-tab{text-align:center;flex:1;padding:8px 6px;font-size:9px}.landing .statsbar{gap:16px 24px}}.landing .section{max-width:980px;margin:0 auto;padding:80px 22px}.landing .sec-label{font-family:var(--font-marketing);letter-spacing:.04em;color:var(--accent);text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:600}.landing h2{font-family:var(--font-marketing);letter-spacing:-.025em;color:var(--t1);margin-bottom:16px;font-size:clamp(32px,4.5vw,48px);font-weight:600;line-height:1.08}.landing .sec-body{color:var(--t2);letter-spacing:-.01em;max-width:560px;font-size:19px;font-weight:400;line-height:1.47}.landing hr.div{border:none;border-top:1px solid var(--border);max-width:980px;margin:0 auto}.landing .feat-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px;display:grid}.landing .feat-card{background:var(--surface);border-radius:18px;padding:32px 28px;transition:background .2s}.landing .feat-card:hover{background:var(--surface-2)}.landing .feat-icon{width:32px;height:32px;color:var(--accent);margin-bottom:16px}.landing .feat-title{font-family:var(--font-marketing);letter-spacing:-.02em;color:var(--t1);margin-bottom:8px;font-size:21px;font-weight:600}.landing .feat-desc{color:var(--t2);font-size:15px;font-weight:400;line-height:1.47}.landing .steps{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;display:grid}.landing .step-n{font-family:var(--font-marketing);color:var(--accent);margin-bottom:8px;font-size:14px;font-weight:600}.landing .step-t{font-family:var(--font-marketing);letter-spacing:-.02em;color:var(--t1);margin-bottom:6px;font-size:19px;font-weight:600}.landing .step-d{color:var(--t2);font-size:15px;line-height:1.47}.landing .nums{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;display:grid}.landing .num-card{background:var(--surface);text-align:center;border-radius:18px;padding:48px 32px}.landing .num-v{font-family:var(--font-marketing);letter-spacing:-.025em;color:var(--t1);margin-bottom:10px;font-size:clamp(40px,5vw,56px);font-weight:600;line-height:1}.landing .num-v span{color:var(--accent)}.landing .num-l{font-family:var(--font-marketing);color:var(--t2);letter-spacing:-.01em;font-size:15px}.landing .showcase{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:64px 0;display:grid}.landing .showcase.reverse .showcase-visual{order:-1}.landing .showcase-visual{aspect-ratio:4/3;background:linear-gradient(145deg, var(--surface) 0%, var(--surface-2) 100%);border:1px solid var(--border);--color-accent:#c4a37a;--color-wall-edge:#00000047;--color-surface-raised:#fff;--color-text:var(--t1);--color-text-muted:var(--t2);--color-text-tertiary:var(--t3);--color-border:var(--border);border-radius:18px;justify-content:stretch;align-items:stretch;padding:14px;display:flex;overflow:hidden}.landing .showcase-visual-label{color:var(--t3);font-size:13px;font-weight:500}.landing .sc-frame{background:var(--bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 12px 32px #0000000d}.landing .sc-frame-bar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.landing .sc-frame-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.landing .sc-frame-title{color:var(--t2);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.landing .sc-frame-body{flex:1;min-height:0;position:relative;overflow:hidden}.landing .sc-takeoff{flex-direction:column;gap:12px;height:100%;padding:12px 14px 14px;display:flex}.landing .sc-takeoff svg{flex:1;width:100%;max-height:none!important}.landing .sc-chips{flex-wrap:wrap;gap:6px;display:flex}.landing .sc-chips span{letter-spacing:-.01em;color:var(--t1);background:var(--surface);border:1px solid var(--border);border-radius:980px;padding:4px 10px;font-size:11px;font-weight:500}.landing .sc-nest{pointer-events:none;height:100%;overflow:hidden}.landing .sc-nest>div{transform-origin:top;width:108%;margin-left:-4%;transform:scale(.92);padding:8px 10px 10px!important}.landing .sc-nest details,.landing .sc-nest>div>p{display:none!important}.landing .sc-export{flex-direction:column;gap:14px;height:100%;padding:16px 18px 18px;display:flex}.landing .sc-export-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.landing .sc-export-project{letter-spacing:-.02em;color:var(--t1);font-size:15px;font-weight:600}.landing .sc-export-meta{color:var(--t3);margin-top:4px;font-size:12px}.landing .sc-export-total{letter-spacing:-.03em;color:var(--accent);white-space:nowrap;font-size:20px;font-weight:600}.landing .sc-export-rows{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.landing .sc-export-rows li{border-bottom:1px solid var(--border);color:var(--t2);justify-content:space-between;gap:12px;padding:10px 14px;font-size:13px;display:flex}.landing .sc-export-rows li:last-child{border-bottom:none}.landing .sc-export-rows li span:last-child{color:var(--t1);font-weight:500}.landing .sc-export-formats{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.landing .sc-export-formats span{letter-spacing:.02em;text-transform:uppercase;color:var(--t2);border:1px solid var(--border-hi);background:var(--bg);border-radius:8px;padding:6px 10px;font-size:11px;font-weight:600}.landing .showcase-title{letter-spacing:-.022em;margin-bottom:12px;font-size:clamp(24px,3vw,32px);font-weight:600}.landing .showcase-body{color:var(--t2);font-size:17px;line-height:1.47}.landing .use-cases{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.landing .use-case{background:var(--surface);border-radius:18px;padding:28px 24px}.landing .use-case h3{margin-bottom:8px;font-size:19px;font-weight:600}.landing .use-case p{color:var(--t2);font-size:15px;line-height:1.47}.landing .comparison{border:1px solid var(--border);border-radius:18px;margin-top:40px;overflow:hidden}.landing .comparison-row{border-bottom:1px solid var(--border);grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:16px;padding:14px 24px;font-size:15px;display:grid}.landing .comparison-row:last-child{border-bottom:none}.landing .comparison-row.head{background:var(--surface);color:var(--t2);font-size:13px;font-weight:600}.landing .faq-list{margin-top:40px}.landing .faq-item{border-bottom:1px solid var(--border);padding:20px 0}.landing .faq-q{letter-spacing:-.02em;margin-bottom:8px;font-size:19px;font-weight:600}.landing .faq-a{color:var(--t2);font-size:15px;line-height:1.47}.landing .pricing-teaser{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.landing .pricing-card{background:var(--surface);text-align:center;border-radius:18px;padding:28px 24px}.landing .pricing-card.featured{box-shadow:0 0 0 1px var(--border-hi)}.landing .pricing-name{color:var(--t2);text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:600}.landing .pricing-price{letter-spacing:-.025em;margin:8px 0;font-size:32px;font-weight:600}.landing .pricing-blurb{color:var(--t2);margin-bottom:16px;font-size:14px;line-height:1.47}.landing .entity{border-bottom:1px solid var(--border);justify-content:center;padding:40px 22px 48px;display:flex}.landing .entity-inner{max-width:720px}.landing .entity p{color:var(--t2);letter-spacing:-.01em;text-align:left;margin:0;font-size:15px;line-height:1.55}.landing .entity-link{color:var(--accent);letter-spacing:-.01em;margin-top:14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.landing .entity-link:hover{text-decoration:underline}.landing .nums-note{text-align:center;max-width:520px;color:var(--t3);margin:28px auto 0;font-size:14px;line-height:1.5}.landing .nums-note a{color:var(--accent);font-weight:500;text-decoration:none}.landing .nums-note a:hover{text-decoration:underline}.landing .cta-wrap{text-align:center;background:var(--surface);padding:100px 22px}.landing .cta-sub{color:var(--t2);max-width:480px;margin:0 auto 32px;font-size:19px;line-height:1.47}.landing .cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.landing footer{border-top:1px solid var(--border);padding:20px max(22px, env(safe-area-inset-right)) 20px max(22px, env(safe-area-inset-left));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.landing .f-links{gap:24px;list-style:none;display:flex}.landing .f-links a{font-family:var(--font-marketing);color:var(--t3);font-size:12px;text-decoration:none;transition:color .2s}.landing .f-links a:hover{color:var(--t1)}.landing .f-copy{font-family:var(--font-marketing);color:var(--t3);font-size:12px}.landing .f-contact{font-family:var(--font-marketing);color:var(--accent);font-size:12px;text-decoration:none}.landing .f-contact:hover{text-decoration:underline}@media (max-width:900px){.landing .showcase{grid-template-columns:1fr}.landing .showcase.reverse .showcase-visual{order:0}.landing .use-cases,.landing .pricing-teaser{grid-template-columns:1fr}.landing .comparison-row{grid-template-columns:1fr;gap:6px}}@media (max-width:780px){.landing .nav-links{display:none}.landing-nav-mobile{display:block}.landing .hero{padding:88px max(16px, env(safe-area-inset-left)) 56px max(16px, env(safe-area-inset-right))}.landing h1{font-size:clamp(36px,11vw,56px)}.landing .hero-sub{font-size:17px}.landing .hero-actions{flex-direction:column;width:100%;max-width:320px}.landing .hero-actions a{box-sizing:border-box;justify-content:center;width:100%}.landing .section{padding:64px max(16px, env(safe-area-inset-left))}.landing .feat-grid,.landing .steps,.landing .nums,.landing .p-body{grid-template-columns:1fr}.landing .p-sidebar{display:none}.landing .p-frame{border-radius:12px;margin-left:-8px;margin-right:-8px}.landing footer{text-align:center;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));flex-direction:column}.landing .cta-wrap{padding:64px max(16px, env(safe-area-inset-left))}}.landing{position:relative}.landing:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(55% 38% at 14% 0%, var(--accent-glow), transparent 70%), radial-gradient(45% 32% at 88% 10%, #6e6e8014, transparent 70%), radial-gradient(65% 45% at 50% 100%, var(--accent-dim), transparent 75%);position:fixed;inset:0}.landing>*{z-index:1;position:relative}.landing nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(22px)saturate(1.6);backdrop-filter:blur(22px)saturate(1.6);border-bottom:1px solid var(--border);box-shadow:inset 0 -.5px #ffffff59,0 1px 12px #0000000a}.landing .nav-cta{-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);box-shadow:inset 0 1px #ffffff40,0 4px 14px #0000001f}.landing .product-frame{-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);border:1px solid var(--border-hi);box-shadow:inset 0 1px 0 #ffffffb3, var(--frame-shadow);background:#f5f5f799}.landing .feat-card,.landing .num-card,.landing .use-case,.landing .pricing-card{-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);border:1px solid var(--border);background:#f5f5f78c;transition:transform .25s,box-shadow .25s,background .25s;box-shadow:inset 0 1px #ffffffbf,0 8px 28px #0000000d}.landing .feat-card:hover,.landing .use-case:hover,.landing .pricing-card:hover{background:#ffffffb8;transform:translateY(-2px);box-shadow:inset 0 1px #ffffffd9,0 14px 40px #00000014}.landing .cta-wrap{background:linear-gradient(160deg, var(--accent-dim), transparent 50%), #f5f5f799;-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);border:1px solid var(--border);box-shadow:inset 0 1px #ffffffbf,0 12px 44px #00000012}