@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Figtree:wght@400;500;600;700&display=swap'); :root{--ink:#07070a;--paper:#0b0b11;--surface:#11111a;--surface-2:#15151d;--text:#fff;--muted:rgba(255,255,255,.66);--quiet:rgba(255,255,255,.42);--line:rgba(255,255,255,.12);--mint:#06ffa1;--mint-soft:rgba(6,255,161,.1);--purple:#8a2ae3;--max:1320px;--display:'Bricolage Grotesque',sans-serif;--body:'Figtree',sans-serif;--r:4px;--z-nav:50} *{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.65;overflow-wrap:anywhere}a{color:inherit}img{max-width:100%;height:auto}.container{width:min(calc(100% - clamp(2rem,6vw,7rem)),var(--max));margin-inline:auto}.skip{position:fixed;left:1rem;top:-6rem;z-index:99;background:var(--mint);color:var(--ink);padding:.8rem 1.2rem;font-weight:800}.skip:focus{top:1rem} .site-header{position:sticky;top:0;z-index:var(--z-nav);background:rgba(7,7,10,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{min-height:82px;display:flex;align-items:center;gap:1.7rem}.logo{font-family:var(--display);font-size:1.45rem;font-weight:800;text-decoration:none;letter-spacing:-.055em}.logo:before{content:"";display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:.55rem;background:var(--mint);box-shadow:0 0 22px rgba(6,255,161,.6)}.logo span{color:var(--mint)}.nav-links{display:flex;align-items:center;gap:1.7rem;margin-left:auto}.nav-links a,.nav>a:not(.logo):not(.btn){font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;font-weight:700}.nav-links a:after{content:"";display:block;height:1px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{transform:scaleX(1)}.lang,.menu{min-width:46px;min-height:46px;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:50%;font:700 .72rem var(--body);letter-spacing:.08em}.menu{display:none;border-radius:0;padding:0 .8rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.72rem 1.35rem;border:1px solid rgba(255,255,255,.32);border-radius:0;text-decoration:none;font-weight:700;font-size:.84rem;letter-spacing:.04em;transition:background .2s,color .2s,border .2s}.btn:hover{border-color:var(--mint);color:var(--mint)}.btn-primary{background:var(--mint);border-color:var(--mint);color:var(--ink)}.btn-primary:hover{background:transparent;color:var(--mint)}:focus-visible{outline:3px solid var(--mint);outline-offset:4px} .hero{position:relative;min-height:min(800px,calc(100svh - 82px));display:grid;align-items:center;padding:clamp(2.5rem,5vw,4.5rem) 0;overflow:hidden}.hero:before{content:"RUUT / DEV";position:absolute;right:-.03em;top:5%;font:800 clamp(6rem,20vw,20rem)/.8 var(--display);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);white-space:nowrap;pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:clamp(3rem,8vw,9rem);align-items:center;position:relative}.eyebrow{display:flex;align-items:center;gap:.7rem;color:var(--mint);font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:.69rem}.eyebrow:before{content:"";width:36px;height:1px;background:currentColor}.hero h1,.page-hero h1{font-family:var(--display);font-weight:500;font-size:clamp(3rem,5.7vw,5.9rem);line-height:.91;letter-spacing:-.06em;margin:1.1rem 0 1.4rem;max-width:12ch}.hero p,.page-hero p{font-size:clamp(1.05rem,1.7vw,1.3rem);color:var(--muted);max-width:650px}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.2rem}.hero-visual{aspect-ratio:3/4;min-height:340px;border:1px solid var(--line);background:var(--surface);padding:1.5rem;display:grid;align-content:space-between;position:relative;overflow:hidden}.hero-visual:before{content:"";position:absolute;width:110%;aspect-ratio:1;border:1px solid rgba(6,255,161,.5);border-radius:50%;right:-70%;top:-8%}.hero-visual:after{content:"";position:absolute;width:60%;aspect-ratio:1;border:1px solid var(--purple);border-radius:50%;left:-30%;bottom:-10%}.visual-lines{display:grid;gap:.8rem;z-index:1}.visual-lines span{height:1px;background:var(--line)}.visual-lines span:nth-child(2){width:62%;background:var(--mint)}.visual-label{font:500 clamp(1.7rem,3vw,3rem)/1 var(--display);letter-spacing:-.04em;max-width:8ch;z-index:1}.proof{border-block:1px solid var(--line);background:var(--ink)}.proof-grid{display:grid;grid-template-columns:repeat(5,1fr)}.proof-grid span{padding:1.4rem .75rem;border-right:1px solid var(--line);text-align:center;font-size:.71rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.proof-grid span:first-child{border-left:1px solid var(--line)} .section{padding:clamp(5rem,10vw,10rem) 0;border-bottom:1px solid var(--line);position:relative}.section.alt{background:var(--ink)}.section-head{max-width:900px;margin-bottom:clamp(3rem,6vw,6rem)}.section h2{font:500 clamp(2.7rem,6vw,6rem)/.95 var(--display);letter-spacing:-.06em;margin:.7rem 0 1.3rem}.section-head p,.card p,.copy p{color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.card{min-width:0;background:transparent;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(1.5rem,3.5vw,3.2rem);position:relative;transition:background .2s}.card:hover{background:var(--mint-soft)}.card h2,.card h3{font:500 clamp(1.45rem,2.4vw,2.25rem)/1.05 var(--display);letter-spacing:-.04em;margin:1rem 0}.card p{font-size:.97rem}.card a{display:inline-block;color:var(--mint);font-weight:700;text-decoration:none;margin-top:1rem}.num{font:700 .7rem var(--body);letter-spacing:.14em;color:var(--mint)}.process{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process .card{min-height:230px}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,9vw,9rem);align-items:center}.split img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.82) contrast(1.05);border-radius:50% 50% 2px 2px}.page-hero{padding:clamp(5rem,10vw,10rem) 0 clamp(4rem,7vw,7rem);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(138,42,227,.5);border-radius:50%;right:-180px;bottom:-260px}.page-hero h1{font-size:clamp(3.5rem,8vw,8rem);max-width:10ch}.page-hero>a,.page-hero .container>a{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);text-decoration:none}.badge{display:inline-flex;border:1px solid var(--mint);color:var(--mint);padding:.35rem .6rem;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;margin:1.5rem 0;filter:saturate(.8);transition:filter .2s}.card:hover img{filter:saturate(1)} .form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;background:var(--surface);border:1px solid var(--line);padding:clamp(1.4rem,5vw,4rem)}.field{display:grid;gap:.5rem}.field.full{grid-column:1/-1}label{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--muted)}input,select,textarea{width:100%;min-height:52px;padding:.85rem 0;border:0;border-bottom:1px solid rgba(255,255,255,.3);border-radius:0;background:transparent;color:var(--text);font:1rem var(--body)}select option{background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--mint);outline:0}textarea{min-height:145px;resize:vertical}.help,.error{font-size:.82rem;color:var(--quiet)}.error{color:#ff968d}.honeypot{position:absolute;left:-10000px}.status{margin-top:1rem;padding:1rem;border-left:3px solid var(--mint);background:var(--mint-soft)}.hidden{display:none!important}.footer{padding:4rem 0;background:var(--ink);border-top:1px solid var(--line)}.footer-grid{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer a{color:var(--text)}.legal{font-size:.8rem;color:var(--quiet)} @media(max-width:940px){.menu{display:block;margin-left:auto}.nav-links{display:none;position:fixed;inset:82px 0 0;background:var(--ink);padding:3rem max(1.5rem,7vw);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.nav-links a{font:500 2.5rem/1 var(--display);text-transform:none;letter-spacing:-.04em}.nav>.btn-primary{display:none}.hero{min-height:auto}.hero-grid,.split{grid-template-columns:1fr}.hero-visual{aspect-ratio:16/9;min-height:280px}.proof-grid{grid-template-columns:repeat(2,1fr)}.grid-3,.process{grid-template-columns:1fr}.card{min-height:auto}.split img{max-width:600px}.nav>a:not(.logo):not(.btn){display:none}} @media(max-width:560px){body{font-size:16px}.container{width:min(calc(100% - 2rem),var(--max))}.hero{padding-top:4rem}.hero h1,.page-hero h1{font-size:clamp(3.1rem,15vw,5rem)}.hero-visual{aspect-ratio:4/3}.proof-grid{grid-template-columns:1fr}.proof-grid span{border-left:1px solid var(--line)}.form{grid-template-columns:1fr}.field{grid-column:1/-1}.actions .btn{width:100%}.section{padding-block:5rem}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}} /* Legacy shared navigation, aligned with the rebuilt pages. */ #nav-placeholder>nav{min-height:82px;padding:0 clamp(1rem,4vw,4rem);display:flex;align-items:center;gap:2rem;background:rgba(7,7,10,.94);border-bottom:1px solid var(--line);position:relative;z-index:60}#nav-placeholder .nav-logo{font:800 1.45rem var(--display);letter-spacing:-.055em;text-decoration:none;color:var(--text)}#nav-placeholder .nav-logo span{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:.55rem;background:var(--mint)}#nav-placeholder .nav-links{position:static;display:flex;margin-left:auto;padding:0;inset:auto;background:transparent;flex-direction:row;align-items:center;list-style:none;gap:1.6rem}#nav-placeholder .nav-links a{font:700 .72rem var(--body);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--text)}#nav-placeholder .nav-cta{padding:.7rem 1rem!important;background:var(--mint);color:var(--ink)!important}.lang-toggle{display:flex;border:1px solid var(--line)}.lang-btn{min-width:38px;min-height:38px;border:0;background:transparent;color:var(--muted);font-weight:700}.lang-btn.active{background:var(--text);color:var(--ink)}#nav-placeholder .hamburger{display:none;margin-left:auto}.nav-mobile,.nav-mobile-overlay{display:none} /* Bose-inspired commercial rhythm for Pricing: clean bands, strong hierarchy, flat product-like tiles, and no nested glass cards. */ #page-pricing .page-hero,#page-privacy .page-hero,#page-terms .page-hero{padding:clamp(5rem,10vw,9rem) clamp(1rem,5vw,5rem)!important;background:var(--ink)!important;border-bottom:1px solid var(--line)}.page-hero-content{width:min(100%,var(--max));margin:auto}.page-hero-content h1{font:500 clamp(3.7rem,9vw,8rem)/.88 var(--display)!important;letter-spacing:-.07em!important;color:var(--text)!important;max-width:10ch!important}.page-hero-content h1 em{font-style:normal;color:var(--mint)}.page-hero-content>p{max-width:650px;color:var(--muted)!important;font-size:clamp(1.05rem,2vw,1.3rem)!important}.hero-badge,.section-label{display:inline-flex!important;border:0!important;color:var(--mint)!important;background:transparent!important;padding:0!important;font:700 .69rem var(--body)!important;letter-spacing:.16em!important;text-transform:uppercase}.pricing-overview,.section-shell{width:min(calc(100% - clamp(2rem,8vw,8rem)),var(--max))!important;margin:auto!important;padding-block:clamp(4rem,8vw,8rem)!important}.pricing-overview{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important}.overview-card,.pricing-intro-card,.pricing-card,.fit-card,.note-card{border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;background:var(--surface)!important;border:1px solid var(--line)!important}.overview-card{padding:clamp(2rem,5vw,5rem)!important}.overview-card.featured,.pricing-card.featured{background:var(--mint)!important;color:var(--ink)!important;border-color:var(--mint)!important}.overview-card.featured *,.pricing-card.featured *{color:var(--ink)!important}.section-header{max-width:850px!important;margin:0 auto clamp(3rem,6vw,6rem)!important}.section-title{font:500 clamp(2.8rem,6vw,5.8rem)/.92 var(--display)!important;letter-spacing:-.06em!important;color:var(--text)!important}.section-intro{font-size:1.1rem!important;color:var(--muted)!important}.pricing-card{padding:clamp(1.5rem,3vw,3rem)!important;min-height:100%;display:flex!important;flex-direction:column}.card-name{font:500 clamp(1.8rem,3vw,3rem)/1 var(--display)!important;letter-spacing:-.04em!important}.setup-line,.monthly-line,.buyout-line{font-family:var(--display)!important}.monthly-line,.buyout-line{font-size:clamp(2.7rem,5vw,4.5rem)!important;letter-spacing:-.06em!important}.feature-list{border-top:1px solid var(--line);padding-top:1.25rem!important}.feature-list li{border-bottom:1px solid var(--line);padding:.75rem 0!important}.cta-row{margin-top:auto!important}.fit-grid,.notes-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important}.fit-card,.note-card{padding:clamp(1.5rem,3vw,3rem)!important}.pricing-note-band{border-radius:0!important;border-left:5px solid var(--purple)!important;background:var(--surface-2)!important}.faq-list{max-width:1000px!important}.faq-item{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important}.faq-question{padding:1.5rem 0!important}.cta-section{background:var(--mint)!important;color:var(--ink)!important;padding:clamp(5rem,10vw,10rem) clamp(1rem,5vw,5rem)!important}.cta-section *{color:var(--ink)!important}.cta-title{font:500 clamp(3rem,7vw,7rem)/.9 var(--display)!important;letter-spacing:-.065em!important} /* Legal pages: readable editorial documents with sticky contents. */ .legal-wrapper{width:min(calc(100% - clamp(2rem,8vw,8rem)),var(--max))!important;margin:auto!important;padding:clamp(4rem,8vw,8rem) 0!important;display:grid!important;grid-template-columns:260px minmax(0,820px)!important;gap:clamp(3rem,8vw,8rem)!important;align-items:start}.toc-sidebar{display:block!important;width:100%!important;height:auto!important;max-width:none!important;position:sticky!important;top:110px!important;background:transparent!important;border:0!important;border-top:1px solid var(--mint)!important;border-radius:0!important;padding:1.5rem 0!important}.toc-header{display:block!important;font:700 .7rem var(--body)!important;text-transform:uppercase;letter-spacing:.14em;color:var(--mint)!important}.toc-list{display:flex!important;flex-direction:column!important;list-style:none!important;padding:0!important;margin:1rem 0 0!important;width:100%!important}.toc-list li{display:block!important;width:100%!important}.toc-list a{display:block!important;width:100%!important;padding:.48rem 0!important;color:var(--muted)!important;text-decoration:none!important;font-size:.88rem!important;line-height:1.4!important}.toc-list a:hover{color:var(--mint)!important}.legal-content{max-width:none!important}.legal-section{padding:0 0 clamp(3rem,6vw,6rem)!important;margin:0 0 clamp(3rem,6vw,6rem)!important;border-bottom:1px solid var(--line)!important}.legal-section h2{font:500 clamp(2rem,4vw,3.5rem)/1 var(--display)!important;letter-spacing:-.045em!important;color:var(--text)!important}.legal-section h3{font:600 1.25rem var(--display)!important;color:var(--text)!important}.legal-section p,.legal-section li{color:var(--muted)!important;font-size:1rem!important;line-height:1.75!important}.legal-section-num{color:var(--mint)!important}.legal-highlight,.legal-warning{border-radius:0!important;background:var(--surface-2)!important;border:0!important;border-left:4px solid var(--mint)!important}.terms-table{display:block;max-width:100%;overflow-x:auto;border:1px solid var(--line)}.terms-table th{background:var(--mint)!important;color:var(--ink)!important}.terms-table td{background:var(--surface)!important;color:var(--muted)!important;border-color:var(--line)!important}.site-footer{background:var(--ink)!important;border-top:1px solid var(--line)!important}.site-footer .footer-grid{width:min(calc(100% - 2rem),var(--max))!important;margin-inline:auto!important;display:grid!important;grid-template-columns:2fr repeat(3,1fr)!important;gap:2rem!important}.site-footer .footer-col,.site-footer .footer-brand{min-width:0!important} @media(max-width:940px){#nav-placeholder .nav-links{display:none}#nav-placeholder .hamburger{display:flex;width:46px;height:46px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--line);background:transparent}.ham-line{display:block;width:20px;height:1px;background:var(--text)}.nav-mobile.open{display:flex;position:fixed;z-index:70;inset:82px 0 0;background:var(--ink);padding:2rem;list-style:none;flex-direction:column;gap:1.5rem}.nav-mobile.open a{font:500 2rem var(--display);text-decoration:none}.pricing-overview{grid-template-columns:1fr!important}.fit-grid,.notes-grid{grid-template-columns:1fr!important}.legal-wrapper{grid-template-columns:1fr!important}.toc-sidebar{position:static!important}.pricing-swiper .swiper-wrapper,.buyout-swiper .swiper-wrapper{display:grid!important;grid-template-columns:1fr!important;transform:none!important;gap:1rem}.pricing-swiper .swiper-slide,.buyout-swiper .swiper-slide{width:auto!important}.swiper-button-prev,.swiper-button-next,.swiper-pagination{display:none!important}} /* Layout integrity: every structural child may shrink inside its viewport. */ html,body{width:100%;max-width:100%}main,header,footer,section,nav,.container,.hero-grid,.split,.grid-3,.process,.page-hero,.page-hero-content,.section-shell,.pricing-overview,.legal-wrapper,.legal-content,.form{min-width:0;max-width:100%}h1,h2,h3,p,li,a,span{min-width:0}.hero h1,.page-hero h1,.page-hero-content h1,.section-title,.cta-title{overflow-wrap:break-word;word-break:normal}.grid-3>*,.process>*,.pricing-overview>*,.fit-grid>*,.notes-grid>*,.form>*{min-width:0}#nav-placeholder{width:100%;max-width:100%;position:relative;z-index:60}#nav-placeholder>nav{width:100%;max-width:100%;box-sizing:border-box}.swiper,.swiper-wrapper,.swiper-slide{max-width:100%}.terms-table table{min-width:680px} @media(max-width:940px){body{overflow-x:clip}.hero-grid,.split{width:100%;min-width:0}.hero-grid>*,.split>*{min-width:0}.hero h1,.page-hero h1,.page-hero-content h1{max-width:100%!important}.page-hero-content{width:100%!important;margin:0!important}.page-hero-content>p{width:100%!important;max-width:100%!important}.legal-wrapper{width:calc(100% - 2rem)!important;margin-inline:auto!important;gap:3rem!important}.toc-sidebar{display:block!important;position:static!important;width:100%!important;height:auto!important;max-width:100%!important;overflow:visible!important}.toc-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;transform:none!important;overflow:visible!important}.toc-list li{display:block!important;width:100%!important}.toc-list a{display:block!important;width:100%!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important}.legal-content{width:100%!important}.pricing-overview,.section-shell{width:calc(100% - 2rem)!important;margin-inline:auto!important}.pricing-card,.overview-card,.pricing-intro-card,.fit-card,.note-card{width:100%!important;max-width:100%!important}.pricing-swiper,.buyout-swiper{width:100%!important;overflow:visible!important}.site-footer .footer-grid{grid-template-columns:1fr 1fr!important}} @media(max-width:560px){.hero h1,.page-hero h1{font-size:clamp(2.65rem,12.5vw,3.55rem);line-height:.94;letter-spacing:-.055em}.page-hero-content h1{font-size:clamp(2.65rem,13vw,3.65rem)!important;line-height:.92!important;letter-spacing:-.055em!important}.section h2,.section-title{font-size:clamp(2.25rem,11vw,3.25rem)!important;line-height:.96!important}.cta-title{font-size:clamp(2.5rem,12vw,3.5rem)!important}.hero-grid{gap:2.5rem}.hero p,.page-hero p,.page-hero-content>p{font-size:1rem!important;line-height:1.65}.eyebrow{letter-spacing:.12em;font-size:.64rem;line-height:1.5}.hero .actions{display:grid;grid-template-columns:1fr;width:100%}.hero .actions .btn{width:100%}.hero-visual{width:100%;min-height:240px}.proof-grid span{padding-inline:1rem;text-align:left}.form{padding:1.25rem;width:100%}.legal-section h2{font-size:2rem!important}.legal-section p,.legal-section li{font-size:.96rem!important}.page-hero-actions,.overview-actions,.cta-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.page-hero-actions a,.overview-actions a,.cta-actions a{width:100%!important;justify-content:center!important}.monthly-line,.buyout-line{font-size:2.65rem!important}.footer-grid,.site-footer .footer-grid{display:grid!important;grid-template-columns:1fr!important}.site-footer{padding-inline:1rem!important}} /* The legacy stylesheet targets every