:root{color-scheme:light;--ink:#29252f;--muted:#736b7c;--accent:#7255c7;--display:"Instrument Sans",Arial,sans-serif;--sans:Inter,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,monospace;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{background:#f7f6f4}body{margin:0;color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 7% 50%,#e9e3f354,transparent 48%),#f7f6f4}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}::selection{background:#e1d5ff}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h2:focus{outline:none}
.account-entry{max-width:1280px;min-height:100svh;padding:calc(28px + env(safe-area-inset-top,0px)) 42px 22px;margin:auto;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.collect-mark{display:inline-flex;align-items:center;gap:9px;font:600 25px/1 var(--display);letter-spacing:-.055em}.collect-mark>span,.mini-mark{display:block;width:28px;height:28px;border-radius:9px;background-image:linear-gradient(#ffffff73,#fff0 60%),linear-gradient(150deg,#8ecbff,#6355ff 60%,#b9a6ff);box-shadow:inset 0 1px 0 #ffffffb3,0 4px 10px -4px #6b53c75e}.topbar p{margin:0;font-size:11px;color:var(--muted)}.topbar p>a{margin-left:15px;color:#48384f;font-weight:500}.topbar p>a>span{margin-left:5px}
.entry-layout{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:90px;flex:1;padding:62px 0 54px}.welcome{min-width:0}.eyebrow{font:9px/1.5 var(--mono);letter-spacing:.14em;color:#796982;margin:0 0 24px}h1{font:500 clamp(44px,5.1vw,65px)/1.01 var(--display);letter-spacing:-.06em;margin:0}.welcome-copy{font-size:14px;line-height:1.8;color:var(--muted);margin:22px 0 0}.welcome-note{font-size:10px;color:#7c7085;margin:17px 0 0}
.workspace-art{height:298px;position:relative;margin-top:27px;isolation:isolate;perspective:1100px}.art-sheet{position:absolute;left:21px;top:35px;width:348px;height:234px;border:1px solid #ffffffd9;border-radius:18px;background:#ede7f3;box-shadow:0 16px 38px -26px #7460854d}.art-sheet-back{transform:translate(24px,6px) rotate(5deg);opacity:.65}.art-sheet-mid{transform:translate(12px,3px) rotate(-4deg)}.art-workspace{position:absolute;width:380px;top:17px;left:0;border-radius:19px;background:linear-gradient(135deg,#fff,#fcfaff);border:1px solid #fff;box-shadow:0 20px 38px -25px #66547257;transform:rotateY(-6deg) rotateZ(-3deg);transform-origin:center;animation:workspace-arrive 1s var(--ease) both;overflow:hidden}.art-top{display:flex;align-items:center;gap:8px;padding:15px 18px;border-bottom:1px solid #6b537b0b}.art-top .mini-mark{width:16px;height:16px;border-radius:5px}.art-top b{font-size:9px;font-weight:500;color:#5e5066;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.art-trial{margin-left:auto;color:#796296;font:7px var(--mono);background:#f0eaf8;border:1px solid #e5dbef;border-radius:20px;padding:4px 7px}.art-heading{padding:19px 18px 15px;display:flex;align-items:center;justify-content:space-between;font:500 19px var(--display);letter-spacing:-.035em}.art-heading i{font-style:normal;color:#a18bb4;font-size:15px}.art-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 19px}.art-files>div{min-width:0}.art-files img{width:100%;aspect-ratio:1.6;object-fit:cover;display:block;border-radius:7px}.art-files span{display:block;font-size:7px;margin-top:5px;color:#786a85}.art-receipt{display:flex;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid #6b537b0b;background:#faf7fd}.receipt-check{width:23px;height:23px;display:grid;place-items:center;background:#e8f0e9;color:#6b8772;border-radius:50%;font-size:10px}.art-receipt b,.art-receipt div>span{display:block;font-size:8px;font-weight:400}.art-receipt div>span{font-size:7px;color:#85738e;margin-top:1px}.receipt-arrow{margin-left:auto;color:#a18bb4}.art-link{position:absolute;bottom:1px;left:182px;z-index:2;display:flex;align-items:center;gap:11px;padding:14px 19px 14px 14px;border-radius:14px;border:1px solid #fff;background:#ffffffef;box-shadow:0 14px 26px -16px #64517261;transform:rotate(3deg);animation:link-arrive 1.1s var(--ease) .12s both}.art-link>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#ece4f8;color:#9171ad}.art-link small{display:block;font:6px var(--mono);letter-spacing:.1em;color:#8f799c}.art-link b{display:block;font-size:9px;font-weight:400;margin-top:4px;white-space:nowrap}
.entry-panel{padding:37px 33px 25px;border:1px solid #ffffffe8;border-radius:25px;background:linear-gradient(135deg,#ffffffd1,#ffffff73);box-shadow:inset 0 1px 0 #fff,0 18px 45px -30px #79658736;min-width:0;max-width:450px;scroll-margin-top:22px}.trial-label{display:inline-flex;align-items:center;gap:7px;font:8px var(--mono);letter-spacing:.11em;color:#7b6292;margin-bottom:22px}.trial-label i{width:5px;height:5px;border-radius:50%;background:#9a80be}h2{font:500 clamp(34px,3vw,40px)/1.08 var(--display);letter-spacing:-.05em;margin:0}.entry-description{font-size:12px;line-height:1.8;color:var(--muted);margin:17px 0 26px}.primary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:15px 18px;min-height:50px;border:1px solid #ffffff24;border-radius:12px;color:#fff;font-size:12px;font-weight:500;background:linear-gradient(#39353f,#25232b);box-shadow:inset 0 1px 0 #ffffff28,0 9px 17px -13px #34203e66;transition:transform .3s var(--ease),box-shadow .3s}.primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff28,0 12px 20px -12px #34203e66}.primary>span:last-child{font-size:18px}.auth-note{font-size:10px;line-height:1.8;color:#807588;margin:13px 0 0}.trial-promises{padding:22px 0 0;margin:23px 0 0;border-top:1px solid #6b527813;list-style:none;display:grid;gap:10px;font-size:10px;color:#716477}.trial-promises span{color:#8c76a6;margin-right:9px}.returning{font-size:10px;color:#82718d;margin:27px 0 0}.returning a{color:#5f426f;margin-left:4px}.preview-tools{margin-top:26px;padding-top:15px;border-top:1px solid #6b527813;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;font-size:9px}.preview-tools>span{font:6px var(--mono);letter-spacing:.1em;color:#9a8da4}.preview-tools a{color:#80688f}.preview-tools p{font-size:8px;line-height:1.7;color:#8a7c94;width:100%;margin:0}.preview-tools a:hover,.topbar a:hover,.returning a:hover{color:var(--accent)}
#workspace-form label{display:block;font-size:11px;color:#66556f;margin-bottom:8px}#workspace-name{width:100%;height:49px;background:#ffffffb0;border:1px solid #b4a1c540;border-radius:11px;color:var(--ink);padding:12px 14px;font-size:13px}#workspace-name::placeholder{color:#a192aa}.field-help{font-size:9px;color:#8c7b97;margin:7px 0 25px}[data-view=workspace] .art-workspace,[data-view=trial] .art-workspace{transform:rotateY(0) rotateZ(0);transition:transform .75s var(--ease);animation:none}[data-view=workspace] .art-link,[data-view=trial] .art-link{transform:rotate(0);transition:transform .75s var(--ease);animation:none}.trial-summary{border:1px solid #d6c5ec4d;border-radius:14px;padding:17px 19px;background:#f1eaf966;display:grid;grid-template-columns:1fr auto;align-items:center}.trial-summary>span{font-size:11px;color:#756282}.trial-summary>strong{font:500 34px var(--display);letter-spacing:-.05em;color:#665078;grid-column:2;grid-row:1/3}.trial-summary>p{font-size:9px;color:#9b85ad;margin:3px 0 0}.payment-note{display:flex;gap:12px;align-items:center;margin:22px 0 18px}.payment-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #fff;border-radius:10px;background:#eae3f2;color:#9877b4}.payment-note p{margin:0}.payment-note b{display:block;font-size:11px;font-weight:500}.payment-note p>span{display:block;font-size:9px;line-height:1.8;color:#8e7b98;margin-top:4px}.trial-preview-link{margin-top:26px}footer{display:flex;justify-content:space-between;gap:20px;color:#897d91;font-size:8px;padding-top:20px;border-top:1px solid #63516a10}
@keyframes workspace-arrive{from{opacity:0;transform:translateY(22px) rotateY(-12deg) rotateZ(-5deg)}to{opacity:1;transform:rotateY(-6deg) rotateZ(-3deg)}}@keyframes link-arrive{from{opacity:0;transform:translateY(18px) rotate(7deg)}to{opacity:1;transform:rotate(3deg)}}
@media(max-width:1050px){.entry-layout{gap:38px;grid-template-columns:1fr 1fr}.account-entry{padding-inline:30px}.workspace-art{transform:scale(.85);transform-origin:top left;margin-bottom:-40px}.welcome-copy{font-size:12px}.entry-panel{padding:30px 25px 22px}}
@media(max-width:760px){.account-entry{padding:calc(23px + env(safe-area-inset-top,0px)) 23px 24px}.topbar p>span{display:none}.topbar p>a{font-size:10px;margin-left:0}.collect-mark{font-size:23px}.collect-mark>span{width:25px;height:25px}.entry-layout{display:flex;flex-direction:column;gap:29px;align-items:stretch;padding:47px 0 34px}.welcome .eyebrow{font-size:8px;margin-bottom:17px}h1{font-size:44px}.welcome-copy{font-size:12px;margin:15px 0 0}.workspace-art,.welcome-note{display:none}.entry-panel{padding:27px 23px 20px;max-width:none;border-radius:21px}h2{font-size:34px}h2 br{display:none}.trial-label{font-size:7px;margin-bottom:19px}.entry-description{font-size:12px;margin-bottom:24px}.entry-description br{display:none}.auth-note{font-size:10px}.trial-promises{margin-top:21px;padding-top:20px;gap:11px}.returning{margin-top:22px}.preview-tools{margin-top:23px}.preview-tools p{font-size:8px}.trial-label i{width:4px;height:4px}footer{font-size:8px}footer>span:last-child{display:none}[data-view=workspace] .welcome,[data-view=trial] .welcome,[data-view=signin] .welcome{display:none}[data-view=workspace] .entry-layout,[data-view=trial] .entry-layout,[data-view=signin] .entry-layout{justify-content:center;padding-top:38px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.primary:hover{transform:none}}
.renewal-summary{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:17px 0 13px;border-top:1px solid #a98bbc23;font-size:10px;color:#84708f}.renewal-summary>b{font-size:14px;font-weight:500;color:#5e476e}.renewal-summary small{font-size:10px;font-weight:400}.renewal-summary>p{grid-column:1/-1;margin:0;font-size:9px}.renewal-terms{color:#74627f}