/* Syllo site styles. A soft lime and leaf-green palette with the black-glass notch as the single loud element.
   Colors: --desk (wallpaper green), --canvas (page), --ink, --glass (the notch), --signal (focus, links, selected state only). */
:root{--canvas:#f4f8f1;--paper:#fff;--ink:#1a281c;--pine:#243b29;--secondary:#4a5b4b;--muted:#758477;--edge:#d6e1d2;--sage:#e9f1e6;--lime:#d7edb7;--signal:#476f35;--glass:#101811;--desk:#dbe8d5;--scrollbar-track:transparent;--scrollbar-thumb:#a7bb9e;--scrollbar-thumb-hover:#7e9677;--sans:"Schibsted Grotesk",system-ui,"Segoe UI",Arial,sans-serif;--mono:var(--sans)}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--canvas);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
body[data-page]:has(> .site-footer){min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
body[data-page]:has(> .site-footer)>main,body[data-page]:has(> .site-footer)>.wrap{flex:1 0 auto}
body[data-page]:has(> .site-footer)>.site-footer{flex:0 0 auto;width:100%;margin-top:auto}
body[data-page="pricing"]{isolation:isolate;background:#fff}
.pricing-background-canvas{position:absolute;z-index:-2;inset:0;width:100%;height:100%;display:block;pointer-events:none}
body[data-page="pricing"] .pricing-main{position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;padding:64px 24px}
.notch{position:fixed;top:0;left:0;right:0;width:fit-content;margin:0 auto;z-index:5;display:flex;gap:2px;padding:calc(7px + env(safe-area-inset-top,0px)) 12px 10px;background:#000;border-radius:0 0 26px 26px;filter:drop-shadow(0 12px 14px rgba(0,30,20,.3))}
.notch::before,.notch::after{content:"";position:absolute;top:0;width:23px;height:22px;pointer-events:none}
.notch::before{right:calc(100% - 1px);background:radial-gradient(circle at 0 100%,transparent 22px,#000 22.5px)}
.notch::after{left:calc(100% - 1px);background:radial-gradient(circle at 100% 100%,transparent 22px,#000 22.5px)}
.notch a{position:relative;flex:none;white-space:nowrap;padding:11px 18px;border-radius:999px;color:rgba(255,255,255,.76);font:600 15px/1 var(--sans);text-decoration:none;transition:background .15s,color .15s}
.notch a:hover{background:rgba(255,255,255,.12);color:#fff}
.pricing-content{width:min(880px,100%)}
.pricing-content>p{margin:0 auto 36px;text-align:center;color:var(--secondary);max-width:52ch}
.pricing-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pricing-card{display:flex;flex-direction:column;min-height:300px;padding:30px;border:1px solid var(--edge);border-radius:16px;background:#fff}
.pricing-card h2{margin:0 0 18px;font-size:20px}
.pricing-card .pricing-price{display:flex;align-items:baseline;gap:8px;margin:0}
.pricing-price strong{font-size:clamp(40px,5vw,54px);line-height:1;letter-spacing:-.05em}
.pricing-price span{color:var(--secondary);font-size:15px}
.pricing-card .pricing-note{margin:10px 0 24px;color:var(--secondary);font-size:14px}
.pricing-card button{margin-top:auto;min-height:44px;border:1px solid var(--edge);border-radius:8px;background:var(--sage);color:var(--pine);font-weight:600}
.pricing-card-yearly{position:relative;isolation:isolate;padding:3px;border:0;border-radius:28px;background:linear-gradient(#98ff65,#cce500);color:#191129}
.pricing-yearly-badge{display:grid;place-items:center;height:28px;text-align:center;font-size:13px;line-height:1.2;letter-spacing:.02em;color:#0d1306}
.pricing-savings-script{display:block;width:150px;height:26px;fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
html.js .pricing-savings-script path{stroke-dasharray:1;stroke-dashoffset:1}
.pricing-savings-script.is-writing path{animation:pricing-savings-write .2s linear both}
html.js .pricing-savings-script.is-drawn path{animation:none;stroke-dashoffset:0}
.pricing-savings-script.is-writing path:nth-child(1){animation-duration:1.4s;animation-delay:0s}
.pricing-savings-script.is-writing path:nth-child(2){animation-duration:0.25s;animation-delay:1.4s}
.pricing-savings-script.is-writing path:nth-child(3){animation-duration:0.5s;animation-delay:1.65s}
.pricing-savings-script.is-writing path:nth-child(4){animation-duration:0.15s;animation-delay:2.15s}
.pricing-savings-script.is-writing path:nth-child(5){animation-duration:0.25s;animation-delay:2.3s}
.pricing-savings-script.is-writing path:nth-child(6){animation-duration:0.15s;animation-delay:2.55s}
.pricing-savings-script.is-writing path:nth-child(7){animation-duration:1.4s;animation-delay:2.7s}
.pricing-savings-script.is-writing path:nth-child(8){animation-duration:0.2s;animation-delay:4.1s}
@keyframes pricing-savings-write{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){html.js .pricing-savings-script path{animation:none;stroke-dashoffset:0}}
.pricing-yearly-body{flex:1;padding:32px;border-radius:24px;background:#fff}
.pricing-card-yearly h2{margin-bottom:22px;font-size:22px;font-weight:600}
.pricing-card-yearly .pricing-price{align-items:center;gap:14px}
.pricing-card-yearly .pricing-price strong{font-size:60px}
.pricing-card-yearly .pricing-price span{font-size:15px;line-height:1.25;color:#635d72}
.pricing-card-yearly button{width:100%;margin:32px 0 0;min-height:54px;border:1px solid #5b5565;border-radius:12px;background:linear-gradient(#504c55,#20172f);color:#fff;font-size:16px;font-weight:500;box-shadow:inset 0 1px 0 #ffffff40,0 5px 12px #19112922}
.pricing-card-yearly button:disabled{opacity:1}
.pricing-toolkit-title{margin:36px 0 16px;font-size:16px;line-height:1.4;font-weight:600;color:var(--ink)}
.pricing-toolkit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.pricing-toolkit li{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:104px;padding:16px;border:1px solid var(--edge);border-radius:14px;background:var(--canvas);color:var(--ink)}
.pricing-toolkit .si{width:28px;height:28px;color:var(--signal)}
.pricing-toolkit span{font-size:14px;line-height:1.35;font-weight:500}
.pricing-card-monthly{min-height:620px;padding:32px;border:1px solid #fff;border-radius:36px;color:#111512;background:radial-gradient(ellipse 75% 130px at 50% 0,#83a6ff 0%,#c5d7ff80 50%,transparent 100%),linear-gradient(to bottom,#fafafa 115px,#fff9df 155px,#ffdb7e 195px,#ffa96e 235px,#ffd8ca 270px,#fafafa 310px)}
.pricing-card-monthly h2{margin-bottom:22px;font-size:26px;font-weight:600}
.pricing-card-monthly .pricing-price{align-items:center;gap:16px}
.pricing-card-monthly .pricing-price strong{font-size:60px}
.pricing-card-monthly .pricing-price span{font-size:17px;line-height:1.35;color:#161916}
.pricing-card-monthly button{margin:42px 0 0;min-height:62px;border:1px solid #333;border-radius:18px;background:linear-gradient(#323232,#202020);color:#fff;font-size:18px;font-weight:400;box-shadow:inset 0 -2px 0 #111,0 3px 5px #00000015}
.pricing-card-monthly button:disabled{opacity:1}
.pricing-card-yearly button:hover,.pricing-card-monthly button:hover{border-color:#3d78d6;background:linear-gradient(#518cf0,#2463c8)}
.pricing-card-monthly .pricing-features{display:grid;gap:18px;list-style:none;margin:72px 0 0;padding:0;font-size:17px;line-height:1.5}
.pricing-card-monthly .pricing-features li{display:flex;align-items:center;gap:14px}
.pricing-card-monthly .pricing-features .si{width:22px;height:22px}
.pricing-card-monthly .pricing-note{margin:32px 0 0;font-size:15px;color:#818580}
@media(max-width:640px){body[data-page="pricing"] .pricing-main{padding:56px 16px}.pricing-content>p{margin-bottom:24px}.pricing-cards{grid-template-columns:1fr}.pricing-card{min-height:260px;padding:24px}}
@media(max-width:640px){.pricing-card-yearly{padding:3px}.pricing-yearly-body{padding:24px}.pricing-card-yearly .pricing-price strong,.pricing-card-monthly .pricing-price strong{font-size:44px}.pricing-card-monthly .pricing-price span{font-size:15px}}
h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.03em;font-weight:700}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button[disabled]{cursor:not-allowed;opacity:.55}
img,svg{max-width:100%}svg{vertical-align:middle}::selection{background:var(--lime);color:var(--ink)}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:3px}
*::-webkit-scrollbar{width:12px;height:12px}
*::-webkit-scrollbar-track{background:var(--scrollbar-track)}
*::-webkit-scrollbar-thumb{min-height:36px;background:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid transparent;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}
*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}
*::-webkit-scrollbar-button{display:none;width:0;height:0}
@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}}
.custom-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
.custom-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}
.site-scrollbar{position:fixed;z-index:90;top:4px;right:0;bottom:4px;width:13px;background:transparent;pointer-events:none}
.site-scrollbar[hidden]{display:none}
.site-scrollbar-thumb{position:absolute;top:0;left:3px;width:7px;min-height:40px;border-radius:999px;background:linear-gradient(to bottom,#6eb7e3 0%,#85c679 100%);pointer-events:auto;touch-action:none;cursor:grab}
.container{width:min(1120px,calc(100% - 56px));margin:auto}
.si{display:inline-block;width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;flex:none}
.skip-link{position:absolute;z-index:80;left:12px;top:-80px;padding:10px 14px;background:var(--ink);color:#fff;border-radius:6px}.skip-link:focus{top:8px}

/* header */
.site-header{z-index:30;position:sticky;top:0;background:#f4f8f1f2;backdrop-filter:blur(10px);border-bottom:1px solid var(--edge)}
.header-row{position:relative;height:68px;display:flex;align-items:center;gap:40px}
.brand{display:inline-flex;gap:9px;align-items:center;font:800 22px/1 var(--sans);letter-spacing:-.05em;white-space:nowrap}.brand img{height:30px;width:30px}.brand-dot{color:inherit}
.nav{position:absolute;z-index:2;top:0;left:50%;display:flex;gap:6px;align-items:center;padding:6px 14px 8px;background:var(--glass);color:#dce8d9;border-radius:0 0 17px 17px;box-shadow:0 5px 14px #10181118;transform:translateX(-50%);transition:gap .24s ease,padding .24s ease,border-radius .24s ease,transform .24s ease,box-shadow .24s ease}
.nav:hover,.nav:focus-within{gap:10px;padding:10px 19px;border-radius:999px;transform:translate(-50%,5px);box-shadow:0 12px 24px #20352730}
.nav a{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;padding:8px 11px;font-size:14px;font-weight:500;color:#dce8d9;transition:background .2s ease,color .2s ease}
.nav a:hover,.nav a:focus-visible{background:var(--lime);color:var(--pine)}.nav a[aria-current=page]{background:var(--lime);color:var(--pine);font-weight:700}
.header-actions{display:flex;align-items:center;gap:16px;margin-left:auto}
.header-signin{font-size:15px;font-weight:500;padding:8px 2px;color:var(--secondary)}.header-signin:hover{color:var(--ink)}
.nav-download{background:var(--pine);color:#fff;border-radius:8px;padding:10px 16px;display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;white-space:nowrap}.nav-download .si{width:16px;height:16px}.nav-download:hover{background:#324834}
.nav-toggle{border:1px solid var(--edge);background:transparent;color:var(--ink);width:40px;height:40px;border-radius:8px;display:none;align-items:center;justify-content:center}

/* buttons and links */
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;min-height:46px;border-radius:8px;border:1px solid transparent;font:600 15px/1.3 var(--sans);text-align:center;transition:background .15s,color .15s,border-color .15s}.button .si{width:17px;height:17px}
.button-primary{background:var(--pine);color:#fff}.button-primary:hover:not(:disabled){background:#324834}
.button-outline{background:transparent;border-color:#adbbab;color:var(--ink)}.button-outline:hover:not(:disabled){border-color:var(--pine)}
.text-link{font-size:15px;font-weight:600;color:var(--signal);display:inline-flex;gap:8px;align-items:center;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.text-link:hover{text-decoration-thickness:2px}

/* home hero: type on top, the notch below as the one memorable object */
.hero{padding:76px 0 72px}
.hero-layout{display:block}
.hero-copy{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px 72px;align-items:end;margin-bottom:56px}
.hero-copy h1{font-size:clamp(40px,5vw,66px);line-height:1.04;letter-spacing:-.045em;grid-column:1}
.hero-copy>p{font-size:18px;line-height:1.6;color:var(--secondary);max-width:40ch;grid-column:2;grid-row:1}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;grid-column:1}
.hero-platforms{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;grid-column:2;grid-row:2;align-self:center}.hero-platforms .si{width:17px;height:17px}
.demo-shell{background:var(--desk);border-radius:16px;overflow:hidden;padding:0}
.demo-head,.demo-bottom{display:none}
.demo-desktop{position:relative;min-height:440px;padding:0 20px 56px;display:flex;align-items:flex-start;justify-content:center}
.demo-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);height:32px;width:204px;border-radius:0 0 18px 18px;background:var(--glass);z-index:2}
.demo-panel{position:relative;margin-top:46px;background:var(--glass);color:#ecf2e9;border-radius:22px;overflow:hidden;width:min(404px,100%);box-shadow:0 30px 60px #10181130}
.demo-panel-header{display:flex;align-items:center;gap:8px;padding:16px 20px 10px;font-size:13px;font-weight:600;color:#b6c3b2}
.demo-panel-header img{width:18px;height:18px;filter:brightness(0) invert(1);opacity:.8}.demo-panel-header small{margin-left:auto;font-size:12px;color:#a1b09d}
.demo-content{padding:6px 20px 20px;min-height:178px}
.demo-kicker{display:flex;justify-content:space-between;color:#a1b09d;font-size:12px;margin-bottom:14px}.demo-kicker span{color:#b6c3b2}
.demo-song{display:flex;align-items:center;gap:16px}
.demo-album{width:72px;height:72px;border-radius:12px;background:#1b281e;color:var(--lime);display:grid;place-items:center}.demo-album .si{width:30px;height:30px}
.demo-song-info{display:flex;flex-direction:column;gap:2px}.demo-song-info b{font-size:18px;font-weight:700}.demo-song-info span{font-size:14px;color:#d4e0d0}.demo-song-info small{font-size:12px;color:#a1b09d}
.demo-controls{display:flex;align-items:center;gap:10px;margin-top:20px}
.demo-controls button{border:0;background:transparent;color:#eceef3;padding:0;width:28px;height:30px;font-size:18px}
.demo-controls button.play{border-radius:50%;background:#fff;color:var(--ink);width:36px;height:36px;font-size:13px}
.demo-timeline{height:3px;background:#354638;border-radius:5px;flex:1;margin-left:6px}.demo-timeline i{display:block;height:100%;width:48%;background:#fff;border-radius:5px}
.demo-controls>span{font-size:12px;color:#a1b09d}
.demo-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 10px 10px;border-top:1px solid #243328}
.demo-tabs button{display:flex;flex-direction:column;align-items:center;gap:4px;color:#a1b09d;background:transparent;border:0;border-radius:8px;padding:9px 4px;font:500 12px var(--sans)}
.demo-tabs button:hover{color:#ecf2e9}.demo-tabs button[aria-selected=true]{color:#fff;background:#243328}.demo-tabs button .si{width:19px;height:19px}
.demo-rows{display:flex;flex-direction:column}
.demo-list-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #243328;font-size:14px}.demo-list-row:last-child{border-bottom:0}.demo-list-row .si{width:17px;height:17px;color:#b6c3b2}.demo-list-row small{font-size:12px;color:#a1b09d;margin-left:auto}

/* sections */
.section{padding:96px 0}.section-sage{background:var(--sage)}
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:80px;align-items:start}
.duo-heading h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.04em;margin-bottom:18px;max-width:14ch}
.duo-heading>p,.duo-body>p{color:var(--secondary);font-size:17px;max-width:42ch}
.duo-body .text-link{margin-top:22px}
.detail-list{border-top:1px solid var(--edge)}
.detail-row{display:grid;grid-template-columns:32px 1fr;gap:18px;align-items:start;border-bottom:1px solid var(--edge);padding:22px 0}
.detail-row>.si{color:var(--ink);width:24px;height:24px;margin-top:2px}
.detail-row h3{font-size:19px;margin-bottom:3px;letter-spacing:-.02em}.detail-row p{color:var(--secondary);font-size:15px}
.focus-preview{border-radius:14px;background:var(--desk);padding:0 28px 28px;overflow:hidden}
.focus-preview>div:first-child{display:none}
.focus-notch{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 auto 20px;width:min(360px,100%);background:var(--glass);border-radius:0 0 22px 22px;padding:26px 22px 22px;color:var(--lime)}
.focus-notch span{font-size:15px;font-weight:600;color:#fff}.focus-notch .si{width:22px;height:22px}
.focus-preview>small{color:var(--secondary);font-size:14px;display:block;text-align:center}
.bottom-prompt{display:flex;align-items:center;justify-content:space-between;gap:32px}.bottom-prompt h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-.04em;margin-bottom:8px}.bottom-prompt p{color:var(--secondary)}

/* inner pages */
.page-intro{padding:84px 0 72px;border-bottom:1px solid var(--edge)}
.intro-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:80px;align-items:end}
.intro-layout h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em;line-height:1.04;margin-bottom:20px;max-width:16ch}
.intro-layout p{color:var(--secondary);font-size:18px;max-width:46ch}
.downloads>div{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--edge)}.downloads>div:first-child{border-top:1px solid var(--edge)}.downloads .si{width:26px;height:26px}.downloads strong{font-size:17px}.downloads button{margin-left:auto}
.faq details{padding:20px 0;border-bottom:1px solid var(--edge)}.faq summary{font-weight:600;font-size:17px;cursor:pointer}.faq p{font-size:16px;color:var(--secondary);padding-top:10px;max-width:60ch}

/* footer */
.site-footer{overflow:hidden;background:#f7f9f8;color:#262d29;padding:128px 0 0}
.site-footer .container{width:min(1230px,calc(100% - 80px))}
.site-footer .brand{font-size:28px;color:#171c19}.site-footer .brand img{filter:none;width:34px;height:34px}
.footer-upper{display:grid;grid-template-columns:1.15fr 2fr;gap:80px;padding-bottom:80px}
.footer-identity p{margin-top:36px;color:#858d88;font-size:16px;line-height:1.45;max-width:26ch}
.footer-nav{display:grid;grid-template-columns:1.2fr 1.1fr .8fr;gap:64px}.footer-nav>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-nav b{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#8a938d;margin-bottom:20px}.footer-nav a{font-size:17px;line-height:1.4;color:#3b433e}
.footer-bottom{position:relative;overflow:hidden;min-height:clamp(180px,16vw,240px)}
.footer-landscape{position:absolute;inset:0;display:block;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}
.footer-lower{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;padding:22px 0;font-size:13px;color:#7c8880}

/* Shared Home and Pricing theme switcher. */
.home-theme-toggle{position:absolute;z-index:2;top:12px;right:68px;display:block;width:80px;height:42px;padding:0;border:0;border-radius:999px;background:transparent;color:#000;view-transition-name:home-theme-toggle}
.site-account-link{position:absolute;z-index:2;top:12px;right:20px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:42px;color:#000}
.site-account-link .si{width:24px;height:24px;stroke-linecap:round;stroke-linejoin:round}
body[data-home-theme="dark"] .site-account-link{color:#f7f7f7}
.home-theme-toggle svg{display:block;width:100%;height:100%;fill:currentColor}
.home-theme-track{fill:#f7f7f7;stroke:#000;stroke-width:2.5;transition:fill .4s ease}
.home-theme-thumb{transform:translateX(0);transition:transform .4s cubic-bezier(.4,0,.2,1),fill .4s ease}
.home-theme-sun-center{fill:#f7f7f7}
.home-theme-sun{fill:#000;transition:opacity .25s ease}
.home-theme-moon{fill:#f7f7f7;opacity:0;transition:opacity .25s ease}
body[data-home-theme="dark"] .home-theme-toggle{color:#f7f7f7}
body[data-home-theme="dark"] .home-theme-track{fill:#000}
body[data-home-theme="dark"] .home-theme-thumb{transform:translateX(-90px)}
body[data-home-theme="dark"] .home-theme-sun{opacity:0}
body[data-home-theme="dark"] .home-theme-moon{opacity:1}
body[data-home-theme="dark"] .site-footer{background:#101820;color:#dce8e4}
body[data-home-theme="dark"] .site-footer .brand{color:#eef3f6}
body[data-home-theme="dark"] .site-footer .brand img{filter:brightness(0) invert(1)}
body[data-home-theme="dark"] .footer-nav a{color:#cad6d0}
body[data-home-theme="dark"] .footer-identity p,
body[data-home-theme="dark"] .footer-nav b,
body[data-home-theme="dark"] .footer-lower{color:#98aaa1}
body[data-home-theme="dark"] .site-scrollbar-thumb{background:linear-gradient(to bottom,#557d9d 0%,#54826b 100%)}
body[data-nav-theme="dark"] .notch{background:#101820}
body[data-nav-theme="dark"] .notch::before{background:radial-gradient(circle at 0 100%,transparent 22px,#101820 22.5px)}
body[data-nav-theme="dark"] .notch::after{background:radial-gradient(circle at 100% 100%,transparent 22px,#101820 22.5px)}
body[data-page="pricing"][data-home-theme="dark"],
body[data-page="pricing"][data-home-theme="dark"] .site-footer{background:#000}
body[data-page="pricing"][data-home-theme="dark"] .pricing-content>p{color:#cad6d0}
body[data-page="pricing"][data-home-theme="dark"] .pricing-card{color:#eeefeb;border-color:#343738}
body[data-page="pricing"][data-home-theme="dark"] .pricing-card-monthly{background:radial-gradient(ellipse 85% 180px at 50% 0,#333c3f80,transparent),#181a1b}
body[data-page="pricing"][data-home-theme="dark"] .pricing-card-yearly{background:linear-gradient(#56634c,#343d2f)}
body[data-page="pricing"][data-home-theme="dark"] .pricing-yearly-badge{color:#d8e4cd}
body[data-page="pricing"][data-home-theme="dark"] .pricing-yearly-body{background:#181a1b}
body[data-page="pricing"][data-home-theme="dark"] .pricing-card .pricing-price span,
body[data-page="pricing"][data-home-theme="dark"] .pricing-card .pricing-note{color:#a6aba7}
body[data-page="pricing"][data-home-theme="dark"] .pricing-card button{background:linear-gradient(#303334,#252728);border-color:#414546;color:#eeefeb;box-shadow:inset 0 1px 0 #ffffff15}
body[data-page="pricing"][data-home-theme="dark"] .pricing-toolkit-title{color:#eeefeb}
body[data-page="pricing"][data-home-theme="dark"] .pricing-toolkit li{background:#202324;border-color:#343738;color:#eeefeb}
body[data-page="pricing"][data-home-theme="dark"] .pricing-toolkit .si{color:#aac991}
::view-transition-group(root),::view-transition-group(home-theme-toggle){animation:none}
::view-transition-image-pair(root){isolation:auto}
::view-transition-old(root),::view-transition-new(root),::view-transition-new(home-theme-toggle){animation:none;mix-blend-mode:normal}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:2}
::view-transition-group(home-theme-toggle){z-index:3}
::view-transition-old(home-theme-toggle){display:none}
@media(max-width:540px){.home-theme-toggle{top:8px;right:60px;width:64px;height:34px}.site-account-link{top:8px;right:16px;width:34px;height:34px}}
@media(max-width:560px){body[data-page] .notch{max-width:100vw;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}body[data-page] .notch::-webkit-scrollbar{display:none}body[data-page] .notch a{flex:none;white-space:nowrap;padding:9px 10px;font-size:12px}}
@media(max-width:940px){body[data-page="home"] .notch,body[data-page="pricing"] .notch{width:min(640px,calc(100vw - 150px));justify-content:flex-start;overflow-x:auto;scrollbar-width:none;transform:translateX(calc(-50% - clamp(0px,calc(468px - 50vw),75px)));padding-right:8px;padding-left:8px}body[data-page="home"] .notch::-webkit-scrollbar,body[data-page="pricing"] .notch::-webkit-scrollbar{display:none}}
@media(max-width:540px){body[data-page="home"] .notch,body[data-page="pricing"] .notch{width:calc(100vw - 150px);transform:translateX(calc(-50% - 49px));gap:0}body[data-page="home"] .notch a,body[data-page="pricing"] .notch a{padding:9px 10px;font-size:12px}}


.launch-home-cta{border-top:1px solid var(--edge);padding:72px 0}.launch-home-cta .container{display:flex;align-items:center;justify-content:space-between;gap:32px}.launch-home-cta h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;margin-bottom:8px}.launch-home-cta p{color:var(--secondary)}
@media(max-width:800px){.launch-home-cta .container{flex-direction:column;align-items:flex-start}}
@media(max-width:980px){.header-row{gap:20px}.nav{gap:4px;padding-right:10px;padding-left:10px}.nav:hover,.nav:focus-within{gap:7px;padding-right:13px;padding-left:13px}.nav a{padding-right:8px;padding-left:8px;font-size:13px}.hero-copy{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.hero-copy>p,.hero-platforms{grid-column:1;grid-row:auto}.duo{gap:48px}.intro-layout{gap:48px}}
@media(max-width:980px){.site-footer .container{width:calc(100% - 64px)}.footer-upper{grid-template-columns:1fr 2fr;gap:40px}.footer-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
@media(max-width:800px){.container{width:min(680px,calc(100% - 40px))}.header-row{height:64px}.nav-toggle{display:flex;margin-left:auto}.nav{display:none;position:absolute;top:63px;left:14px;right:14px;align-self:auto;margin:0;background:var(--glass);padding:10px;flex-direction:column;align-items:stretch;gap:0;border:1px solid #304631;border-radius:18px;box-shadow:0 16px 30px #10181130;transform:none}.nav:hover,.nav:focus-within{gap:0;padding:10px;border-radius:18px;transform:none}.nav.is-open{display:flex}.nav a{justify-content:flex-start;min-height:42px;padding:12px;color:#dce8d9}.nav a[aria-current=page]{background:var(--lime);color:var(--pine)}.header-actions{gap:8px;margin-left:0}.hero{padding:48px 0 0}.section{padding:64px 0}.duo,.intro-layout{grid-template-columns:1fr;gap:32px}.page-intro{padding:56px 0 48px}.footer-upper{grid-template-columns:1fr;gap:40px;padding-bottom:64px}.demo-desktop{min-height:400px}}
@media(max-width:540px){.container{width:calc(100% - 32px)}.header-row{height:60px;gap:10px}.nav{top:59px}.brand{font-size:20px}.brand img{height:26px;width:26px}.header-signin{padding:8px 4px;font-size:14px}.nav-download{font-size:0;min-height:40px;padding:10px;gap:0}.nav-download .si{width:18px;height:18px}.hero-copy h1{font-size:38px}.hero-copy>p{font-size:16px}.hero-actions .button{flex:1 1 100%}.demo-desktop{padding:0 10px 40px;min-height:380px}.demo-notch{width:150px;height:28px}.demo-panel{margin-top:40px}.bottom-prompt{flex-direction:column;align-items:flex-start}.downloads>div{flex-wrap:wrap}.downloads>div button{margin-left:0;width:100%}.site-footer{padding-top:64px}.site-footer .container{width:calc(100% - 40px)}.site-footer .brand{font-size:24px}.site-footer .brand img{width:30px;height:30px}.footer-upper{gap:32px;padding-bottom:48px}.footer-identity p{margin-top:24px;font-size:15px}.footer-nav{gap:16px}.footer-nav b{font-size:11px;margin-bottom:12px}.footer-nav a{font-size:14px;line-height:1.5}.footer-bottom{min-height:180px}.footer-lower{flex-wrap:wrap;gap:8px 20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}