@font-face{font-family:'Povod Cormorant';font-style:normal;font-weight:500;font-display:swap;src:url('cormorant-normal-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Povod Cormorant';font-style:normal;font-weight:500;font-display:swap;src:url('cormorant-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
#browserHome *{box-sizing:border-box}
body.povod-browser-home{scroll-behavior:smooth}
#browserHome{margin:0;background:#F8F7F4;color:#665E57;font:14px/1.5 Onest,Arial,sans-serif;-webkit-font-smoothing:antialiased}
#browserHome a{color:inherit;text-decoration:none}
#browserHome button{font:inherit;color:inherit}
#browserHome button,#browserHome a{-webkit-tap-highlight-color:transparent}
#browserHome a:focus-visible,#browserHome button:focus-visible{outline:2px solid #c87660;outline-offset:4px}
#browserHome figure,#browserHome p,#browserHome h1,#browserHome h2{margin:0}
#browserHome h1,#browserHome h2{font-family:'Povod Cormorant',Georgia,serif;font-weight:500;color:#856E60}
#browserHome h1{font-size:clamp(65px,6.1vw,88px);line-height:.96;letter-spacing:-.038em}
#browserHome .bh-brandbar{max-width:1280px;margin:auto;height:116px;padding:10px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
#browserHome .bh-brandbar .bh-brand{display:block;width:138px;height:69px}
#browserHome .bh-brand img{display:block;width:100%;height:100%;object-fit:contain}
#browserHome .bh-brandbar nav{display:flex;gap:32px;font-size:12px;color:#827A74}
#browserHome .bh-brandbar nav a:hover{color:#a55f48}
#browserHome .header-entry{font-size:12px;padding:8px 18px;border:1px solid #DFD3CA;border-radius:24px;background:linear-gradient(150deg,#fff9,#faf7f180)}
#browserHome .header-entry span{margin-left:10px}
#browserHome .bh-hero{max-width:1280px;margin:0 auto;padding:58px 40px 64px}
#browserHome .bh-hero-split{display:grid;grid-template-columns:.95fr 1.2fr;gap:30px;align-items:center;min-height:584px}
#browserHome .bh-hero-copy{padding-bottom:4px;position:relative;z-index:2}
#browserHome .bh-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#987260;margin-bottom:23px}
#browserHome .bh-hero-description{font-size:16px;line-height:1.65;color:#827A74;margin-top:28px;max-width:420px}
#browserHome .bh-entry-actions{margin-top:33px;position:relative;z-index:3}
#browserHome .bh-entry-buttons{display:flex;align-items:center;gap:10px}
#browserHome .bh-action{min-height:46px;padding:13px 20px;border-radius:28px;display:inline-flex;gap:18px;justify-content:center;align-items:center;font-size:12px;white-space:nowrap;transition:background .2s,box-shadow .2s}
#browserHome .bh-action.bh-primary{background:linear-gradient(135deg,#F79276,#F47B5C 60%,#e66e50);border:1px solid #F1876B;color:#fff;box-shadow:0 5px 14px #ec81682b,inset 0 1px 1px #ffffff6b}
#browserHome .bh-action.bh-primary:hover{background:#e6684a;box-shadow:0 7px 18px #ec816837}
#browserHome .bh-action.bh-secondary{background:linear-gradient(135deg,#ffffff88,#f8f5ee90);border:1px solid #DFD3CA;color:#987260}
#browserHome .bh-action.bh-secondary:hover{background:#fff9}
#browserHome .guest-note{font-size:10px;color:#9b8d82;margin-top:13px}
#browserHome .bh-hero-art{position:relative;margin:0 -12px 0 -5px;isolation:isolate}
#browserHome .bh-art-halo{position:absolute;left:13%;top:10%;width:78%;height:78%;background:radial-gradient(ellipse,#F1D9CC77 0%,#f7e8df28 60%,transparent 75%);z-index:-1}
#browserHome .bh-fan-shell{position:relative}
#browserHome .bh-prototype-fan{position:relative;width:100%;aspect-ratio:800/540;isolation:isolate;overflow:hidden;pointer-events:none}
#browserHome .bh-fan-fallback{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.92;transition:opacity .2s}
#browserHome .bh-prototype-fan[data-ready=true]>.bh-fan-fallback{opacity:0}
#browserHome .bh-hero-art figcaption{text-align:center;font-size:10px;letter-spacing:.025em;color:#a2968a;margin:10px 0 0}
#browserHome .bh-benefit-line{max-width:1184px;margin:3px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #DFD3CA88;padding:30px 8px 22px}
#browserHome .bh-benefit-line article{display:flex;gap:16px;align-items:center}
#browserHome .bh-tiny-symbol{font-family:'Povod Cormorant',serif;font-size:30px;font-weight:400;color:#d4b19e;min-width:32px}
#browserHome .bh-benefit-line h2{font-family:Onest,Arial,sans-serif;font-weight:500;font-size:13px;color:#987260}
#browserHome .bh-benefit-line p{font-size:11px;margin-top:5px;color:#92867c}
#browserHome .how-strip{max-width:1184px;margin:0 auto;text-align:center;padding:23px 0 36px;font-size:11px;color:#a29489}
#browserHome .how-strip span{margin:0 15px;color:#d9baaa}
#browserHome .bh-site-footer{max-width:1200px;margin:0 auto;padding:26px 20px 32px;border-top:1px solid #DFD3CA77;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a2968c;font-size:9px}
#browserHome .bh-site-footer div{display:flex;gap:24px}
#browserHome .direction-2{background:#efeae2}
#browserHome .direction-2 .bh-brandbar{height:94px;max-width:1240px}
#browserHome .poster{width:calc(100% - 80px);max-width:1160px;margin:10px auto 0;padding:40px 48px 26px;border:1px solid #fff8;border-radius:36px;background:radial-gradient(ellipse at 50% 58%,#F7E7DC66,transparent 61%),#F8F7F4;box-shadow:0 18px 50px #7a63550b;text-align:center;position:relative}
#browserHome .poster-intro .bh-eyebrow{margin-bottom:16px}
#browserHome .poster h1{font-size:clamp(66px,5.4vw,78px);line-height:1.02;letter-spacing:-.028em}
#browserHome .poster h1 span{color:#ae7c66}
#browserHome .poster .bh-hero-description{margin:18px auto 0;font-size:13px}
#browserHome .poster-art{position:relative;width:min(100%,622px);margin:6px auto -6px;isolation:isolate}
#browserHome .poster-orbit{position:absolute;width:90%;height:73%;left:5%;top:9%;border-radius:50%;border:1px solid #dbc5b63b;background:radial-gradient(ellipse,#f2ded063,transparent 66%);z-index:-1}
#browserHome .poster-label{position:absolute;font-size:11px;color:#aa8470;z-index:3;background:linear-gradient(135deg,#ffffffaa,#fff6ed99);border:1px solid #ffffffaa;padding:9px 15px;border-radius:25px;box-shadow:0 4px 16px #9e746611}
#browserHome .label-left{left:-76px;top:38%;transform:rotate(-7deg)}
#browserHome .label-right{right:-90px;top:56%;transform:rotate(7deg)}
#browserHome .poster .bh-entry-actions{margin-top:3px}
#browserHome .poster .bh-entry-buttons{justify-content:center}
#browserHome .poster-bottom{display:flex;justify-content:center;align-items:center;gap:25px;font-size:10px;color:#a38c7b;padding-top:26px}
#browserHome .poster-bottom i{height:3px;width:3px;border-radius:50%;background:#d6bfae}
#browserHome .poster-how{text-align:center;padding:48px 20px 46px}
#browserHome .poster-how h2{font-size:38px;line-height:1.1}
#browserHome .poster-how p{color:#97877a;font-size:12px;line-height:1.8;margin-top:14px}
#browserHome .direction-2 .bh-site-footer{border-color:#d8cbb9aa}
#browserHome .tour-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:86px;align-items:center;min-height:690px;padding-top:24px;padding-bottom:64px}
#browserHome .tour-copy h1{font-size:76px}
#browserHome .tour-copy .bh-hero-description{font-size:14px;margin-top:19px}
#browserHome .tour-copy .bh-eyebrow{margin-bottom:18px}
#browserHome .tour-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:550px;background:radial-gradient(ellipse at 50% 55%,#e7d8cc70,transparent 68%)}
#browserHome .demo-heading{display:flex;align-items:center;gap:9px;font-size:10px;color:#9b8b7d;margin-bottom:23px}
#browserHome .demo-dot{height:5px;width:5px;border-radius:50%;background:#d2a78e}
#browserHome .demo-card{position:relative;width:400px;max-width:100%;aspect-ratio:400/421.54;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 18px 35px -10px #7854412b,0 4px 7px #73554012}
#browserHome .demo-caption{color:#a4978c;font-size:10px;margin-top:25px}
#browserHome .demo-tabs{display:grid;gap:0;margin-top:28px}
#browserHome .demo-tabs button{border:0;background:transparent;text-align:left;display:flex;align-items:center;padding:14px 8px;gap:15px;width:100%;border-bottom:1px solid #e6ddd48a;cursor:pointer;min-height:64px}
#browserHome .scene-number{font-family:'Povod Cormorant',Georgia,serif;color:#bda596;font-size:25px;min-width:31px}
#browserHome .demo-tabs strong{font-weight:500;font-size:12px;display:block;color:#948172}
#browserHome .demo-tabs small{font-size:10px;color:#a79a8d;display:block;margin-top:4px}
#browserHome .scene-check{margin-left:auto;opacity:0;color:#cb8b70;font-size:13px}
#browserHome .demo-tabs button[aria-selected=true] strong{color:#aa7056}
#browserHome .demo-tabs button[aria-selected=true] .scene-check{opacity:1}
#browserHome .demo-tabs button[aria-selected=true] .scene-number{color:#c88d70}
#browserHome .demo-tabs button:hover{background:#ffffff55}
#browserHome .tour-copy .bh-entry-actions{margin-top:28px}
#browserHome .tour-more{max-width:1144px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;border-top:1px solid #DFD3CA88;padding:48px 20px 30px}
#browserHome .tour-more h2{font-size:55px;line-height:1.1}
#browserHome .tour-more p:not(.bh-eyebrow){font-size:13px;color:#928477;line-height:1.8;margin-top:17px}
#browserHome .tour-more .bh-fan-shell{max-width:470px}
#browserHome .tour-more .bh-eyebrow{margin-bottom:15px}
#browserHome .fan-seed{position:absolute!important;left:-10000px!important;top:0!important;width:800px!important;height:560px!important;overflow:hidden!important}
#browserHome .prototype-mark{display:none}
@media(min-width:1600px){
#browserHome .bh-hero-split{min-height:670px}
#browserHome .poster{padding-top:50px}
#browserHome .poster-art{width:680px}
#browserHome .tour-hero{min-height:730px}}
@media(max-width:1050px) and (min-width:701px){
#browserHome .bh-hero{padding-left:32px;padding-right:32px}
#browserHome .bh-hero-split{gap:12px;grid-template-columns:1fr 1fr}
#browserHome h1{font-size:66px}
#browserHome .bh-hero-description{font-size:14px}
#browserHome .bh-entry-buttons{flex-wrap:wrap;gap:8px}
#browserHome .bh-action{padding:12px 16px}
#browserHome .bh-benefit-line{margin-left:32px;margin-right:32px;gap:18px}
#browserHome .tour-hero{gap:32px}
#browserHome .tour-copy h1{font-size:64px}
#browserHome .poster-label{display:none}
#browserHome .tour-visual .demo-card{width:350px}
#browserHome .poster{padding-left:25px;padding-right:25px}}
@media(max-width:700px){
#browserHome .bh-brandbar{height:82px;padding:12px 22px;gap:10px}
#browserHome .bh-brandbar .bh-brand{width:106px;height:53px}
#browserHome .bh-brandbar nav{display:none}
#browserHome .header-entry{font-size:10px;padding:7px 14px}
#browserHome .bh-hero{padding:25px 22px 30px}
#browserHome .bh-hero-split{display:flex;flex-direction:column;min-height:0;gap:0;text-align:center}
#browserHome .bh-hero-copy{display:contents}
#browserHome .bh-hero-copy>.bh-eyebrow{order:0;margin-bottom:15px;font-size:8px}
#browserHome .bh-hero-copy>h1{order:1;font-size:51px;line-height:.99;letter-spacing:-.04em}
#browserHome .bh-hero-copy>.bh-hero-description{order:2;margin-top:17px;font-size:12px;line-height:1.65;max-width:325px}
#browserHome .bh-desktop-break{display:none}
#browserHome .bh-hero-art{order:3;width:calc(100% + 8px);max-width:386px;margin:16px -4px 0}
#browserHome .bh-hero-art .bh-prototype-fan{aspect-ratio:800/528}
#browserHome .bh-hero-art figcaption{font-size:8px;margin:8px 0 0}
#browserHome .bh-entry-actions{width:100%;margin-top:23px}
#browserHome .bh-hero-copy>.bh-entry-actions{order:4;margin-top:23px}
#browserHome .bh-entry-buttons{display:grid;grid-template-columns:1fr;gap:9px}
#browserHome .bh-action{width:100%;max-width:330px;min-height:44px;margin:auto;font-size:11px;padding:12px 20px;gap:15px}
#browserHome .guest-note{font-size:9px;margin-top:11px}
#browserHome .bh-benefit-line{margin:13px 22px 0;gap:17px;grid-template-columns:1fr;padding:22px 0}
#browserHome .bh-benefit-line article{gap:13px}
#browserHome .bh-benefit-line h2{font-size:11px}
#browserHome .bh-benefit-line p{font-size:10px;margin-top:2px}
#browserHome .bh-tiny-symbol{font-size:25px}
#browserHome .how-strip{padding:18px 22px 30px;font-size:9px;line-height:2}
#browserHome .how-strip span{margin:0 7px}
#browserHome .bh-site-footer{margin:0 22px;padding:20px 0 28px;gap:15px;display:flex;flex-direction:column;align-items:center;font-size:8px}
#browserHome .bh-site-footer div{gap:15px;flex-wrap:wrap;justify-content:center}
#browserHome .direction-2 .bh-brandbar{height:78px}
#browserHome .poster{width:calc(100% - 24px);margin-top:0;padding:29px 16px 24px;border-radius:28px}
#browserHome .poster-intro .bh-eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:14px}
#browserHome .poster h1{font-size:43px;line-height:1.04;letter-spacing:-.034em}
#browserHome .poster .bh-hero-description{font-size:11px;margin-top:15px;max-width:270px;line-height:1.7}
#browserHome .poster-art{width:calc(100% + 12px);margin:20px -6px 1px}
#browserHome .poster .bh-prototype-fan{aspect-ratio:800/548}
#browserHome .poster-label{display:none}
#browserHome .poster .bh-entry-actions{margin-top:22px}
#browserHome .poster .bh-action{max-width:300px}
#browserHome .poster .guest-note{font-size:8px}
#browserHome .poster-bottom{gap:15px;font-size:8px;padding-top:23px}
#browserHome .poster-how{padding:35px 26px 33px}
#browserHome .poster-how h2{font-size:31px}
#browserHome .poster-how p{font-size:10px;margin-top:10px}
#browserHome .tour-hero{display:flex;flex-direction:column;gap:0;padding-top:23px;padding-bottom:35px;min-height:0;text-align:center}
#browserHome .tour-copy{display:contents}
#browserHome .tour-copy>.bh-eyebrow{order:0;font-size:8px;margin-bottom:13px}
#browserHome .tour-copy>h1{order:1;font-size:50px;line-height:1}
#browserHome .tour-copy>.bh-hero-description{order:2;font-size:11px;line-height:1.7;margin-top:15px;max-width:280px}
#browserHome .demo-tabs{order:3;display:flex;width:100%;gap:6px;margin-top:21px}
#browserHome .demo-tabs button{min-height:42px;width:33.333%;border:1px solid #DFD3CA88;border-radius:15px;padding:8px 4px;justify-content:center;gap:0;text-align:center}
#browserHome .demo-tabs strong{font-size:9px;font-weight:400}
#browserHome .demo-tabs button[aria-selected=true]{border-color:#c8977e;background:#f0e6dc99}
#browserHome .scene-number,#browserHome .scene-check,#browserHome .demo-tabs small{display:none}
#browserHome .tour-visual{order:4;min-height:0;width:100%;margin-top:20px;background:radial-gradient(ellipse,#e7d8cc70,transparent 70%)}
#browserHome .demo-card{width:266px;border-radius:16px;box-shadow:0 15px 30px -10px #7854412b,0 3px 7px #73554012}
#browserHome .demo-heading{display:none}
#browserHome .demo-caption{margin-top:15px;font-size:8px}
#browserHome .tour-copy>.bh-entry-actions{order:5;margin-top:23px}
#browserHome .tour-more{margin:0 22px;grid-template-columns:1fr;gap:15px;padding:32px 0 17px;text-align:center}
#browserHome .tour-more h2{font-size:38px}
#browserHome .tour-more p:not(.bh-eyebrow){font-size:11px;margin-top:12px}
#browserHome .tour-more .bh-fan-shell{width:100%;max-width:330px;margin:auto}
#browserHome .tour-more .bh-eyebrow{font-size:8px}}
@media(max-width:350px){
#browserHome .bh-brandbar{padding-inline:18px}
#browserHome .bh-hero{padding-inline:18px}
#browserHome .bh-hero-copy>h1{font-size:45px}
#browserHome .bh-hero-copy>.bh-hero-description{font-size:11px}
#browserHome .poster h1{font-size:36px}
#browserHome .poster{padding-inline:12px}
#browserHome .tour-copy>h1{font-size:46px}
#browserHome .demo-card{width:242px}
#browserHome .demo-tabs strong{font-size:8px}
#browserHome .bh-action{font-size:10px}
#browserHome .bh-benefit-line{margin-inline:18px}}
@media(prefers-reduced-motion:reduce){
body.povod-browser-home{scroll-behavior:auto}
#browserHome .bh-action,#browserHome .bh-fan-fallback{transition:none}}
#browserHome .bh-prototype-fan{background:url('/public/brand/social-preview-20261013-v1.jpg') center/contain no-repeat}
#browserHome .bh-prototype-fan[data-ready=true]{background-image:none}
#browserHome.direction-1 .bh-brandbar{justify-content:center}
#browserHome.direction-1 .bh-site-footer{border-top:0;padding-top:18px}
#browserHome.direction-1 .bh-benefit-line article{align-items:flex-start}
#browserHome.direction-1 .bh-tiny-symbol{line-height:1.05;padding-top:1px}
#browserHome.direction-1 .bh-benefit-line h2{line-height:1.5}
#browserHome.direction-1 .bh-benefit-line p{line-height:1.65}
@media(min-width:701px){
#browserHome.direction-1 .bh-entry-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:430px;gap:10px}
#browserHome.direction-1 .bh-action{width:100%;padding-inline:16px;gap:12px}}

/* Bring the centered logo closer to the opening content. */
@media(min-width:701px){
#browserHome.direction-1 .bh-brandbar .bh-brand{transform:translateY(28px)}
#browserHome.direction-1 .bh-hero-split{min-height:540px;padding-top:28px;padding-bottom:42px}}
@media(max-width:700px){
#browserHome.direction-1 .bh-brandbar .bh-brand{transform:translateY(8px)}
#browserHome.direction-1 .bh-hero-split{padding-top:17px}}

/* Larger approved wordmark, with the existing candle motion. */
@media(min-width:701px){
#browserHome.direction-1 .bh-brandbar .bh-brand{width:184px;height:92px;transform:translateY(40px)}}
@media(max-width:700px){
#browserHome.direction-1 .bh-brandbar .bh-brand{width:136px;height:68px;transform:translateY(15px)}}

/* Browser entry is the chosen full-width layout; app routes keep their own shell. */
body.povod-browser-home{background:#F8F7F4}
body.povod-browser-home>.shell{width:100%;max-width:none;margin:0;padding:0!important}
body.povod-browser-home>.shell>.topbar,body.povod-browser-home>.shell>.footer,body.povod-browser-home>.povod-native-wordmark{display:none!important}
body.povod-browser-home #homeView{width:100%;max-width:none;margin:0;padding:0}
#browserHome .bh-action.bh-primary{color:#F2E4CF}
#browserHome .bh-hero-copy h1{margin:0}
#browserHome .bh-brandbar .bh-brand img{margin:0}
#browserHome .bh-site-footer{border:0}

body.povod-browser-home>.povod-native-menu,body.povod-browser-home>.povod-native-back{display:none!important}

body.povod-browser-home>.povod-nav-trigger{display:none!important}