/* Oikos public site — warm surfaces, real product imagery, accessible motion. */
:root{--bg:#f7f6f2;--bg-surface:#eeede7;--text:#252822;--muted:#676b61;--tertiary:#73776d;--orange:#bd4c28;--orange-hover:#a83e1c;--orange-soft:#e5b59e;--yellow:#94621c;--green:#47795b;--card-bg:#fffefa;--card-border:#dcded4;--r:20px}
html{scroll-padding-top:110px}body,html.js body{background:var(--bg);cursor:auto;color:var(--text)}body{font-size:16px}a,button,input{touch-action:manipulation}button,a{transition:background .2s,color .2s,transform .2s}button:active,.btn-primary:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,.section-title,.compat-title{text-wrap:balance}.skip-content{position:fixed;top:-100px;left:20px;z-index:200;background:var(--text);color:white;padding:12px 20px;border-radius:8px}.skip-content:focus{top:12px}.nav-dots,#cursor,.px-bg,.hero-fade-top,.hero-fade-bottom,.hero-logo-watermark,.showcase-glow,.footer-watermark{display:none!important}
#navbar,#navbar.scrolled{height:86px;padding:0 max(28px,calc((100vw - 1360px)/2));background:rgba(247,246,242,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--card-border);gap:24px}#navbar .nav-logo-img{width:34px;height:34px;mix-blend-mode:normal;border-radius:10px}.nav-logo-text{font-size:30px;letter-spacing:-.06em;font-weight:600}.brand-point{color:var(--orange)}.nav-links{gap:22px}.nav-link{font-size:13px;color:#4e544b}.nav-right{gap:14px}.nav-social{display:none}.lang-toggle{border:0;background:#eeede7;border-radius:8px;padding:2px}.lang-btn{padding:5px 6px;font-size:10px;border-radius:5px;color:var(--muted)}.lang-btn.active{background:#fffefa;color:var(--text)}.btn-nav,.btn-nav-ghost{border-radius:9px;font-size:12px;padding:10px 14px;box-shadow:none;background:var(--text);color:#fffefa;border:1px solid var(--text)}.btn-nav-ghost{background:transparent;color:var(--text);border-color:transparent}.btn-nav:hover{background:var(--orange);color:white;box-shadow:none}.menu-toggle{display:none}
.hero{max-width:1440px;margin:0 auto;min-height:0;height:auto;padding:155px 40px 86px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:54px;align-items:center;overflow:visible;background:none}.hero-content{position:relative;max-width:none;padding:0;z-index:1;width:auto}.hero-overline{font-family:inherit;font-size:11px;letter-spacing:.12em;color:var(--muted);margin:0 0 24px;gap:9px}.hero-overline-dot{background:var(--orange);box-shadow:none;animation:none;width:6px;height:6px}.hero h1{font-size:clamp(46px,5.25vw,76px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0 0 28px}.hero h1 span{display:block;transform:none}.hero-line-1,.hero-line-2,.hero-line-3{color:var(--text);background:none;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;font-style:normal;opacity:1}.hero-line-3{color:var(--orange)}.hero-sub{font-size:17px;line-height:1.7;max-width:43ch;margin-bottom:28px;color:var(--muted)}.hero-btns{gap:22px;flex-wrap:wrap;margin:0;align-items:center}.btn-primary,.btn-secondary{font-family:inherit;border-radius:10px;font-size:14px;font-weight:700;padding:15px 21px;box-shadow:none;min-height:48px;background:var(--orange);color:white;border:1px solid var(--orange);text-decoration:none}.btn-primary:hover{background:var(--orange-hover);box-shadow:none;transform:translateY(-2px)}.hero-guide-link{font-size:14px;text-decoration:none;color:var(--text);padding:10px 0;border-bottom:1px solid #b4b8ac}.hero-assurance{font-size:11px;color:var(--muted);margin-top:24px;line-height:1.5}.hero-product{margin:0;min-width:0;padding:18px;background:#e9ebe3;border:1px solid #dde0d5;border-radius:24px;transform:rotate(-1deg);box-shadow:0 24px 50px -36px #59614880}.product-caption,.hero-product figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#555f4f}.product-caption{padding:0 2px 14px}.recording-dot{width:6px;height:6px;background:#597b46;border-radius:50%}.product-screen{border:5px solid #373d33;background:#373d33;border-radius:13px;overflow:hidden}.product-screen video{display:block;width:100%;height:auto;aspect-ratio:1280/856;object-fit:contain}.hero-product figcaption{padding:15px 3px 1px;font-size:10px}.product-strip{max-width:1360px;margin:0 auto;padding:22px 0;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);display:flex;gap:36px;align-items:center;font-size:12px}.product-strip>span{margin-right:auto;color:var(--muted)}.product-strip a{color:var(--text);text-decoration:none}.product-strip a:hover{color:var(--orange)}
.section,.compat-inner,.ai-inner,.install-inner,.pricing-inner{max-width:1240px;margin:0 auto}.section{padding:100px 28px}.section-label{font-family:inherit;color:var(--orange);font-size:11px;letter-spacing:.12em;font-weight:700;margin-bottom:20px}.section h2,.section-title,.compat-title{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.05em;font-weight:500;color:var(--text)}.section-title em,.compat-title em{font-style:normal;color:var(--orange);-webkit-text-fill-color:currentColor}.section-sub{font-size:16px;color:var(--muted);line-height:1.75;max-width:58ch;margin-bottom:40px}.section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:38px}.section-intro p{font-size:16px;color:var(--muted);line-height:1.75;max-width:46ch}.section-intro h2{margin:0}.screen-story{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:30px;align-items:stretch}.gallery-main{min-width:0;padding-top:12px}.screen-tabs{display:flex;gap:8px;margin:0 0 22px}.screen-tabs button{font:500 13px 'Satoshi',sans-serif;color:var(--muted);border:1px solid var(--card-border);border-radius:7px;padding:10px 16px;background:transparent;cursor:pointer}.screen-tabs button[aria-pressed=true]{background:var(--text);color:white;border-color:var(--text)}.gallery-screen{background:#e8e9e2;padding:10px;border-radius:17px;border:1px solid var(--card-border)}.gallery-screen img{display:block;width:100%;height:auto;border-radius:9px;aspect-ratio:1600/873;object-fit:contain}.gallery-caption{font-size:13px;line-height:1.7;color:var(--muted);margin-top:20px;max-width:60ch}.phone-story{display:grid;grid-template-columns:1fr 135px;gap:22px;padding:28px;background:#edeee8;border-radius:19px;align-items:center}.phone-story h3{font-family:'Clash Display',sans-serif;font-size:32px;font-weight:500;letter-spacing:-.04em;line-height:1.06;margin:12px 0 16px}.phone-story p{font-size:13px;line-height:1.75;color:var(--muted)}.phone-story .section-label{font-size:9px}.phone-screen{border:5px solid #373d33;border-radius:20px;background:#373d33;overflow:hidden;box-shadow:0 18px 28px -20px #47543c80}.phone-screen video{display:block;width:100%;height:auto}
.guide-invitation{max-width:1184px;margin:0 auto 20px;padding:38px 40px;background:#efe4d8;border-radius:20px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.guide-invitation h2{font-family:'Clash Display',sans-serif;font-size:32px;font-weight:500;letter-spacing:-.04em;line-height:1.1;margin-bottom:14px}.guide-invitation p{font-size:14px;color:#6f6357;line-height:1.7;max-width:46ch}.guide-paths{display:grid;grid-template-columns:1fr 1fr;gap:25px}.guide-paths a{color:var(--text);text-decoration:none;border-top:1px solid #c5b7a8;padding-top:18px;font-size:12px}.guide-paths strong{display:flex;align-items:center;justify-content:space-between;font-size:45px;font-weight:500;letter-spacing:-.06em;margin-top:20px}.guide-paths strong span{font-size:24px;color:var(--orange)}.guide-paths a:hover{color:var(--orange)}
.px-wrap{background:none;clip-path:none;overflow:visible}.feat-grid{grid-template-columns:1.25fr 1fr;gap:18px}.feat-card,.more-feat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:32px;box-shadow:none;transform:none!important}.feat-card-big{grid-column:auto;grid-row:span 2}.feat-card:hover,.more-feat-card:hover{background:#f0f1eb;border-color:#c4cabb;box-shadow:none;transform:none}.feat-card::before,.feat-card::after,.more-feat-card::before{display:none}.feat-card h3,.more-feat-card h3{font-size:25px;letter-spacing:-.035em;font-weight:500;color:var(--text)}.feat-card p,.more-feat-card p{font-size:14px;color:var(--muted);line-height:1.75}.feat-card-label{color:var(--muted);letter-spacing:.09em;font-size:10px}.feat-icon{border-radius:6px;background:#f0e4d9;border:0;box-shadow:none}.mini-dash{background:#f4f4ef;border-color:var(--card-border);box-shadow:none}.mini-dash-bar{background:#e9ebe3;border-color:var(--card-border)}.mini-url,.mini-stat-lbl{color:var(--muted)}.mini-stat{background:#fffefa;border:1px solid #e5e7df;border-radius:9px}.mini-stat-val{font-size:20px}.more-feat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.more-feat-card{background:none;border:0;border-top:1px solid var(--card-border);border-radius:0;padding:28px 0}.showcase-section{padding:0 28px;max-width:1240px;margin:0 auto}.showcase-wrap{border:1px solid #d6d9ce;border-radius:18px;box-shadow:0 24px 45px -38px #5e6953;transform:none!important;background:#eef0e8}.showcase-bar{background:#e9ebe3;border-bottom:1px solid #d6d9ce}.showcase-bar-url{color:var(--muted)}.showcase-img{display:block;width:100%;height:auto;filter:none;opacity:1}.section-divider{border:0;border-top:1px solid var(--card-border);max-width:1184px;margin:0 auto}
.compat-section,.ai-section,.install-section,.pricing-section{background:none;border:0;padding:90px 28px}.compat-section::before,.ai-section::before{display:none}.compat-top{gap:70px}.compat-desc{font-size:15px;color:var(--muted);line-height:1.8}.compat-chip{background:#eeefe8;border:1px solid #dadfd1;border-radius:6px;color:#525e49;font-size:11px}.compat-dot{background:#60824d;box-shadow:none}.compat-note{color:var(--muted);font-size:12px}.compat-note-line{background:var(--card-border)}.ai-inner,.install-inner{gap:70px}.terminal{background:#eeefe8;border:1px solid #d9ddd2;box-shadow:none;border-radius:16px;transform:none!important}.term-bar{background:#e5e8dd;border-color:#d9ddd2}.term-title,.term-thinking{color:#646b5d}.term-text,.term-cmd{color:var(--text)}.term-prompt,.term-gt{color:var(--orange)}.term-success,.term-gt-green{color:#47713f}.term-body{font-size:12px;line-height:1.9}.tag-pill{border-radius:5px;border-color:#d7dccf;background:#edeee8;color:var(--muted)}.tag-pill.live{color:#47713f;background:#e7eddf;border-color:#cdd9c1}.install-num{color:var(--orange);background:#efe2d5;border:0;border-radius:9px;box-shadow:none}.install-step-text p{color:var(--muted)}.install-code,.install-right,.repo-box{background:#eeefe8;border-color:var(--card-border);box-shadow:none}.install-code code,.repo-url{color:var(--text)}
.pricing-grid{gap:18px;align-items:stretch}.price-card{background:#fffefa;border:1px solid var(--card-border);border-radius:18px;padding:30px;box-shadow:none;opacity:1!important;transform:none!important;display:flex;flex-direction:column}.price-card.featured{border:1px solid #d7b397;background:#f0e4d8;box-shadow:none}.price-card::before{display:none}.price-name{color:var(--text)}.price-amount{color:var(--text);font-size:48px;letter-spacing:-.055em}.price-period,.price-features li{color:var(--muted)}.price-features{flex:1}.price-features li::before{color:var(--orange)}.price-badge{background:var(--orange);color:white;border-radius:5px;box-shadow:none}.btn-price,.btn-price-fill,.btn-price-outline{border-radius:9px;box-shadow:none}.btn-price-fill{background:var(--orange);border-color:var(--orange);color:white}.btn-price-outline{color:var(--text);border-color:#bfc6b6}.btn-price:hover{background:var(--text);color:white;box-shadow:none}.final-cta{max-width:1184px;margin:10px auto 80px;padding:70px 40px;min-height:0;background:#e9ece2;border-radius:22px;text-align:center;border:1px solid #dadecf;overflow:hidden}.final-cta-bg,.final-cta-overlay{display:none}.final-cta h2{color:var(--text);font-size:clamp(36px,5vw,62px);line-height:1.05;letter-spacing:-.05em;font-weight:500}.final-cta p{color:var(--muted);font-size:16px}.auth-section{padding:0 24px 90px}.auth-card{background:#fffefa;border:1px solid var(--card-border);border-radius:18px;box-shadow:none}.field input,.field select{background:#f6f6f0;border:1px solid #d5dacd;border-radius:8px;color:var(--text)}.tabs{background:#eeefe8;border-color:var(--card-border)}.tab{color:var(--muted)}.tab.active{background:white;color:var(--text);box-shadow:none}.btn-oauth{background:#f6f6f0;border-color:#d5dacd;color:var(--text)}.btn-oauth:hover{background:#e9ece1}.or-divider{color:var(--muted)}.modal-overlay{background:#25282277;backdrop-filter:blur(7px)}.modal-box,.modal{background:#fffefa;border:1px solid var(--card-border);border-radius:20px;color:var(--text)}
footer{background:#eeefe8;padding:58px max(28px,calc((100vw - 1184px)/2)) 28px;border-top:1px solid var(--card-border);overflow:hidden}.footer-grid{gap:50px}.footer-desc,.footer-col a,.footer-bottom{color:var(--muted)}.footer-col h4{color:var(--text)}.footer-bottom{border-color:#d6dbcd}.footer-social a{color:#606a56;background:#e4e8dc;border-color:#cfd8c3}.footer-social a:hover{color:var(--orange)}
@media(min-width:1450px){.hero{padding-top:170px;padding-bottom:100px}.hero h1{font-size:80px}}
@media(max-width:1200px){#navbar,#navbar.scrolled{padding:0 24px;gap:16px}.nav-links{gap:14px}.nav-link{font-size:12px}.btn-nav{padding:9px 11px}.hero{gap:30px;padding-left:28px;padding-right:28px}.product-strip{margin:0 28px}.phone-story{grid-template-columns:1fr 115px;padding:22px;gap:16px}.guide-invitation,.final-cta{margin-left:28px;margin-right:28px}}
@media(max-width:1000px){#navbar{height:76px}.nav-links{display:none;position:absolute;top:75px;left:16px;right:16px;background:#fffefa;border:1px solid var(--card-border);padding:20px;border-radius:12px;box-shadow:0 20px 40px -25px #444e38}.nav-links.is-open{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nav-links .nav-link{font-size:15px;padding:10px}.menu-toggle{display:flex;align-items:center;gap:14px;margin-left:auto;border:0;background:none;color:var(--text);font:500 13px 'Satoshi',sans-serif;cursor:pointer;padding:10px}.nav-right{gap:9px}.hero{grid-template-columns:1fr 1fr;gap:26px;padding-top:125px;padding-bottom:64px}.hero h1{font-size:clamp(40px,5.4vw,56px)}.hero-sub{font-size:15px}.hero-product{padding:12px;border-radius:18px;transform:none}.hero-btns{gap:14px}.hero-assurance{font-size:10px}.screen-story{grid-template-columns:1fr}.phone-story{grid-template-columns:1fr 150px;gap:40px;padding:32px;max-width:100%}.phone-story p{max-width:38ch;font-size:15px}.phone-screen{max-height:310px}.phone-screen video{width:100%}.section-intro{gap:35px}.guide-invitation{gap:35px}.compat-top,.ai-inner,.install-inner{gap:40px}.product-strip{gap:22px}}
@media(max-width:640px){#navbar,#navbar.scrolled{height:70px;padding:0 18px;gap:8px}.nav-logo-text{font-size:27px}.nav-logo{gap:7px}.nav-right{gap:0}.nav-logo-img{width:28px!important;height:28px!important}.nav-right .btn-nav{font-size:11px;padding:8px 10px}.nav-right .btn-nav-ghost{display:none}.lang-toggle{position:absolute;top:80px;right:18px;z-index:2;background:#eaece2}.lang-btn{padding:4px 7px;font-size:9px}.menu-toggle{gap:5px;font-size:12px}.nav-links{top:69px;z-index:3}.hero{grid-template-columns:1fr;padding:132px 22px 40px;gap:34px}.hero-overline{font-size:10px;margin-bottom:21px}.hero h1{font-size:clamp(43px,11.2vw,65px);line-height:1.01;margin-bottom:22px}.hero h1 span{display:inline}.hero h1 span::after{content:' '}.hero h1 span:last-child{display:block}.hero-sub{font-size:15px;max-width:40ch;margin-bottom:23px}.hero-btns{gap:20px}.btn-primary{font-size:13px;padding:13px 17px}.hero-guide-link{font-size:12px}.hero-assurance{font-size:10px;margin-top:18px}.hero-product{padding:11px;border-radius:16px}.product-caption,.hero-product figcaption{font-size:9px}.product-screen{border-width:3px;border-radius:8px}.hero-product figcaption span:last-child{display:none}.product-strip{margin:0 22px;gap:15px;flex-wrap:wrap;padding:20px 0;font-size:11px}.product-strip>span{width:100%;margin:0}.product-strip>a:first-of-type{display:none}.section{padding:62px 22px}.section-intro{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.section h2,.section-title,.compat-title{font-size:37px}.section-intro p{font-size:14px}.section-label{font-size:10px;margin-bottom:14px}.screen-tabs{margin-bottom:15px}.screen-tabs button{font-size:12px}.gallery-screen{padding:6px;border-radius:10px}.phone-story{padding:24px;grid-template-columns:minmax(0,1fr) 112px;gap:20px}.phone-story h3{font-size:29px}.phone-story p{font-size:12px}.phone-story .section-label{font-size:8px}.phone-screen{border-width:3px;border-radius:15px;max-height:none}.guide-invitation{margin:0 22px;padding:28px 24px;grid-template-columns:1fr;gap:24px;border-radius:16px}.guide-invitation h2{font-size:30px}.guide-invitation p{font-size:13px}.guide-paths strong{font-size:37px;margin-top:12px}.feat-grid,.more-feat-grid{grid-template-columns:1fr;gap:18px}.feat-card-big{grid-row:auto}.feat-card{padding:25px}.more-feat-card{padding:24px 0}.showcase-section{padding:0 22px}.showcase-bar-url{font-size:9px}.section-divider{margin:0 22px}.compat-section,.ai-section,.install-section,.pricing-section{padding:60px 22px}.compat-top,.ai-inner,.install-inner{grid-template-columns:1fr;gap:32px}.compat-desc{font-size:14px}.compat-note{font-size:11px}.compat-note-line{display:none}.compat-chips{gap:6px}.compat-chip{font-size:10px}.terminal{max-width:100%;overflow:hidden}.term-body{padding:20px;font-size:10px;overflow-wrap:anywhere}.term-title{font-size:10px}.pricing-grid{grid-template-columns:1fr}.price-card{padding:27px}.final-cta{margin:0 22px 60px;padding:46px 24px}.final-cta h2{font-size:38px}.final-cta p{font-size:14px}.final-cta .btn-primary{font-size:14px!important;padding:14px 22px!important}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:15px;flex-wrap:wrap}.auth-card{padding:24px}.install-step-text p{overflow-wrap:anywhere}.hero-content{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.fade-in{opacity:1!important;transform:none!important}}
.hero-content{display:block;min-height:0;height:auto;justify-content:initial}.hero h1{letter-spacing:-.045em}.hero h1 span{font-weight:500;letter-spacing:inherit}.lang-toggle .lang-btn:not(.active){max-width:48px;padding:5px 6px;opacity:1}.lang-toggle:hover .lang-btn:not(.active),.lang-toggle:focus-within .lang-btn:not(.active){padding:5px 6px}
.term-body{background:#eeefe8}.term-line .term-gt{color:var(--orange)!important}.install-inner>*{min-width:0}.install-cta-box{background:#eeefe8;border:1px solid var(--card-border);border-radius:16px;box-shadow:none;min-width:0}.install-cta-box>p{color:var(--muted)!important}.install-cta-box img{max-width:100%;height:auto!important}.install-gh-btn{background:#fffefa;border-color:#d5dacd;color:var(--text);border-radius:8px;font-size:12px;overflow-wrap:anywhere}.install-gh-btn:hover{background:#e5e9dd;border-color:#bec8b2}.install-repo{min-width:0;font-size:11px;overflow-wrap:anywhere}.price-feats li{color:var(--muted)}.price-feats li::before{color:var(--orange)}.modal-card{background:#fffefa;border:1px solid var(--card-border);border-radius:18px;box-shadow:0 28px 70px -30px #39432d66}.modal-close{color:var(--muted);background:#eeefe8}.field input::placeholder{color:#858d7d}.oauth-btn{background:#f4f5ef;border-color:#d5dacd;color:var(--text)}.oauth-btn:hover{background:#e6ebdd;border-color:#c2cdb7}.oauth-btn svg{color:var(--text)}.footer-top{gap:50px}.auth-section{max-width:500px}.btn-secondary{color:var(--text);background:transparent;border-color:var(--card-border)}
@media(max-width:640px){.hero h1 span{display:block}.hero h1 span::after{content:none}.install-inner{grid-template-columns:minmax(0,1fr)}.install-step-text{min-width:0}.install-gh-btn{font-size:10px;padding:12px}.footer-top{gap:28px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.auth-card{padding:24px 20px}}