:root{--ink:#171715;--orange:#f04b2f;--orange-dark:#c93621;--lime:#d7ff43;--paper:#f6f6f3;--white:#fff;--muted:#64645e;--line:#e4e4df;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--white);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.shell{width:min(1280px,calc(100% - 64px));margin-inline:auto}.eyebrow{font-size:.82rem;font-weight:800;color:var(--orange);letter-spacing:-.01em}.eyebrow.light{color:#ffe0d7}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:11px 23px;border-radius:999px;font-size:.87rem;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0002}.button span{font-size:1.15rem}.button-solid{background:var(--orange);color:white}.button-line{border:1.5px solid var(--orange);color:var(--orange)}.button-light{background:var(--white);color:var(--orange)}.button-white{background:var(--white);color:var(--orange-dark)}
.topline{background:#fff2f0;color:#a53a2b;font-size:.72rem;font-weight:700}.topline .shell{min-height:42px;display:flex;align-items:center;justify-content:center;gap:15px}.topline-icon{font-size:1.15rem}.topline-arrow{font-size:1.15rem}.topline a{border:1px solid #d98578;border-radius:999px;padding:3px 13px}.topline a:hover{background:#ffe0da}.header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 8px #0000000c}.navbar{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:80px}.logo{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;font-size:1.75rem;font-weight:800;letter-spacing:-.075em;line-height:1}.logo strong{color:var(--orange)}.logo-icon{display:block;width:48px;height:48px;overflow:hidden}.logo-icon img{max-width:none;width:116px;height:auto}.nav-panel{display:flex;align-items:center;gap:clamp(12px,1.5vw,24px);font-size:.79rem;font-weight:800}.nav-panel>a,.nav-dropdown>summary{white-space:nowrap;cursor:pointer}.nav-panel>a:hover,.nav-dropdown>summary:hover{color:var(--orange)}.nav-dropdown summary{list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{content:none;display:none}.nav-dropdown[open] summary:after{transform:rotate(180deg)}.nav-panel .nav-signin{padding-left:10px}.nav-panel .nav-start{background:var(--orange);color:#fff;border-radius:999px;padding:12px 17px}.nav-panel .nav-start:hover{background:var(--orange-dark);color:white}.nav-start span{padding-left:8px}.menu-button{display:none;border:0;background:none;cursor:pointer;padding:10px}.menu-button span{display:block;width:23px;height:2px;background:var(--ink);margin:5px 0}.dropdown-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1000px,calc(100% - 48px));display:grid;grid-template-columns:230px 1fr;gap:35px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:0 0 20px 20px;box-shadow:0 18px 30px #0002}.dropdown-lead{border-right:1px solid var(--line);padding-right:20px}.dropdown-lead span{font:.67rem var(--mono);color:var(--orange)}.dropdown-lead strong{display:block;font-size:1.45rem;line-height:1.2;margin:16px 0}.dropdown-lead p{font-size:.77rem;color:var(--muted)}.dropdown-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dropdown-items a{padding:10px 13px;border-radius:10px;white-space:normal}.dropdown-items a:hover{background:#fff3ef;color:var(--orange)}.dropdown-items small{display:block;font-weight:500;color:var(--muted);line-height:1.3}.features-panel{width:min(900px,calc(100% - 48px))}
.hero{background:linear-gradient(135deg,#fff 15%,#f3f3f1 100%);overflow:hidden}.hero-layout{min-height:580px;display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:center;padding-block:76px 82px}.hero-copy h1{font-size:clamp(2.8rem,4.2vw,4.4rem);line-height:1.11;letter-spacing:-.065em;margin:14px 0 28px;max-width:610px}.hero-copy h1 span{color:var(--orange)}.hero-description{max-width:570px;font-size:1.05rem;line-height:1.78;color:#494944}.hero-description b{color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.proof-line{display:flex;align-items:center;gap:12px;margin-top:34px;font-size:.72rem}.proof-stamp{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:2px solid var(--orange);border-radius:50%;color:var(--orange);font-size:1rem;font-weight:800}.proof-stamp span{color:var(--ink)}.proof-line strong,.proof-line small{display:block}.proof-line small{color:var(--muted)}.proof-line i{height:31px;border-left:1px solid #ccc;margin:0 5px}.hero-visual{position:relative;min-width:0;padding:15px 0 20px}.hero-frame{overflow:hidden;background:var(--orange);border:10px solid var(--orange);border-radius:23px;box-shadow:0 20px 42px #0002;transform:rotate(.4deg)}.frame-head{display:flex;align-items:center;gap:20px;height:43px;padding:0 10px;color:white}.frame-logo{font-size:1.1rem;font-weight:800;letter-spacing:-.06em}.frame-logo strong{color:var(--lime)}.frame-line{height:15px;width:40%;margin:auto;background:#ffffff48;border-radius:30px}.frame-dot{width:10px;height:10px;border:2px solid white;border-radius:50%}.frame-screen{overflow:hidden;background:white;border-radius:13px}.frame-screen img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:left top}.frame-foot{color:#ffe9e5;font:.6rem var(--mono);padding:9px 6px 2px}.float-card{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;box-shadow:0 8px 24px #0002;border-radius:14px;font-size:.72rem;color:#565651;line-height:1.35}.float-card strong{font-size:.86rem;color:var(--ink)}.float-top{top:10px;right:-20px;padding:12px 18px}.float-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--lime);color:var(--ink);font-size:1.15rem}.float-bottom{left:-28px;bottom:11px;padding:10px 17px;font-weight:800;color:var(--ink)}.float-bottom b{color:var(--orange)}.mini-dot{width:9px;height:9px;border-radius:50%;background:var(--orange)}
.quick-links{padding:47px 0 56px;background:#fff}.quick-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.quick-top h2{font-size:1.35rem;letter-spacing:-.04em}.quick-top>a,.section-title-row>a{font-size:.8rem;color:var(--orange);font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-grid a{position:relative;display:flex;flex-direction:column;min-height:144px;padding:22px;border:1px solid #e6e6e1;border-radius:18px;background:#fafaf9;transition:transform .2s,box-shadow .2s}.quick-grid a:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0001;border-color:var(--orange)}.quick-grid span{color:var(--orange);font:.65rem var(--mono)}.quick-grid strong{font-size:1.22rem;margin-top:10px}.quick-grid small{font-size:.75rem;color:var(--muted)}.quick-grid em{position:absolute;right:22px;top:18px;color:var(--orange);font-style:normal}
.solution-section{background:linear-gradient(115deg,#a92f23,#f04b2f);color:white;padding:90px 0}.solution-inner{text-align:center}.solution-inner h2{font-size:clamp(2.7rem,4vw,4rem);line-height:1.1;letter-spacing:-.055em;margin:12px auto 22px}.solution-inner h2 span{color:#ffe2d9}.solution-inner>p:not(.eyebrow){max-width:720px;margin:auto;color:#ffe6df;font-size:.96rem}.solution-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-width:1020px;margin:38px auto 30px}.solution-chips button{border:1px solid #ffffff80;background:#ffffffd9;color:#863027;border-radius:999px;padding:10px 18px;cursor:pointer;font-size:.77rem;font-weight:800;transition:background .2s,transform .2s}.solution-chips button:hover{transform:translateY(-2px)}.solution-chips button.active{background:#fff;color:#111;border-color:#fff;box-shadow:0 5px 15px #0002}.solution-result{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:900px;min-height:190px;margin:auto;text-align:left;padding:28px 33px;border:1px solid #ffffff80;border-radius:22px;background:#ffffff18}.solution-number{font:.67rem var(--mono);color:#ffe2d9}.solution-result h3{font-size:1.8rem;letter-spacing:-.04em;line-height:1.15;margin:7px 0 5px}.solution-result p{max-width:560px;color:#ffebe6;font-size:.84rem}.solution-result a{display:inline-block;margin-top:10px;font-size:.79rem;font-weight:800;text-decoration:underline}.solution-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:240px}.solution-tags span{border:1px solid #ffffff7a;border-radius:20px;padding:5px 10px;font:.65rem var(--mono);white-space:nowrap}
.section{padding:98px 0}.center-intro{text-align:center;max-width:870px;margin:0 auto 51px}.center-intro h2,.integration-layout h2,.section-title-row h2,.faq-layout h2{font-size:clamp(2.5rem,3.9vw,3.75rem);line-height:1.12;letter-spacing:-.055em;margin:13px 0 18px}.center-intro h2 span,.integration-layout h2 span,.section-title-row h2 span,.faq-layout h2 span{color:var(--orange)}.center-intro>p:not(.eyebrow){max-width:710px;margin:auto;color:var(--muted);font-size:.95rem}.flow-section{background:#fafaf8}.flow-layout{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:55px}.flow-steps article{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid #ddd}.flow-steps article:first-child{border-top:1px solid #ddd}.flow-steps article>span{font:.75rem var(--mono);color:var(--orange);margin-top:4px}.flow-steps h3{font-size:1.1rem;margin-bottom:5px}.flow-steps p{font-size:.85rem;color:var(--muted)}.screen-card{border:1px solid #ddd;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 35px #0001}.screen-label{padding:12px 17px;background:#22221f;color:white;font:.65rem var(--mono);letter-spacing:.04em}.status-light{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:7px}.screen-card img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:left top}.screen-card figcaption{padding:9px 15px;color:var(--muted);font:.65rem var(--mono)}
.features-section{background:#f4f4f2}.feature-layout{display:grid;grid-template-columns:1fr .95fr;gap:55px;align-items:stretch}.feature-list details{margin-bottom:9px;background:white;border:1px solid #e8e8e3;border-radius:14px;box-shadow:0 3px 5px #00000005}.feature-list details[open]{background:linear-gradient(115deg,#d9432c,#f3654a);color:white;border-color:var(--orange);box-shadow:0 9px 20px #f04b2f2b}.feature-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:14px 23px;cursor:pointer;font-weight:800;font-size:.95rem}.feature-list summary::-webkit-details-marker{display:none}.feature-list summary span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f2f2ef;font:.66rem var(--mono);color:var(--orange)}.feature-list details[open] summary span{background:#ffffff3d;color:#fff}.feature-list p{color:#fff4f0;font-size:.83rem;padding:0 23px 20px;max-width:510px}.feature-art{position:relative;min-height:570px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 50%,#f77a60,#e5472e 50%,#a42b24);color:white}.feature-art:before,.feature-art:after{content:"";position:absolute;border:1px solid #ffffff50;border-radius:50%;inset:100px 70px}.feature-art:after{inset:50px 10px}.feature-art-head{display:flex;justify-content:space-between;padding:26px;font:.67rem var(--mono);letter-spacing:.06em}.feature-art-center{position:absolute;inset:0;display:grid;place-items:center}.feature-mark{display:grid;place-items:center;width:155px;height:155px;background:white;border-radius:35px;color:var(--ink);font-size:5.4rem;font-weight:800;letter-spacing:-.1em;box-shadow:0 20px 40px #0002}.feature-mark span{color:var(--orange)}.feature-orbit{position:absolute;inset:0}.feature-orbit span{position:absolute;background:#fff;color:var(--orange-dark);border-radius:999px;padding:8px 14px;font:.68rem var(--mono);box-shadow:0 8px 20px #0002}.feature-orbit span:nth-child(1){left:12%;top:29%}.feature-orbit span:nth-child(2){right:13%;top:28%}.feature-orbit span:nth-child(3){left:16%;bottom:27%}.feature-orbit span:nth-child(4){right:12%;bottom:27%}.feature-art-bottom{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-weight:800;font-size:.88rem}
.integration-section{padding:87px 0;background:#fff}.integration-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.integration-layout p:not(.eyebrow){color:var(--muted);max-width:470px;font-size:.95rem}.integration-layout small{display:block;color:#999;font-size:.7rem;margin-top:16px}.integration-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.integration-board span{display:grid;place-items:center;min-height:91px;border:1px solid var(--line);border-radius:15px;background:#fafaf9;text-align:center;padding:10px;font-size:.86rem;font-weight:800}.integration-board span:nth-child(5){background:#f2ffca}.integration-board span:nth-child(2){background:#fff0ec}
.packages-section{background:#f4f4f2}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.package-grid article{display:flex;flex-direction:column;min-height:365px;padding:29px;border:1px solid #deded8;border-radius:19px;background:#fff}.package-grid article.selected{background:#282824;color:white;border-color:#282824}.package-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font:.68rem var(--mono);color:var(--orange)}.package-top small{color:#98988f;text-align:right}.package-grid h3{font-size:clamp(1.55rem,2vw,2.1rem);line-height:1.18;letter-spacing:-.05em;margin:29px 0 15px}.package-grid p{font-size:.83rem;color:var(--muted);min-height:48px}.package-grid .selected p{color:#c6c6bd}.package-channels{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:20px}.package-channels span{border:1px solid #ddd;border-radius:20px;padding:4px 9px;font:.65rem var(--mono)}.package-channels .muted{color:#aaa;text-decoration:line-through}.package-grid .selected .package-channels span{border-color:#777}.package-grid article>a{display:block;margin-top:24px;padding-top:17px;border-top:1px solid #ddd;font-size:.82rem;font-weight:800;color:var(--orange)}.package-grid .selected>a{border-color:#555}.package-grid article>a:hover{text-decoration:underline}.package-note{font-size:.76rem;color:var(--muted);margin-top:20px;text-align:center}
.story-section{background:#242421;color:white;padding:93px 0}.story-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.story-layout h2,.final-cta h2{font-size:clamp(2.7rem,4.2vw,4.5rem);line-height:1.08;letter-spacing:-.06em;margin:14px 0 24px}.story-layout h2 span{color:var(--lime)}.story-layout p:not(.eyebrow){max-width:550px;color:#cdcdc4;font-size:1rem;margin-bottom:24px}.story-layout figure{min-width:0}.story-layout figure img{width:100%;border-radius:15px;border:8px solid #f04b2f}.story-layout figcaption{font:.65rem var(--mono);color:#aaa;margin-top:10px}
.blog-section{background:#fff}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:31px}.section-title-row h2{margin-bottom:0}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-grid>a{display:block}.blog-visual{position:relative;display:grid;place-items:center;height:210px;border-radius:17px;overflow:hidden;margin-bottom:20px}.blog-visual>span{font-size:5rem;line-height:1;font-weight:800;letter-spacing:-.09em}.blog-visual small{position:absolute;bottom:18px;left:20px;font:.63rem var(--mono);letter-spacing:.1em}.visual-one{background:#f6c7bc;color:#a82f21}.visual-two{background:#d7ff43;color:#27300b}.visual-three{background:#262622;color:#f04b2f}.blog-grid>a>small{font:.67rem var(--mono);color:var(--orange)}.blog-grid h3{font-size:1.38rem;line-height:1.24;letter-spacing:-.035em;margin:10px 0}.blog-grid p{font-size:.8rem;color:var(--muted)}.blog-grid strong{display:inline-block;color:var(--orange);font-size:.76rem;margin-top:12px}.blog-grid>a:hover h3{text-decoration:underline}
.faq-section{background:#f6f6f3}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.faq-layout>div:first-child>p:not(.eyebrow){font-size:.92rem;color:var(--muted);margin:18px 0}.faq-layout>div:first-child>a{color:var(--orange);font-size:.82rem;font-weight:800}.faq-list{border-top:1px solid #ccc}.faq-list details{border-bottom:1px solid #ccc}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:14px 0;list-style:none;cursor:pointer;font-weight:800;font-size:.92rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font:1.2rem var(--mono)}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:.83rem;color:var(--muted);max-width:670px;padding:0 48px 18px 0}
.final-cta{background:linear-gradient(110deg,#c93621,#ef4b2f);color:white;text-align:center;padding:85px 0}.final-cta h2 span{color:#ffe3d9}.final-cta .button{margin-top:10px}.footer{background:#1c1c19;color:#b9b9b0;padding:64px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.footer-logo{color:white}.footer-grid p{font-size:.79rem;margin-top:20px}.footer-grid h3{font-size:.78rem;color:#fff;margin-bottom:16px}.footer-grid>div>a:not(.logo){display:block;font-size:.76rem;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #444;margin-top:52px;padding-top:16px;display:flex;justify-content:space-between;font:.65rem var(--mono)}
@media(max-width:1200px){.navbar{min-height:68px}.menu-button{display:block}.nav-panel{display:none}.nav-panel.open{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 90px);overflow:auto;background:#fff;padding:10px max(24px,calc((100vw - 1280px)/2));box-shadow:0 14px 25px #0002}.nav-panel.open>a,.nav-dropdown>summary{display:block;padding:12px 8px;border-bottom:1px solid var(--line)}.nav-panel .nav-signin{padding-left:8px}.nav-panel .nav-start{align-self:stretch;text-align:center;margin-top:10px}.dropdown-panel{position:static;transform:none;display:block;width:100%;padding:15px;border:0;box-shadow:none}.dropdown-lead{border:0;padding:0 0 15px}.dropdown-lead strong{font-size:1.1rem;margin:6px 0}.dropdown-items{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.shell{width:min(100% - 40px,1280px)}.hero-layout{grid-template-columns:1fr;gap:40px;padding-block:70px}.hero-copy h1{max-width:730px}.hero-visual{max-width:780px;margin:auto}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-layout,.feature-layout,.integration-layout,.story-layout,.faq-layout{grid-template-columns:1fr;gap:38px}.feature-art{min-height:430px}.feature-art:before{inset:70px 20%}.feature-art:after{inset:30px 10%}.integration-board{max-width:730px}.story-layout figure{max-width:750px}.faq-layout{gap:23px}.section{padding:76px 0}}
@media(max-width:680px){.shell{width:min(100% - 32px,1280px)}.topline .shell{justify-content:space-between;gap:7px;font-size:.62rem}.topline-arrow{display:none}.topline a{max-width:170px;text-align:center;line-height:1.25;padding:5px 10px}.navbar{min-height:66px}.logo{font-size:1.5rem}.logo-icon{width:42px;height:42px}.logo-icon img{width:103px}.nav-panel.open{padding:10px 16px}.dropdown-items{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-layout{padding-block:55px 65px}.hero-copy h1{font-size:clamp(2.6rem,10vw,4rem)}.hero-description{font-size:.95rem}.hero-actions{flex-direction:column;max-width:360px}.proof-line{gap:8px;flex-wrap:wrap}.float-top{right:0;top:0}.float-bottom{left:0}.quick-top{align-items:start;flex-direction:column;gap:2px}.quick-grid{grid-template-columns:1fr 1fr;gap:9px}.quick-grid a{min-height:135px;padding:14px}.quick-grid strong{font-size:1rem}.quick-grid small{font-size:.67rem}.solution-section{padding:69px 0}.solution-inner h2{font-size:clamp(2.5rem,9vw,3.8rem)}.solution-chips{gap:7px}.solution-chips button{padding:8px 12px;font-size:.7rem}.solution-result{display:block;padding:22px}.solution-tags{justify-content:start;max-width:none;margin-top:18px}.center-intro h2,.integration-layout h2,.section-title-row h2,.faq-layout h2{font-size:clamp(2.4rem,9vw,3.4rem)}.flow-layout{gap:25px}.feature-art{min-height:360px}.feature-mark{width:120px;height:120px;font-size:4.2rem;border-radius:27px}.feature-orbit span{font-size:.56rem}.integration-board{grid-template-columns:repeat(2,1fr)}.package-grid,.blog-grid{grid-template-columns:1fr}.package-grid article{min-height:315px}.story-layout h2,.final-cta h2{font-size:clamp(2.5rem,9vw,3.7rem)}.section-title-row{display:block}.section-title-row>a{display:inline-block;margin-top:18px}.blog-visual{height:190px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{gap:10px;flex-direction:column}}
@media(max-width:410px){.topline-icon{display:none}.topline a{max-width:158px}.quick-grid{grid-template-columns:1fr}.quick-grid a{min-height:105px}.proof-line i{display:none}.feature-art{min-height:310px}.feature-orbit span:nth-child(1){left:5%;top:22%}.feature-orbit span:nth-child(2){right:5%;top:22%}.feature-orbit span:nth-child(3){left:5%;bottom:22%}.feature-orbit span:nth-child(4){right:5%;bottom:22%}}
.frame-screen img,.screen-card img,.story-layout figure img{height:auto}

/* BadePOS solar system */
.feature-layout{align-items:start}.feature-list details{scroll-margin-top:100px}.feature-list summary>span{flex-shrink:0}.feature-points{list-style:none;padding:0 23px 24px;margin:0;max-width:550px;display:grid;gap:14px;font-size:.81rem;line-height:1.7;color:#fff4f0}.feature-points strong{display:block;color:white}.feature-art{min-height:650px;position:sticky;top:100px;background:radial-gradient(ellipse at 48% 45%,#ff896a 0%,#ed4d31 44%,#ac2d23 100%)}.feature-art:before,.feature-art:after{display:none}.feature-art-head{position:relative;z-index:2;align-items:center}.orbit-toggle{border:1px solid #ffffff70;border-radius:20px;color:#fff;background:#ffffff12;padding:5px 12px;font:.65rem var(--mono);cursor:pointer}.orbit-toggle:hover{background:#ffffff30}.solar-system{position:absolute;width:min(calc(100% - 18px),540px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%)}.solar-logo{position:absolute;inset:37%;display:grid;place-items:center;padding:10px;background:#fff;border:5px solid #ffffff38;border-radius:50%;box-shadow:0 0 0 12px #ffffff0b,0 18px 40px #7d231333;z-index:3}.solar-logo img{width:100%;height:auto}.orbit-ring{position:absolute;border:1px solid #ffffff45;border-radius:50%;animation:orbit-spin var(--duration) linear infinite;pointer-events:none}.ring-1{inset:29%}.ring-2{inset:17%}.ring-3{inset:5%}.orbit-arm{position:absolute;inset:0;transform:rotate(var(--angle))}.orbit-planet{position:absolute;left:100%;top:50%;width:clamp(50px,5.2vw,70px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:auto}.orbit-label{display:grid;place-items:center;width:100%;height:100%;padding:5px;border-radius:50%;border:1px solid #ffffff80;background:#fff;color:#a72f20;box-shadow:0 8px 22px #70271e33;font-size:clamp(.57rem,.8vw,.69rem);font-weight:800;line-height:1.3;text-align:center;cursor:pointer;animation:orbit-upright var(--duration) linear infinite}.orbit-label[aria-pressed=true]{background:#fff0ca;color:#682018;border:3px solid #ffd27c;box-shadow:0 0 0 5px #ffffff1a,0 8px 22px #70271e33}.orbit-label:focus-visible{outline:3px solid #fff;outline-offset:4px}.solar-system:hover .orbit-ring,.solar-system:hover .orbit-label,.solar-system:focus-within .orbit-ring,.solar-system:focus-within .orbit-label,.feature-art.paused .orbit-ring,.feature-art.paused .orbit-label{animation-play-state:paused}.feature-art-bottom{bottom:24px;padding:0 20px}.feature-art-bottom strong,.feature-art-bottom span{display:block}.feature-art-bottom span{font-size:.69rem;font-weight:500;margin-top:4px;color:#ffe3d9}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-upright{from{transform:rotate(var(--counter-angle))}to{transform:rotate(calc(var(--counter-angle) - 360deg))}}@media(max-width:960px){.feature-art{position:relative;top:auto;min-height:650px}.orbit-planet{width:70px}}@media(max-width:680px){.feature-art{min-height:530px}.solar-system{width:min(calc(100% - 18px),420px)}.orbit-planet{width:58px}.orbit-label{font-size:.6rem}.feature-art-head{padding:20px}.solar-logo{padding:7px;border-width:3px}}@media(max-width:410px){.feature-art{min-height:430px}.orbit-planet{width:49px}.orbit-label{font-size:.54rem}.solar-logo{padding:5px}}@media(prefers-reduced-motion:reduce){.orbit-ring,.orbit-label{animation:none}.orbit-label{transform:rotate(var(--counter-angle))}html{scroll-behavior:auto}}
.feature-art{min-height:680px}.solar-system{top:47%}@media(max-width:960px){.feature-art{min-height:680px}}@media(max-width:680px){.feature-art{min-height:550px}}@media(max-width:410px){.feature-art{min-height:480px}}
.feature-art{position:relative;top:auto}.feature-list{display:grid;gap:9px}.feature-choice{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:14px 23px;border:1px solid #e8e8e3;border-radius:14px;background:white;color:var(--ink);box-shadow:0 3px 5px #00000005;text-align:left;font-size:.95rem;font-weight:800;cursor:pointer;scroll-margin-top:100px}.feature-choice span{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:50%;background:#f2f2ef;font:.66rem var(--mono);color:var(--orange)}.feature-choice[aria-pressed=true]{background:linear-gradient(115deg,#d9432c,#f3654a);color:white;border-color:var(--orange);box-shadow:0 9px 20px #f04b2f2b}.feature-choice[aria-pressed=true] span{background:#ffffff3d;color:#fff}.feature-choice:hover{border-color:var(--orange)}.feature-description{grid-column:1/-1;display:grid;background:white;border:1px solid var(--line);border-radius:20px;padding:32px;overflow-anchor:none}.feature-panel{grid-area:1/1;visibility:hidden;pointer-events:none}.feature-panel.active{visibility:visible;pointer-events:auto}.feature-panel h3{font-size:1.45rem;line-height:1.3;letter-spacing:-.035em;margin-bottom:12px}.feature-panel>p{font-size:.88rem;color:var(--muted);max-width:900px}.feature-panel .feature-points{padding:0;margin:25px 0 0;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 40px;color:var(--muted);font-size:.85rem}.feature-panel .feature-points strong{color:var(--ink);margin-bottom:4px}@media(max-width:680px){.feature-description{padding:24px}.feature-panel .feature-points{grid-template-columns:1fr;gap:18px}.feature-choice{font-size:.87rem;padding:14px 18px}}