:root{--ink:#edecf7;--paper:#0c0c12;--green:#b5a0ff;--line:#30303d;--muted:#aba9bd}body{background:#0c0c12}header{position:relative;z-index:2}.monogram{background:#b5a0ff;color:#11101a}header .brand{font-size:12px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#43306b66,transparent 60%);padding-top:80px}.hero h1{font-size:clamp(58px,7.9vw,112px);letter-spacing:-5px}.hero h1 span{background:linear-gradient(105deg,#d9cbff,#9782ff 55%,#f3a7d7);background-clip:text;-webkit-background-clip:text;color:transparent;padding:0;margin:0}.hero .eyebrow{color:#b8a5ff}.button{background:#b5a0ff;color:#171122;border:1px solid transparent;box-shadow:0 0 35px #9d77ff18}.button:hover{background:#cfbeff;box-shadow:0 8px 35px #9d77ff38}.secondary{display:block;margin-top:15px;color:#c4b8e5;font-size:14px}.hero-bottom{padding-bottom:35px}.hero-console{border:1px solid #514065;background:linear-gradient(120deg,#211c2c,#111118);border-radius:14px;padding:24px 30px;margin:0 0 55px;box-shadow:0 20px 80px #0006}.console-top,.console-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#aaa4bf;letter-spacing:1px}.type-line{font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,3vw,42px);padding:40px 0;letter-spacing:-1px}.type-line strong{color:#cebaff;font-weight:500}.caret{color:#9e87db;animation:blink 1s steps(1) infinite}.console-bottom a{color:#d0c2f2}.ticker{overflow:hidden;background:#b5a0ff;color:#171122;border-block:1px solid #cab8ff;padding:17px 0}.ticker div{width:max-content;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;letter-spacing:2px;animation:marquee 35s linear infinite}.playground,.comparison,.faq{padding:90px 5%}.section-heading{display:flex;align-items:end;gap:60px;justify-content:space-between}.section-heading p{max-width:390px;color:var(--muted);font-size:16px}.section-heading small{display:block;margin-top:12px;font-size:13px;color:#c4b8df}.demo-controls{display:flex;justify-content:space-between;gap:15px;margin:30px 0 20px}.choices{display:flex;gap:8px;flex-wrap:wrap}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d2baff;outline-offset:5px}.demo-controls button{background:#17171f;border:1px solid #363340;color:#bbb7ca;padding:12px 16px;border-radius:7px;font-size:14px}.demo-controls button[aria-pressed=true]{background:#b5a0ff;color:#161020;border-color:#b5a0ff}.demo-stage{min-height:540px;background:radial-gradient(ellipse at 50% 100%,#44335e,#17151f 75%);padding:35px;border:1px solid #35303f;border-radius:18px;display:flex;justify-content:center;align-items:start}.browser{width:100%;max-width:1000px;overflow:hidden;border-radius:10px;border:1px solid #63606d;box-shadow:0 25px 60px #0007;transition:max-width .55s cubic-bezier(.2,.7,.2,1)}.browser.phone{max-width:360px}.browser-bar{background:#25232d;display:flex;justify-content:space-between;padding:12px 18px;gap:10px;color:#bcb5ca;font-size:12px}.browser-bar>span:first-child{color:#a597b8}.demo-page{color:#f7f7f8;background:#13191e;min-height:410px;transition:background .35s,color .35s}.demo-nav,.demo-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 30px;font-size:11px;letter-spacing:1px}.demo-nav b{font-size:15px}.demo-nav{border-bottom:1px solid #ffffff20}.demo-content{padding:28px 30px}.demo-tag{font-size:11px;letter-spacing:2px;color:#96e4ee}.demo-content h3{font-size:clamp(42px,5vw,70px);letter-spacing:-3px;margin:20px 0}.demo-content p{font-size:14px;max-width:400px;color:inherit;opacity:.8}.demo-content button{border:0;background:#98edec;color:#142329;padding:12px 18px;font-size:13px;border-radius:4px}.demo-bottom{border-top:1px solid #ffffff20}.demo-page.land{background:#e3eddb;color:#24482d}.land .demo-tag{color:#466842}.land h3{font-family:Georgia,serif;letter-spacing:-2px}.land .demo-content button{background:#24482d;color:white}.land .demo-nav,.land .demo-bottom{border-color:#24482d30}.demo-page.studio{background:#f6ad76;color:#362035}.studio .demo-tag{color:#563750}.studio h3{font-weight:700;text-transform:uppercase}.studio .demo-content button{background:#362035;color:#fff}.phone .demo-nav>span,.phone .demo-bottom>span:last-child{display:none}.phone .demo-content h3{font-size:45px}.phone .demo-content,.phone .demo-nav,.phone .demo-bottom{padding-left:20px;padding-right:20px}.demo-note{font-size:14px;color:var(--muted);max-width:none}.demo-note a{color:#c6b3ff;text-decoration:underline;text-underline-offset:4px}#demo-services{padding:15px 0 0;font-size:13px;max-width:430px}.comparison{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;background:#15131d}.comparison p{color:var(--muted);font-size:16px}.comparison label{display:block;margin-top:30px;font-size:14px}input[type=range]{width:100%;max-width:430px;accent-color:#b5a0ff;cursor:ew-resize;margin-top:15px}.compare-frame{position:relative;min-height:360px;border:1px solid #51455e;border-radius:12px;overflow:hidden}.old-site,.new-site{position:absolute;inset:0;padding:35px}.old-site{background:#e5e4e8;color:#2e3157;font-family:'Times New Roman',serif}.old-site h3{font-family:inherit;font-size:27px;letter-spacing:0}.old-site p{font-size:15px}.new-site{background:#1c392a;color:#f1f3e6;clip-path:inset(0 45% 0 0)}.new-site>span:first-child{font-size:11px;letter-spacing:2px}.new-site h3{font-family:Georgia,serif;font-size:46px;letter-spacing:-2px}.new-site p{font-size:13px;color:#c3cfbd}.fake-button{display:inline-block;padding:10px 12px;background:#cde8ae;color:#234027;font-size:12px}.compare-handle{position:absolute;left:55%;top:50%;transform:translate(-50%,-50%);background:#b5a0ff;color:#171122;border:3px solid white;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;pointer-events:none}.compare-label{position:absolute;bottom:12px;right:15px;background:#15131dcf;padding:4px 8px;color:white;font-size:10px;letter-spacing:1px}.approach{padding-bottom:30px}h2 em{color:#b29dde}.essentials article{background:#15141e;border:1px solid #353040;border-radius:12px;padding:25px;transition:transform .25s,border-color .25s}.essentials article:hover{transform:translateY(-7px);border-color:#9e7fd0}.pricing{background:#1c1728;border-block:1px solid #3b304f}.price-card{background:linear-gradient(135deg,#d5c8ff,#a38be9);color:#20152f;box-shadow:0 20px 70px #0003;transition:transform .3s}.price-card .button{background:#251734;color:white}.price-card li{border-color:#8f79b5}.price-card .badge{border-color:#8972aa}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding-top:0}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:#b5a0ff}.faq details[open] summary:after{content:'−'}.faq p{font-size:16px;color:var(--muted)}.contact{background:radial-gradient(ellipse at right bottom,#654a91,#30213f 65%);border:1px solid #765995}.contact h2 span{color:#bda0ef}.contact .fine{color:#bbb0cb}.contact .button{margin-top:15px}.reveal{animation:arrive .65s ease both}@keyframes arrive{from{opacity:.1;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:760px){.hero{padding-top:40px}.hero h1{font-size:clamp(46px,10.5vw,76px);letter-spacing:-2.8px}.hero-console{padding:20px;margin-bottom:35px}.console-top span:last-child,.console-bottom span{display:none}.type-line{min-height:130px;padding:30px 0}.playground,.comparison,.faq{padding:55px 6%}.section-heading{display:block}.demo-controls{flex-wrap:wrap}.choices{width:100%}.demo-controls button{font-size:12px;padding:10px}.demo-stage{padding:12px;min-height:480px}.browser-bar{padding:10px;font-size:10px}.demo-nav>span{display:none}.demo-content{padding:24px 20px}.demo-content h3{font-size:46px}.demo-bottom{padding:15px 20px}.demo-bottom span:last-child{display:none}.comparison,.faq{grid-template-columns:1fr;gap:25px}.compare-frame{min-height:365px}.essentials article{padding:24px}.contact{padding:35px 24px}.old-site,.new-site{padding:25px}.new-site h3{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}