:root{--midnight:#111029;--deep:#241b49;--purple:#7955e8;--lavender:#b49aff;--pale:#f6f2ff;--glass:#e9dfff;--ink:#101842;--muted:#62677c;--green:#38b968;--max:1180px;--section:110px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--pale);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a08aff;outline-offset:5px}button{border:0}img{max-width:100%;display:block}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.07}h1{font-size:clamp(46px,5.2vw,72px)}h2{font-size:clamp(35px,4vw,52px)}h3{font-weight:550;letter-spacing:-.025em}p{line-height:1.7}section{position:relative;overflow:hidden}.container{width:min(var(--max),calc(100% - 96px));margin:auto}.dark{background:var(--midnight);color:#f8f6ff}.light{background:var(--pale)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.19em;color:#7254bd;margin-bottom:22px}.dark .eyebrow{color:#b4a7d2}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;background:linear-gradient(110deg,#9368ef,#7955e8);color:white;border-radius:100px;min-height:52px;padding:0 26px;font-size:13px;font-weight:550;box-shadow:0 8px 28px #7955e82b;transition:box-shadow .25s,transform .25s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 36px #986aff70}.button.small{min-height:40px;font-size:12px;padding:0 21px;gap:16px}.navigation{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:30;width:min(1240px,calc(100% - 48px));min-height:64px;border-radius:20px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;transition:background .3s,box-shadow .3s;color:#f9f6ff}.navigation.scrolled,.navigation.menu-open{background:#17122be8;backdrop-filter:blur(22px);box-shadow:0 4px 30px #0c091a20}.wordmark{width:95px;height:auto}.navigation nav{display:flex;gap:32px;font-size:12px;margin-left:auto;margin-right:40px}.navigation nav a{padding:12px 0;color:#dcd5ed}.navigation nav a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;background:none;color:white;font-size:22px;width:44px;height:44px}.hero{padding-top:165px;min-height:860px;background:radial-gradient(ellipse at 72% 82%,#584088 0,transparent 48%),linear-gradient(140deg,#0e0c22,#17102f 70%,#31204c)}.hero-layout{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:25px}.hero-copy{position:relative;z-index:4;padding-bottom:110px;animation:enter .9s ease both}.hero h1 span{color:#c2a8ff}.lead{font-size:17px;line-height:1.75;color:#cbc5db;max-width:400px;margin-top:26px}.actions{display:flex;gap:24px;align-items:center;margin-top:32px}.text-link{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.play{width:28px;height:28px;border:1px solid #a79ab9;border-radius:50%;display:grid;place-items:center}.micro{font-size:11px;color:#b4a9c6;margin-top:23px;letter-spacing:.02em}.phone-stage{position:relative;height:650px;perspective:1000px;animation:enter 1.2s .12s both}.phone{background:#111018;padding:7px;border:1px solid #aaa3b5;border-radius:39px;box-shadow:0 28px 45px #180f3938,0 0 0 2px #24212c, inset 0 0 0 1px #5d5666;overflow:hidden}.phone img{border-radius:31px;width:100%;height:auto}.phone-stage .phone{position:absolute;width:250px;top:18px;left:50%}.phone-stage .main-phone{transform:translateX(-50%) rotate(-2deg);z-index:3}.phone-stage .side{width:219px;top:74px;filter:brightness(.83)}.phone-stage .left{transform:translateX(-110%) rotate(-12deg);z-index:1}.phone-stage .right{transform:translateX(14%) rotate(12deg);z-index:2}.hero-glow{position:absolute;bottom:-150px;left:20%;width:100%;height:400px;background:#8e5de94d;filter:blur(80px);border-radius:50%}.hero-bottom{position:absolute;bottom:-88px;left:-10%;width:120%;height:150px;border-radius:50% 50% 0 0;background:var(--pale);transform:rotate(-3deg);box-shadow:0 -14px 60px #bc9af83b}.statement{text-align:center;padding:70px 0 115px}.statement h2{font-size:44px}.statement p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:20px}.journey-line{position:absolute;width:100%;height:110px;bottom:0;left:0}.journey-line circle{filter:drop-shadow(0 0 8px #7955e8)}.feature{padding:35px 0 90px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.feature-copy{max-width:470px}.feature-copy>p:not(.eyebrow):not(.caption){font-size:16px;color:var(--muted);margin-top:26px;max-width:400px}.feature-list{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:17px;color:#52536e;font-size:13px}.feature-list li{display:flex;align-items:center;gap:12px}.feature-list li:before{content:'✓';width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:var(--purple);background:#e9dfff;font-size:11px}.log-composition{position:relative;display:flex;justify-content:center;padding:25px 0 30px}.feature-phone{width:251px;transform:rotate(5deg);position:relative;z-index:2}.soft-orbit{position:absolute;inset:15% -10% 0;background:radial-gradient(ellipse,#d8c7ff8c,transparent 65%)}.little-note{position:absolute;bottom:55px;left:-20px;z-index:3;background:#ffffffea;backdrop-filter:blur(20px);box-shadow:0 16px 55px #3e226b1c;display:flex;align-items:center;gap:12px;border-radius:16px;padding:17px 22px;font-size:12px}.little-note small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.check{background:#e6f5e9;color:#30935b;width:29px;height:29px;display:grid;place-items:center;border-radius:50%}.progress-section{padding:110px 0 95px;border-radius:70px 70px 0 0;background:radial-gradient(ellipse at 80% 80%,#48317e,transparent 55%),#111029}.dark .feature-copy>p:not(.eyebrow){color:#b9b2cd}.progress-legend{display:grid;gap:25px;margin-top:35px}.progress-legend>div{display:flex;gap:15px;align-items:center;font-size:13px}.progress-legend small{display:block;font-size:11px;color:#a79cbd;margin-top:5px}.progress-legend i{height:9px;width:9px;border-radius:50%}.purple{background:#a784ff;box-shadow:0 0 18px #7955e880}.green{background:#38b968}.blue{background:#729cff}.progress-phones{position:relative;height:560px}.progress-phones .phone{position:absolute;width:245px;top:0}.progress-front{left:0;z-index:2;transform:rotate(-6deg)}.progress-back{right:-12px;transform:rotate(7deg) scale(.9);top:35px!important;filter:brightness(.9)}.documentation{padding:120px 0 80px;background:radial-gradient(ellipse at 80% 50%,#e6dbff,transparent 50%),var(--pale)}.caption{font-size:10px;color:#737189;margin-top:25px}.document-stage{position:relative;height:540px}.export-phone{position:absolute;width:215px;left:0;top:10px;transform:rotate(-6deg)}.paper{background:#fff;border-radius:7px;box-shadow:0 17px 40px #35245622;color:#27223d;position:absolute;padding:23px;width:235px;border:1px solid #eeebf4}.spreadsheet{right:20px;top:45px;transform:rotate(5deg)}.paper-brand{font-size:6px;letter-spacing:.1em;color:#8c79a9;display:flex;justify-content:space-between}.paper h3{font-size:14px;margin-top:18px;line-height:1.4}.paper p{font-size:8px;color:#7a7189}.paper table{border-collapse:collapse;width:100%;font-size:6px;margin-top:20px}.paper th,.paper td{text-align:left;padding:9px 3px;border-bottom:1px solid #ece8f3}.paper th{background:#f7f4fc;font-weight:500}.paper-total{font-size:8px;display:flex;justify-content:space-between;margin:20px 0}.paper small{font-size:5px;letter-spacing:.1em;color:#8b8196}.form{right:-12px;top:225px;transform:rotate(-4deg);width:220px}.form .form-year{font-size:10px;color:var(--purple)}.form h3{margin-top:5px}.form-field{font-size:6px;color:#8f859d;margin-top:17px;border-bottom:1px solid #ded8e8;padding-bottom:6px}.form-field span{display:block;margin-top:5px;color:#494156;font-size:8px}.signature-line{height:24px;border-bottom:1px solid #ded8e8;margin-bottom:10px}.sites-section{padding:45px 0 95px}.section-heading{text-align:center}.section-heading p:not(.eyebrow){color:var(--muted);font-size:15px;margin-top:20px}.site-options{display:flex;gap:13px;margin:40px 0 28px;padding:5px}.site-tile{flex:1;min-height:130px;background:color-mix(in srgb,var(--tile) 5%,#fff);border:1px solid color-mix(in srgb,var(--tile) 15%,transparent);border-radius:15px;color:#3b3854;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:background .3s,box-shadow .3s,transform .3s}.site-tile>span{font-size:25px;color:var(--tile)}.site-tile small{font-size:9px;color:#79718a}.site-tile:hover{transform:translateY(-3px)}.site-tile.selected{border-color:var(--tile);box-shadow:0 5px 24px color-mix(in srgb,var(--tile) 15%,transparent)}.site-demo{margin:auto;width:min(430px,100%);border:1px solid color-mix(in srgb,var(--site-accent) 22%,#fff);padding:22px;background:color-mix(in srgb,var(--site-accent) 7%,#fff);border-radius:22px;box-shadow:0 16px 50px color-mix(in srgb,var(--site-accent) 12%,transparent);transition:background .4s,box-shadow .4s}.site-demo>div:first-child{display:flex;align-items:center;gap:8px;font-size:10px}.site-dot{width:7px;height:7px;background:var(--site-accent);border-radius:50%}.demo-time{margin-left:auto;color:#7d758b;font-size:9px}.mini-activities{display:flex;gap:10px;margin:18px 0}.mini-activities>span{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--site-accent);background:#ffffff9c;padding:17px 6px;border-radius:10px;font-size:24px}.mini-activities small{font-size:8px;color:#575067;text-align:center}.demo-done{border-radius:20px;text-align:center;background:var(--site-accent);color:white;font-size:11px;padding:10px;transition:background .4s}.centered{text-align:center}.how{padding:75px 0 85px;background:radial-gradient(ellipse at 10% 100%,#483075,transparent 50%),#17122e}.how h2{text-align:center;font-size:38px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);margin:50px 0 0;gap:50px}.steps li{display:flex;align-items:flex-start;gap:20px;position:relative}.step-number{font-size:12px;color:#baa3eb;display:grid;place-items:center;min-width:42px;height:42px;border:1px solid #51406b;border-radius:50%}.steps h3{font-size:22px;margin:2px 0 10px}.steps p{font-size:12px;color:#b7adc9}.pricing{text-align:center;padding:100px 0;background:radial-gradient(ellipse at 50% 90%,#e5d9fd,transparent 65%),var(--pale)}.pricing>div>p:not(.eyebrow):not(.caption){font-size:14px;color:var(--muted);margin:23px 0 30px}.plans{display:flex;justify-content:center;gap:18px;margin:40px 0 25px}.plan{position:relative;display:flex;gap:14px;align-items:center;padding:22px 32px;text-align:left;border:1px solid #dad1ec;border-radius:15px;background:#ffffff50;color:var(--ink);min-width:220px;font-size:12px}.plan strong{display:block;font-size:19px;margin-top:7px}.radio{width:16px;height:16px;border-radius:50%;border:1px solid #aaa0bc}.chosen{border-color:var(--purple);background:#fff9;box-shadow:0 8px 25px #7955e815}.chosen .radio{border:5px solid var(--purple)}.best{position:absolute;right:15px;top:-10px;border-radius:10px;padding:4px 10px;background:var(--purple);color:white;font-size:9px}.faq{padding:50px 0 105px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq h2{font-size:38px}.questions details{border-bottom:1px solid #dfd9ea}.questions summary{list-style:none;position:relative;cursor:pointer;padding:19px 30px 19px 0;font-size:13px;font-weight:500;line-height:1.5}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:2px;top:17px;color:#817298;font-size:20px;font-weight:300}.questions details[open] summary:after{content:'−'}.questions details p{font-size:13px;color:var(--muted);padding:0 26px 20px 0;animation:enter .25s ease}.closing{text-align:center;padding:90px 0 65px;background:radial-gradient(ellipse at 50% 30%,#3b265c,transparent 60%),#111029;border-radius:50% 50% 0 0 / 35px 35px 0 0}.closing img{margin:0 auto 27px}.closing p:not(.micro){font-size:14px;color:#bdb0d1;margin:20px 0 25px}.closing h2{font-size:46px}.closing .micro{margin-top:28px}footer{padding:25px 0 35px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top{padding-bottom:28px;border-bottom:1px solid #ffffff12}.footer-links{display:flex;gap:28px;align-items:center;font-size:10px;color:#b3a7c5}.link-button{background:none;padding:12px 0;color:inherit;font-size:inherit}.footer-bottom{padding-top:25px;font-size:9px;color:#a59ab8}.footer-bottom p{max-width:620px;text-align:right;line-height:1.6}dialog{border:1px solid #e0d6f2;border-radius:25px;padding:45px;max-width:470px;width:calc(100% - 40px);color:var(--ink);background:var(--pale);box-shadow:0 30px 100px #0005}dialog::backdrop{background:#111029b3;backdrop-filter:blur(8px)}dialog h2{font-size:32px;margin:25px 0 18px}dialog p{color:var(--muted);font-size:14px}dialog .button{margin-top:25px}.dialog-close{position:absolute;top:10px;right:12px;background:transparent;font-size:28px;color:var(--muted);width:40px;height:40px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:15px;color:var(--ink)}.skip:focus{top:10px}.will-reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.will-reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:900px}.hero-layout{padding-top:35px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.split{gap:40px}.hero-layout{grid-template-columns:1fr 1fr;gap:0}.phone-stage .phone{width:215px}.phone-stage .side{width:185px}.hero{min-height:770px}.phone-stage{height:570px}.hero-copy{padding-bottom:70px}.hero h1{font-size:54px}.actions{gap:17px;flex-wrap:wrap}.progress-phones .phone{width:210px}.progress-phones{height:485px}.document-stage{scale:.9;transform-origin:center}.footer-links{gap:20px}}
@media(max-width:760px){:root{--section:70px}.container{width:calc(100% - 44px)}.navigation{top:10px;width:calc(100% - 24px);padding:8px 12px;min-height:58px}.wordmark{width:78px}.navigation nav{display:none;position:absolute;top:65px;left:0;right:0;background:#17122bf5;border-radius:18px;margin:0;padding:17px 24px;flex-direction:column;gap:2px;font-size:14px;backdrop-filter:blur(20px)}.navigation.menu-open nav{display:flex}.menu-toggle{display:block}.button.small{min-height:38px;padding:0 16px}.hero{padding-top:125px;min-height:0;padding-bottom:10px}.hero-layout{display:flex;flex-direction:column;gap:25px}.hero-copy{text-align:center;padding:0;max-width:500px}.hero h1{font-size:clamp(41px,8vw,58px);letter-spacing:-.055em}.eyebrow{font-size:9px;margin-bottom:20px}.lead{font-size:15px;line-height:1.7;margin:22px auto 0;max-width:345px}.actions{justify-content:center;gap:19px;margin-top:25px}.button{min-height:49px;font-size:12px;padding:0 22px;gap:17px}.text-link{font-size:11px}.micro{margin-top:20px;font-size:10px}.phone-stage{width:100%;height:470px;margin-top:18px}.phone-stage .phone{width:195px;top:0;border-radius:32px;padding:5px}.phone-stage .phone img{border-radius:26px}.phone-stage .side{width:160px;top:49px}.phone-stage .left{transform:translateX(-111%) rotate(-12deg)}.phone-stage .right{transform:translateX(11%) rotate(12deg)}.hero-bottom{bottom:-110px;height:150px}.statement{padding:55px 0 90px}.statement .eyebrow{font-size:8px;letter-spacing:.14em}.statement h2{font-size:32px}.statement p:not(.eyebrow){font-size:14px}.journey-line{width:150%;left:-25%;height:85px}.split{grid-template-columns:1fr;gap:35px}.feature{padding:30px 0 60px}.feature-copy{max-width:500px}h2{font-size:38px}.feature-copy>p:not(.eyebrow):not(.caption){font-size:15px;margin-top:22px}.feature-list{gap:14px;font-size:12px;margin-top:24px}.log-composition{padding:5px 0 25px;max-width:400px;width:100%;margin:auto}.feature-phone{width:215px}.little-note{left:0;bottom:45px;padding:15px;font-size:11px}.progress-section{padding:70px 0 55px;border-radius:35px 35px 0 0}.progress-legend{gap:18px;margin-top:25px}.progress-phones{height:490px;max-width:420px;width:100%;margin:15px auto 0}.progress-phones .phone{width:210px}.progress-front{left:10px}.progress-back{right:0}.documentation{padding:70px 0 35px}.document-stage{height:480px;max-width:410px;width:100%;margin:0 auto;scale:1}.export-phone{width:180px;top:20px;left:8px}.paper{width:195px;padding:19px}.spreadsheet{right:8px;top:30px}.form{width:185px;right:4px;top:215px}.paper h3{font-size:12px}.paper td,.paper th{padding:8px 2px;font-size:5px}.sites-section{padding:30px 0 65px}.section-heading h2{font-size:34px}.section-heading p:not(.eyebrow){font-size:14px}.desktop-break{display:none}.site-options{overflow-x:auto;scroll-snap-type:x mandatory;margin:25px -22px 22px;padding:8px 22px 17px;gap:11px}.site-tile{min-width:155px;scroll-snap-align:center;min-height:125px}.site-demo{padding:18px}.site-demo>div:first-child{font-size:9px}.demo-time{font-size:8px}.how{padding:60px 0}.how h2{font-size:34px;text-align:left}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps li:not(:last-child):after{content:'';position:absolute;left:21px;top:49px;width:1px;height:40px;background:#67517b66}.steps h3{font-size:21px}.steps p{font-size:13px}.steps br{display:none}.pricing{padding:70px 0}.pricing h2{font-size:35px}.plans{gap:12px}.plan{min-width:0;flex:1;padding:20px 13px;gap:10px}.plan strong{font-size:15px}.faq{padding:25px 0 65px}.faq-layout{grid-template-columns:1fr;gap:25px}.faq h2{font-size:34px}.questions summary{font-size:12px;padding:18px 28px 18px 0}.questions details p{font-size:12px}.closing{padding:65px 0 45px}.closing h2{font-size:36px}.closing p:not(.micro){font-size:13px}.closing img{width:135px;height:auto}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.footer-links{gap:12px 22px;flex-wrap:wrap}.footer-bottom p{text-align:left;font-size:9px}.caption{line-height:1.6}.will-reveal{transform:translateY(12px)}}
@media(max-width:360px){.phone-stage{height:420px}.phone-stage .phone{width:175px}.phone-stage .side{width:143px}.hero h1{font-size:38px}.progress-phones .phone{width:180px}.progress-phones{height:425px}.document-stage{scale:.9;transform-origin:top center;margin-bottom:-40px}.actions{gap:15px}.text-link{font-size:10px}.site-demo>div:first-child{flex-wrap:wrap}.demo-time{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}