@font-face{font-family:system;src:local('Arial')} :root{color-scheme:dark;--bg:#111013;--panel:#1c1821;--ink:#f4f0f8;--muted:#b0a6ba;--line:#342d3c;--accent:#c799ff;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}header{position:sticky;top:0;z-index:30;background:#111013f2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{height:95px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;letter-spacing:.045em;text-transform:uppercase;line-height:1.1}.logo small{display:block;font-size:12px;letter-spacing:.48em;margin-top:6px}.brand-mark{font-size:35px;font-weight:900;position:relative;color:var(--accent);letter-spacing:-7px;margin-right:7px}.brand-mark span{font-size:24px;vertical-align:top;letter-spacing:0}nav{display:flex;align-items:center;gap:26px}nav>a{font-size:14px;color:#c7cac1}nav>a:hover,.text-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--accent);color:#20112d;border:1px solid var(--accent);padding:17px 25px;border-radius:5px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;min-height:52px}.button:hover{background:#ddbdff;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.button.small{padding:11px 18px;min-height:44px;font-size:12px;gap:14px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.07fr 1fr;gap:40px;padding-top:83px;padding-bottom:90px;min-height:760px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--accent);margin:0 0 26px}.hero h1{font-size:clamp(44px,4.5vw,66px);letter-spacing:-.065em;line-height:1.06;margin:0 0 27px;max-width:640px;font-weight:700}.hero h1>span{color:var(--accent)}.intro{color:var(--muted);max-width:480px;font-size:17px;line-height:1.75}.actions{display:flex;gap:30px;align-items:center;margin:34px 0 36px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:24px;min-height:48px}.qualities{border-top:1px solid var(--line);padding-top:25px;display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:12px}.qualities i{font-style:normal;color:var(--accent);margin-right:6px}.hero-visual{position:relative;padding:36px 12px 55px 0;min-width:0}.visual-caption,.visual-foot{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:var(--muted);margin-bottom:25px}.visual-caption>span:last-child{font-size:26px;color:var(--accent)}.browser-preview{width:94%;border:1px solid #504059;border-radius:9px;overflow:hidden;box-shadow:0 30px 75px #0005;transform:rotate(-4deg)}.browser-bar{background:#29222f;display:flex;justify-content:space-between;padding:10px 15px;font-size:9px;color:#b8a6c6}.browser-bar>span:first-child{letter-spacing:3px;color:#8c759e}.concept{background:#d8d1bd;color:#25241e;min-height:310px;display:flex;flex-direction:column;overflow:hidden}.concept-nav{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #24241f33;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.concept-nav>span{font-size:8px}.concept-body{padding:28px 25px;flex:1;position:relative}.concept-label{font-size:9px;letter-spacing:.13em;text-transform:uppercase}.concept-body strong{display:block;font-family:Georgia,serif;font-size:45px;font-weight:400;line-height:1.04;letter-spacing:-.04em;max-width:260px;margin:15px 0}.concept-body p{font-size:11px;max-width:240px}.concept-cta{display:inline-block;border-bottom:1px solid;padding-bottom:6px;font-size:8px;letter-spacing:.1em}.concept-footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;border-top:1px solid #24241f33;padding:14px 24px}.north{background:#bdc4e5;color:#172042}.north .concept-body strong{font-family:Arial,sans-serif;font-weight:900;font-size:48px;font-style:italic;max-width:240px}.phone-preview{position:absolute;right:-5px;top:185px;width:155px;border:5px solid #41304f;border-radius:23px;overflow:hidden;transform:rotate(7deg);box-shadow:0 20px 50px #0007}.phone-preview .concept{min-height:300px}.phone-preview .concept-nav{padding:20px 12px 12px;font-size:10px}.phone-preview .concept-nav>span{display:none}.phone-preview .concept-body{padding:22px 12px}.phone-preview .concept-body strong{font-size:30px;overflow-wrap:normal}.phone-preview .concept-body p{font-size:10px}.phone-preview .concept-label{font-size:8px}.phone-preview .concept-footer{padding:10px;font-size:7px}.visual-foot{margin-top:46px;padding-right:70px;font-size:10px;letter-spacing:.08em}.visual-foot>span:last-child{letter-spacing:0}h2{font-size:clamp(32px,3.5vw,49px);line-height:1.12;letter-spacing:-.05em;font-weight:600;margin:0 0 25px;max-width:700px}h3{line-height:1.3;letter-spacing:-.025em;font-size:23px}section{scroll-margin-top:15px}footer{padding-top:50px!important;padding-bottom:28px!important;border-top:1px solid var(--line)}footer p{color:var(--muted);max-width:350px;font-size:14px}footer nav{flex-wrap:wrap;margin:35px 0}.footer-bottom{display:flex;gap:25px;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;font-size:12px;color:var(--muted)}.footer-bottom>div{display:flex;gap:20px}.whatsapp-float{position:fixed;right:24px;bottom:24px;width:52px;height:52px;border:1px solid #82619e;border-radius:50%;background:var(--accent);color:#20112d;z-index:25;display:grid;place-items:center;box-shadow:0 4px 15px #0006}.whatsapp-float svg{width:27px}.toast{position:fixed;z-index:60;right:24px;bottom:90px;background:#f0e5fa;color:#20112d;padding:18px 22px;max-width:min(380px,calc(100% - 48px));border-radius:8px;box-shadow:0 5px 25px #0005}.skip{position:fixed;top:-100px;left:15px;z-index:90;background:var(--accent);color:#111;padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1600px){.hero{min-height:820px}.hero h1{font-size:74px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}nav{gap:17px}.header-inner nav .button{display:none}.hero{gap:25px}.hero h1{font-size:52px}.hero-visual{padding-left:0}.qualities{gap:12px}.concept-body strong{font-size:38px}}@media(max-width:780px){.wrap{width:calc(100% - 40px)}.header-inner{height:76px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;background:none;border:1px solid var(--line);border-radius:5px;padding:10px}.menu-toggle span{height:2px;background:var(--ink);width:100%}header nav{display:none;position:absolute;top:76px;left:0;width:100%;padding:24px;background:var(--bg);border-bottom:1px solid var(--line);align-items:stretch;gap:5px}header nav.open{display:flex;flex-direction:column}header nav>a{padding:11px}header nav .button.small{display:flex;margin-top:10px}.hero{grid-template-columns:1fr;gap:10px;padding-top:49px;padding-bottom:40px;min-height:0}.hero h1{font-size:clamp(43px,8vw,65px);max-width:650px}.hero .intro{font-size:16px}.hero .eyebrow{font-size:10px;letter-spacing:.13em}.hero-visual{width:min(510px,100%);margin:0 auto;padding-top:28px}.qualities{font-size:11px;gap:14px}.phone-preview{right:0}.browser-preview{margin-left:6px;width:90%}.visual-foot{padding-right:30px}.footer-bottom{flex-wrap:wrap;padding-right:45px}.footer-bottom>span:last-child{display:none}.actions{gap:25px}.button{padding:15px 20px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.section{padding-top:105px;padding-bottom:105px}.surface{background:#161617;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.problem{position:relative}.problem>.eyebrow{grid-column:1/-1;margin-bottom:-45px}.problem h2{max-width:570px}.problem>div{padding-top:5px}.problem>div>p{color:var(--muted);font-size:17px;margin-top:0}.marquee{border-block:1px solid var(--line);padding:23px 0;background:#151417}.marquee .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:.1em;font-weight:700}.marquee i{color:var(--accent);font-size:23px;font-style:normal}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px}.services article{position:relative;padding:32px;border-top:1px solid var(--line);border-right:1px solid var(--line);transition:background .2s}.services article:nth-child(3n){border-right:0}.services article:hover{background:#1f1c24}.service-icon{width:30px;height:30px;color:var(--accent);margin-bottom:20px}.item-index{float:right;font-size:12px;color:#a6a0ad}.services h3{font-size:21px;margin:0 0 15px}.services p{font-size:15px;color:var(--muted);max-width:300px;min-height:76px}.services .text-link{font-size:12px}.section-heading .intro{max-width:530px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:48px}.project-cover{display:block;position:relative;padding:64px 36px 36px;border:1px solid #36313d;border-radius:8px;background:#29262d;width:100%;overflow:hidden;text-align:left;transition:background .25s}.project-cover:hover{background:#342e3d}.project-cover:hover .portfolio-browser{transform:translateY(-5px)}.project-tag{position:absolute;top:20px;left:23px;border:1px solid #655c70;border-radius:20px;font-size:10px;padding:4px 10px;color:#e7dff0}.portfolio-browser{border-radius:5px;overflow:hidden;box-shadow:0 15px 35px #0004;transition:transform .3s}.portfolio-browser .concept{min-height:300px}.cover-arrow{position:absolute;right:21px;top:16px;font-size:25px;color:#e7dff0}.project-heading{display:flex;align-items:center;justify-content:space-between;margin-top:23px}.project-heading h3{margin:0;font-size:26px}.project-number{color:#93899f;font-size:12px}.category{font-size:12px!important;color:var(--accent)!important;letter-spacing:.02em;margin-top:7px}.projects article>p:not(.category){font-size:14px;color:var(--muted);max-width:550px}.project-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.text-link{border:0;background:transparent;padding:0;text-align:left}.process{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 45px;margin-top:54px;margin-bottom:0}.process li{border-top:1px solid #49404f;padding:26px 0;position:relative}.step-number{color:var(--accent);font-size:14px}.process h3{font-size:20px;margin:18px 0 10px}.process p{color:var(--muted);font-size:14px;margin:0;max-width:300px}.plans{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;gap:20px}.plan{border:1px solid var(--line);padding:30px 28px;display:flex;flex-direction:column;border-radius:8px;position:relative}.plan.featured{border-color:var(--accent);background:#201927}.plan-kicker{font-size:10px;letter-spacing:.11em;color:var(--muted)}.featured .plan-kicker{color:var(--accent)}.plan h3{font-size:26px;margin:22px 0 10px}.plan>p{font-size:14px;color:var(--muted);min-height:48px;margin:0}.price{display:block;font-size:25px;letter-spacing:-.04em;border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:13px}.plan ul{list-style:none;padding:0;flex:1;margin-bottom:28px}.plan li{font-size:14px;padding:7px 0;display:flex;gap:10px}.plan li:before{content:'✓';color:var(--accent)}.plan .button{font-size:12px;gap:15px;padding-inline:12px}.plan:not(.featured) .button{background:transparent;color:var(--ink);border-color:#6b587d}.plan:not(.featured) .button:hover{background:#2b2036}.section-note{font-size:12px;color:var(--muted);margin-top:23px;line-height:1.7}.maintenance{background:#201b27;border:1px solid #493755;padding:55px;display:grid;grid-template-columns:1.2fr 1fr;gap:65px;border-radius:8px}.maintenance h2{font-size:38px}.maintenance .intro{font-size:15px}.maintenance>div:last-child{align-self:center}.maintenance ul{list-style:none;padding:0}.maintenance li{border-bottom:1px solid #493755;padding:14px 0;font-size:15px}.maintenance li:before{content:'+';color:var(--accent);margin-right:15px}.benefits{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:30px}.benefit-list article{display:flex;gap:14px}.benefit-number{color:var(--accent);font-size:11px;padding-top:5px}.benefit-list h3{font-size:18px;margin:0 0 10px}.benefit-list p{font-size:14px;color:var(--muted);margin:0}.tech-band{border-block:1px solid var(--line);padding:31px 0}.tech-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.tech-band .eyebrow{margin:0;font-size:10px;color:var(--muted)}.tech-band .wrap>div{display:flex;flex-wrap:wrap;gap:32px;color:#d1cad6;font-size:16px;font-weight:700}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.portrait{background:#232026;aspect-ratio:1/1;position:relative;display:grid;place-items:center;border:1px solid #3a3243;border-radius:8px;overflow:hidden}.monogram{font-size:110px;font-weight:700;letter-spacing:-.08em;color:#d3b4f0}.monogram>span{font-size:50px;vertical-align:top}.portrait-caption{position:absolute;bottom:0;left:0;width:100%;padding:25px;border-top:1px solid #3a3243;background:#1d1921;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.portrait-caption strong{font-size:15px}.portrait-caption>span{font-size:12px;color:var(--muted)}.portrait img{width:100%;height:100%;object-fit:cover}.about>div>p:not(.eyebrow){color:var(--muted);font-size:16px}.about .text-link{margin-top:10px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.contact-grid h2{font-size:52px;max-width:450px}.contact-side{display:flex;align-items:center;gap:20px;margin-top:45px;color:var(--muted);font-size:15px}.mini-mark{font-size:65px;line-height:1;color:var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid label{font-size:13px;font-weight:600;display:block}.form-grid label>span{color:var(--accent)}input,select,textarea{width:100%;border:1px solid #45404c;background:#111013;color:var(--ink);border-radius:5px;display:block;padding:14px;margin-top:8px;font-size:14px;outline:none;min-height:50px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #bf8bf229}input::placeholder,textarea::placeholder{color:#8d8596;opacity:1}textarea{resize:vertical;min-height:130px}.wide{grid-column:1/-1}.privacy{font-size:12px;color:var(--muted);line-height:1.6}.form-status{font-size:13px;color:#e2c9fa;border-left:2px solid var(--accent);padding-left:12px;margin:20px 0}.button:disabled{background:#3d3348;border-color:#675477;color:#d1c4df;cursor:not-allowed;transform:none}form>.button{width:100%}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:22px 0;font-size:16px}summary::-webkit-details-marker{display:none}summary>span{color:var(--accent);font-size:24px;font-weight:400}details[open] summary>span{transform:rotate(45deg)}details>p{color:var(--muted);font-size:14px;margin:0 30px 23px 0}.final-cta{padding:70px 0 90px;border-top:1px solid var(--line);text-align:center}.final-cta h2{font-size:clamp(35px,4.5vw,64px);max-width:920px;margin:0 auto 24px}.final-cta>p:not(.eyebrow){color:var(--muted);font-size:17px}.final-cta .actions{justify-content:center;margin-bottom:0}dialog{width:min(1000px,calc(100% - 40px));max-height:90dvh;border:1px solid #635071;border-radius:12px;background:#19151e;color:var(--ink);padding:0;overflow:hidden}dialog::backdrop{background:#08060dd9;backdrop-filter:blur(8px)}.dialog-content{padding:40px;overflow-y:auto;max-height:90dvh}.dialog-close{position:absolute;right:14px;top:12px;background:#33283e;border:1px solid #716080;border-radius:50%;height:42px;width:42px;font-size:28px;z-index:2}.dialog-content>h2{padding-right:35px}.dialog-content p,.dialog-content li{color:#beb5c6;font-size:15px}.dialog-content .eyebrow{color:var(--accent);font-size:12px}.dialog-content h3{font-size:20px}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.case-previews{display:grid;grid-template-columns:1fr 220px;gap:35px}.case-previews .concept{border-radius:6px}.case-previews .concept-body strong{font-size:50px}.case-mobile .concept{min-height:380px}.case-mobile .concept-nav{padding:20px 12px;font-size:10px}.case-mobile .concept-nav>span{display:none}.case-mobile .concept-body{padding:22px 16px}.case-mobile .concept-body strong{font-size:36px}.tags{display:flex;gap:10px;flex-wrap:wrap}.tags>span{padding:5px 12px;background:#302639;border-radius:20px;font-size:12px}.project-image{display:block;width:100%;height:auto;object-fit:cover}.project-image.mobile{max-width:390px}.modal-open{overflow:hidden}.reveal{opacity:0;transform:translateY(15px);transition:opacity .55s,transform .55s}.reveal.visible{opacity:1;transform:none}.analytics-consent{position:fixed;bottom:22px;left:22px;z-index:70;max-width:420px;padding:24px;background:#2c2236;border:1px solid #8a68a7;border-radius:8px}.analytics-consent p{font-size:14px}.analytics-consent button{margin-right:20px}
@media(max-width:1100px){.split{gap:40px}.services article{padding:26px 20px}.plans{gap:14px}.plan{padding:25px 20px}.project-cover{padding:60px 22px 25px}.maintenance{gap:40px;padding:40px}.about{gap:65px}.contact-grid{gap:50px}.benefits{gap:45px}.tech-band .wrap>div{gap:20px}.faq{gap:50px}.contact-grid h2{font-size:46px}}
@media(max-width:780px){.section{padding-top:65px;padding-bottom:65px}.split,.about,.contact-grid,.faq,.benefits,.maintenance{grid-template-columns:1fr;gap:30px}.problem>.eyebrow{margin-bottom:-10px}.problem h2{margin-bottom:0}.marquee{padding:18px 0}.marquee .wrap{font-size:9px;gap:14px}.marquee span:last-child,.marquee i:last-of-type{display:none}.marquee i{font-size:18px}.services{grid-template-columns:1fr 1fr;margin-top:35px}.services article{padding:25px 15px}.services article:nth-child(3n){border-right:1px solid var(--line)}.services article:nth-child(2n){border-right:0}.services p{min-height:95px}.projects{grid-template-columns:1fr;gap:45px;margin-top:30px}.project-cover{padding:62px 28px 28px}.project-heading h3{font-size:24px}.process{grid-template-columns:1fr 1fr;gap:0 25px;margin-top:25px}.process h3{font-size:19px}.plans{grid-template-columns:1fr;gap:20px;margin-top:30px}.plan{padding:30px}.plan>p{min-height:0}.price{padding:20px 0}.plan ul{display:grid;grid-template-columns:1fr 1fr;gap:3px 15px}.plan .button{font-size:14px}.maintenance{padding:30px;gap:15px}.maintenance h2{font-size:32px}.benefit-list{gap:28px 20px}.tech-band .wrap{flex-direction:column;align-items:flex-start;gap:18px}.tech-band .wrap>div{gap:18px 25px;font-size:15px}.about{gap:35px}.portrait{max-width:450px;width:100%;aspect-ratio:1.2/1}.contact-grid h2{font-size:42px}.contact-side{display:none}.faq{gap:5px}.final-cta{padding-top:55px;padding-bottom:65px}.dialog-content{padding:30px 20px}.case-previews{grid-template-columns:1fr;gap:15px}.case-mobile{max-width:240px}.case-columns{grid-template-columns:1fr;gap:0}.dialog-content>h2{font-size:30px}.analytics-consent{left:20px;right:20px;max-width:unset}.reveal{transition-duration:.3s}}
@media(max-width:430px){.services{grid-template-columns:1fr}.services article{border-right:0!important;padding:25px 0}.services p{min-height:0;max-width:100%}.service-icon{margin-bottom:12px}.services .text-link{font-size:13px}.process{gap:0 20px}.process p{font-size:13px}.process h3{font-size:17px}.plan ul{grid-template-columns:1fr}.benefit-list{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:18px}.form-grid .wide{grid-column:auto}.hero h1{font-size:44px}.hero .actions{gap:20px}.hero .button{padding:14px 18px;gap:15px}.hero .text-link{font-size:13px}.hero-visual .concept-body strong{font-size:34px;max-width:210px}.hero-visual .phone-preview .concept-body strong{font-size:29px}.hero-visual .phone-preview{width:135px;top:190px}.hero-visual .phone-preview .concept{min-height:277px}.hero-visual{padding-bottom:45px}.visual-foot{margin-top:80px;padding-right:0;font-size:9px}.project-cover{padding:60px 18px 22px}.portfolio-browser .concept-body strong{font-size:36px}.portfolio-browser .concept-nav{font-size:10px;padding-inline:15px}.portfolio-browser .concept-nav>span{display:none}.contact-grid h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
@media(max-width:780px){.phone-preview{right:14px}.hero-visual .phone-preview{right:14px}}
.notebook-preview{position:absolute;left:-18px;bottom:50px;width:245px;border:1px solid #6c547c;border-radius:6px;overflow:hidden;transform:rotate(3deg);box-shadow:0 12px 35px #0007}.notebook-preview .concept{min-height:145px}.notebook-preview .browser-bar{padding:6px 10px;font-size:7px}.notebook-preview .concept-nav{padding:10px 14px;font-size:8px}.notebook-preview .concept-nav>span{font-size:6px}.notebook-preview .concept-body{padding:12px 14px}.notebook-preview .concept-body strong{font-size:24px;max-width:210px;margin:5px 0}.notebook-preview .concept-body p{font-size:8px;margin:5px 0}.notebook-preview .concept-label,.notebook-preview .concept-cta{font-size:6px}.notebook-preview .concept-footer{padding:6px 12px;font-size:6px}.hero-visual .visual-foot{margin-top:90px}.hero-visual{padding-bottom:60px}@media(max-width:780px){.notebook-preview{left:0;bottom:20px;width:200px}.hero-visual .visual-foot{margin-top:130px;padding-right:0;font-size:8px}.hero-visual .notebook-preview .concept-body strong{font-size:20px}.hero-visual{padding-bottom:10px}.visual-foot>span:last-child{display:none}}@media(max-width:430px){.notebook-preview{width:180px;bottom:45px}.hero-visual .visual-foot{margin-top:150px}}

.about{display:block}.about>div{max-width:720px}

/* Follow the operating system preference, including live changes. */
@media (prefers-color-scheme: light) {
  :root {color-scheme:light;--bg:#faf9fc;--panel:#f0edf5;--ink:#21182c;--muted:#655a71;--line:#d9d1e3;--accent:#7132b5}
  header {background:#faf9fcf2}
  nav>a {color:#51465e}
  .surface,.marquee {background:#f1eef6}
  .button,.whatsapp-float,.skip {background:var(--accent);color:#fff}
  .button:hover {background:#5c2598}
  .whatsapp-float {border-color:#7132b5;box-shadow:0 4px 15px #21182c22}
  .browser-preview,.notebook-preview {border-color:#bda8d0;box-shadow:0 20px 55px #21182c25}
  .browser-bar {background:#e5dced;color:#554063}
  .browser-bar>span:first-child {color:#796589}
  .phone-preview {border-color:#b99dce;box-shadow:0 15px 40px #21182c30}
  .services article:hover {background:#eae3f2}
  .item-index,.project-number {color:#71617f}
  .project-cover {background:#e9e2f1;border-color:#d4c6e0}
  .project-cover:hover {background:#dfd2eb}
  .project-tag {border-color:#a991bd;color:#493357;background:#f8f4fc}
  .cover-arrow {color:var(--accent)}
  .process li {border-color:#cbbbd8}
  .plan.featured {background:#f0e7fb}
  .plan:not(.featured) .button {color:var(--accent);border-color:var(--accent)}
  .plan:not(.featured) .button:hover {background:#e9dcf7}
  .maintenance {background:#eee5f7;border-color:#d5c0e7}
  .maintenance li {border-color:#d5c0e7}
  input,select,textarea {background:#fff;border-color:#bfb1ce;color:var(--ink)}
  input::placeholder,textarea::placeholder {color:#776983}
  .form-status {color:#603189}
  .button:disabled {background:#e1d8ea;border-color:#c1aecf;color:#645570}
  dialog {background:#faf9fc;border-color:#bca3cf}
  dialog::backdrop {background:#21182c99}
  .dialog-close {background:#ece2f5;border-color:#c2add3;color:#382546}
  .dialog-content p,.dialog-content li {color:var(--muted)}
  .dialog-content .eyebrow {color:var(--accent)}
  .analytics-consent {background:#f3ebfb;border-color:#ad8bc7}
  .toast {background:#fff;color:var(--ink);border:1px solid var(--line)}
}

/* Original wordmark artwork, framed without changing its proportions. */
.logo-art{position:relative;display:block;width:184px;height:44px;overflow:hidden;flex:none;mix-blend-mode:screen}
.logo-art img{position:absolute;display:block;width:128%;max-width:none;height:auto;left:-14%;top:50%;transform:translateY(-50%)}
@media(prefers-color-scheme:light){.logo-art{mix-blend-mode:multiply}}
@media(max-width:780px){.logo-art{width:160px;height:40px}}