:root{--ink:#071b42;--orange:#ff3a18;--pink:#f32978;--yellow:#ffe02b;--blue:#049dc4;--cream:#fff8eb;--white:#fffdf6;--muted:#394866;--line:#152248;--shadow:7px 8px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:4px solid var(--blue);outline-offset:4px}img{max-width:100%;height:auto}p{margin:.45em 0 1.1em}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.19;background-image:radial-gradient(#cbb8a6 0.7px,transparent .7px);background-size:9px 9px;z-index:-1}
.skip{position:absolute;left:-10000px;top:8px;z-index:100;background:#fff;padding:8px}.skip:focus{left:12px}
.topstripe{height:13px;background:linear-gradient(90deg,var(--orange) 0 33%,var(--pink) 33% 67%,var(--blue) 67% 100%)}
.container{max-width:1280px;margin:auto;padding:0 27px}
.header{background:#fff9ef;border-bottom:4px solid var(--ink)}.header-inner{min-height:84px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{text-decoration:none;display:inline-flex;align-items:baseline;gap:0;font-family:Impact,'Arial Black',sans-serif;font-weight:900;letter-spacing:1px;font-size:clamp(24px,2.6vw,35px);white-space:nowrap;line-height:1}.brand span:first-child{color:var(--orange)}.brand span:last-child{color:var(--pink)}.brand i{font-style:normal;color:var(--ink);font-size:15px;margin-left:5px}
.nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:800;text-transform:uppercase}.nav a:not(.smallbtn){text-decoration:none}.nav a:hover,.footlinks a:hover{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--pink)}
.btn,.smallbtn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;text-transform:uppercase;font:900 16px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.2px;background:var(--yellow);border:4px solid var(--ink);border-radius:17px;padding:15px 23px;box-shadow:5px 6px 0 var(--ink);color:var(--ink);transition:transform .16s,box-shadow .16s;cursor:pointer}.btn:hover,.smallbtn:hover{transform:translate(2px,2px);box-shadow:3px 4px 0 var(--ink)}.btn.blue{background:var(--blue);color:white}.btn.pink{background:var(--pink);color:white}.smallbtn{padding:10px 16px;font-size:13px;border-radius:12px;box-shadow:4px 4px 0 var(--ink)}
.mobilenav{display:none}.mobilenav summary{font-weight:900;cursor:pointer}.mobilenav a{display:block;padding:9px 5px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,60px);align-items:center;padding-top:43px;padding-bottom:61px}
.stage{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
.stage:before{content:'';position:absolute;inset:65px 12px 52px 5px;z-index:-1;border:5px solid var(--ink);border-radius:45% 55% 43% 57%;transform:rotate(-8deg);background:var(--blue);box-shadow:14px 13px 0 var(--pink)}
.stage:after{content:'';position:absolute;right:12px;top:65px;width:100px;height:100px;background:var(--yellow);clip-path:polygon(50% 0%,59% 36%,95% 15%,69% 49%,100% 60%,61% 66%,69% 100%,46% 73%,14% 98%,28% 60%,0 39%,39% 42%);z-index:-1}
.phone{width:min(100%,385px);filter:drop-shadow(12px 17px 10px rgba(6,20,48,.35));z-index:1}
.sticker{position:absolute;z-index:2;padding:10px 15px;border:4px solid var(--ink);box-shadow:5px 6px 0 var(--ink);font-weight:900;line-height:1.12;text-align:center;transform:rotate(-8deg);font-size:17px}.sticker.s1{top:63px;left:5px;background:var(--yellow)}.sticker.s2{bottom:75px;right:6px;background:var(--pink);color:white;transform:rotate(7deg);font-size:13px}
.hero-copy .eyebrow,.eyebrow{font:900 14px/1.35 Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;color:var(--pink)}.display{font:900 clamp(55px,6.6vw,100px)/.95 Impact,'Arial Black',Arial,sans-serif;letter-spacing:-1.5px;margin:11px 0 22px;text-transform:uppercase}.display .orange{color:var(--orange)}.display .blue{color:var(--blue)}.hero-lead{font-size:19px;font-weight:700;max-width:540px;margin:0 0 24px}
.auth{background:var(--white);border:5px solid var(--ink);border-radius:23px;padding:24px 27px 27px;box-shadow:var(--shadow)}.auth h2{font:900 29px/1.1 Impact,'Arial Black',Arial,sans-serif;letter-spacing:.1px;margin:5px 0 12px;text-transform:uppercase}.auth p{font-size:15px}.auth-row{display:flex;gap:10px;margin:14px 0 12px}.auth-option{flex:1;display:flex;justify-content:center;align-items:center;gap:7px;min-height:42px;border:3px solid #bfc4cd;border-radius:11px;background:#efede9;color:#5d6575;font-weight:900;font-size:13px;cursor:not-allowed;opacity:1}.auth-option .social{background:#b8bfc9;color:white;padding:2px 7px;border-radius:5px}.auth-option.email{width:100%;margin-bottom:10px}.coming{font-size:12px!important;color:#58617a}.auth .btn{width:100%;margin-top:15px}.auth .authhint{font-size:12px;margin:15px 0 0;color:#58617a}
.tape{background:var(--pink);color:white;border-block:4px solid var(--ink);transform:rotate(-1deg);overflow:hidden}.tape .container{display:flex;justify-content:space-around;gap:20px;font-weight:900;font-size:17px;padding-top:13px;padding-bottom:13px;text-transform:uppercase;white-space:nowrap}
.section{padding:65px 0}.section h2,.page h1{font:900 clamp(42px,5.5vw,76px)/1.02 Impact,'Arial Black',sans-serif;text-transform:uppercase;letter-spacing:-.8px;margin:12px 0 23px}.section .intro{font-size:18px;max-width:760px}
.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.feature{border:4px solid var(--ink);background:white;padding:25px;border-radius:20px;box-shadow:6px 7px 0 var(--ink)}.feature:nth-child(2){background:#fff0f5}.feature:nth-child(3){background:#e6f9fd}.feature strong{font:900 26px/1.1 Impact,'Arial Black',sans-serif;text-transform:uppercase;display:block;margin:12px 0}.feature .num{width:56px;height:56px;border:4px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-weight:900;font-size:23px}.feature p{font-size:15px}
.centercta{text-align:center;padding:30px 0 75px}.centercta .btn{max-width:430px;margin:auto}
.footer{border-top:5px solid var(--ink);background:#091b42;color:#fff8eb;padding:38px 0}.footer-inner{display:flex;align-items:start;justify-content:space-between;gap:27px}.footer .brand span:first-child{color:var(--orange)}.footlinks{display:flex;flex-wrap:wrap;gap:12px 19px;max-width:600px;font-size:13px;font-weight:700}.footlinks a{color:#fff8eb;text-decoration:none}.copyright{font-size:12px;color:#c7d0e9;margin-top:14px}
/* Internal pages */
.page{padding:56px 0 75px;max-width:1040px}.page .dek{font-size:20px;font-weight:700;max-width:770px}.article{background:#fffdf7;border:4px solid var(--ink);padding:clamp(20px,4vw,48px);border-radius:23px;box-shadow:9px 10px 0 var(--pink);margin-top:35px}.article h2{font:900 30px/1.15 Impact,'Arial Black',sans-serif;text-transform:uppercase;margin:30px 0 9px}.article h2:first-child{margin-top:0}.article h3{font-size:19px;margin:25px 0 7px}.article p,.article li{font-size:16px;line-height:1.7}.article ul,.article ol{padding-left:24px}.article a{color:#016c97;text-decoration-thickness:2px}.notice{background:#fff1ad;border:3px solid var(--ink);border-radius:13px;padding:15px 17px;margin:20px 0;font-weight:700}.article .call{display:inline-block;margin-top:14px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.tile{border:4px solid var(--ink);background:var(--yellow);border-radius:15px;padding:20px;box-shadow:5px 5px 0 var(--ink)}.tile:nth-child(even){background:#e7f9fc}.tile a{font-weight:900}
details.qa{border-bottom:3px solid var(--ink);padding:13px 0}details.qa summary{cursor:pointer;font-size:19px;font-weight:900;list-style-position:inside}details.qa p{padding-left:14px}
/* Desktop workspace */
.workspace-title{padding:33px 0 20px}.workspace-title h1{font:900 clamp(34px,4.2vw,58px)/1 Impact,'Arial Black',sans-serif;text-transform:uppercase;margin:5px 0}.workspace-title p{margin:5px 0;font-weight:700}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:27px;align-items:start;padding-bottom:68px}.workspace-app{border:5px solid var(--ink);border-radius:21px;overflow:hidden;box-shadow:9px 9px 0 var(--ink);background:var(--white)}.workspace-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--yellow);padding:10px 17px;border-bottom:5px solid var(--ink);font-weight:900;font-size:14px}.workspace-bar a{font-size:12px;text-decoration:underline}.workspace-app iframe{display:block;width:100%;border:0;height:min(84vh,980px);min-height:640px;background:white}.workspace-aside{display:grid;gap:18px}.promo{position:relative;min-height:189px;display:flex;flex-direction:column;justify-content:space-between;border:4px solid var(--ink);border-radius:17px;padding:20px;box-shadow:5px 6px 0 var(--ink);overflow:hidden}.promo:nth-child(1){background:#ffde25}.promo:nth-child(2){background:#fa408b;color:white}.promo:nth-child(3){background:#04a9ce}.promo:after{content:'';position:absolute;width:110px;height:110px;right:-43px;top:-35px;border:13px solid var(--ink);border-radius:50%;opacity:.16}.promo small{font-weight:900;text-transform:uppercase;letter-spacing:1px}.promo b{font:900 30px/1.02 Impact,'Arial Black',sans-serif;text-transform:uppercase;letter-spacing:.2px}.promo p{font-size:13px;margin:0;font-weight:700}.panel-mobile{display:none}
@media(max-width:980px){.nav{gap:12px}.nav a{font-size:12px}.brand{font-size:26px}.hero{gap:20px}.stage{min-height:550px}.phone{width:min(100%,345px)}.display{font-size:64px}.workspace-grid{grid-template-columns:minmax(0,1fr) 260px}.promo{min-height:170px}.promo b{font-size:25px}}
@media(max-width:740px){.container{padding:0 18px}.header-inner{min-height:75px}.nav{display:none}.mobilenav{display:block;position:relative;z-index:5}.mobilenav[open] .mobilelinks{display:block}.mobilelinks{position:absolute;right:0;top:35px;min-width:215px;border:3px solid var(--ink);background:var(--white);padding:10px 15px;border-radius:10px;box-shadow:5px 5px 0 var(--ink)}.hero{grid-template-columns:1fr;padding-top:12px;padding-bottom:40px}.stage{min-height:460px;max-width:540px;margin:0 auto;width:100%}.stage:before{inset:38px 5px 35px}.phone{width:min(73%,295px)}.sticker.s1{top:20px;left:5px;font-size:13px}.sticker.s2{bottom:23px;right:3px;font-size:11px}.hero-copy .display{font-size:clamp(52px,13vw,76px)}.hero-lead{font-size:17px}.auth{padding:19px}.tape .container{font-size:12px}.tape .container span:nth-child(3){display:none}.featuregrid{grid-template-columns:1fr}.section{padding:50px 0}.footer-inner{display:block}.footlinks{margin-top:22px}.page{padding-top:36px}.article{margin-top:22px}.tiles{grid-template-columns:1fr}.workspace-grid{display:block}.workspace-app{display:none}.panel-mobile{display:block;padding:27px;background:var(--white);border:5px solid var(--ink);border-radius:20px;box-shadow:7px 8px 0 var(--ink);margin-bottom:28px}.panel-mobile h2{font:900 32px Impact,Arial,sans-serif}.workspace-aside{grid-template-columns:1fr;gap:14px}.promo{min-height:143px}.workspace-title{padding-top:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}