:root{--ink:#150a35;--ink-2:#2e2167;--ghost:#f5f7fc;--lav:#a577ff;--lilac:#d2bcff;--violet:#7b4dff;--coral:#ff6b4a;--coral-h:#ff8a6e;--muted:#5e5888;--canvas:#e6e8f0;--card:#fbfbfe;--well:#f1f2f7;--hair:#150a3512;--lift:0 0 0 1px #150a3512,0 1px 0 #fffffff2 inset,0 2px 0 #150a350d;--float:0 0 0 1px #150a3517,0 1px 0 #fff inset,0 3px 0 #150a3512;--disp:"Schibsted Grotesk","Manrope",system-ui,sans-serif;--sans:"Manrope",system-ui,sans-serif;--mono:"DM Mono",ui-monospace,monospace;--serif:"Instrument Serif",Georgia,serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--canvas);color:var(--ink);font:500 14px/1.4 var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label{font:500 11px/1.3 var(--mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.mono{font:500 11px/1.6 var(--mono);letter-spacing:.04em;color:var(--muted)}.muted{color:var(--muted)}.app{flex-wrap:wrap;align-items:flex-start;gap:28px;max-width:1480px;margin:0 auto;padding:30px 34px 44px;display:flex}.side{flex-direction:column;flex:268px;gap:8px;min-width:0;display:flex}.main{flex-direction:column;flex:999 560px;gap:20px;min-width:0;display:flex}.brand{align-items:center;gap:10px;margin:2px 4px 16px;text-decoration:none;display:flex}.brand svg{width:auto;height:22px;display:block}.tabs{font:700 26px/1 var(--disp);letter-spacing:-.03em;gap:16px;margin:0 6px 20px;display:flex}.tabs a{color:#150a358c;text-decoration:none}.tabs a[aria-current]{color:var(--ink)}.side .label{margin:0 8px 2px}.side .label+.nav,.nav+.label{margin-top:0}.nav{flex-direction:column;gap:8px;display:flex}.nav+.label{margin-top:18px}.nav a{background:#ffffff61;border-radius:999px;align-items:center;gap:10px;height:44px;padding:0 8px 0 14px;font-size:13px;text-decoration:none;display:flex;position:relative}.nav a:hover{background:#fff}.nav a[aria-current]{background:var(--card);box-shadow:var(--lift);font-weight:600}.nav a svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;width:16px;height:16px}.badge{text-align:center;min-width:26px;font:500 11px var(--mono);color:#fff;background:var(--violet);border-radius:999px;margin-left:auto;padding:5px 8px}.nav-quiet{height:44px;color:var(--muted);border-radius:999px;align-items:center;gap:10px;margin-top:6px;padding:0 14px;font-size:13px;text-decoration:none;display:flex}.nav-quiet[aria-current]{color:var(--ink);background:#ffffff61}.nav-quiet svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:16px;height:16px}.mark{flex:none;width:12px;height:12px;display:inline-block}.mark.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.mark.circle{border-radius:50%}.signout{color:var(--muted);text-align:left;background:0 0;border:0;height:36px;margin-top:22px;padding:0 14px;font-size:12px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar .group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{height:44px;box-shadow:var(--lift);font:600 13px var(--sans);color:var(--ink);white-space:nowrap;background:#fff;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--ghost)}.btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.btn-well{background:var(--well)}.btn-cta{background:var(--coral);box-shadow:none;font-weight:700}.btn-cta:hover{background:var(--coral-h)}.btn-lav{background:var(--lav);box-shadow:none}.btn-lav:hover{background:var(--lilac)}.btn-text{box-shadow:none;color:var(--muted);background:0 0;padding:0 10px}.btn-text:hover{color:var(--ink);background:0 0}.icon-btn{background:var(--card);width:44px;height:44px;box-shadow:var(--lift);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.seg{box-shadow:inset 0 0 0 1px var(--hair);background:#ffffff80;border-radius:999px;padding:4px;display:inline-flex}.seg a{height:36px;font:500 11px var(--mono);color:var(--muted);border-radius:999px;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.seg a[aria-current]{color:var(--ink);box-shadow:var(--lift);background:#fff}.headline{font:700 clamp(40px,4.6vw,68px)/.92 var(--disp);letter-spacing:-.025em;text-transform:uppercase;flex-wrap:wrap;align-items:flex-end;gap:6px 22px;margin:18px 4px 6px;display:flex}.headline .n{color:var(--violet);line-height:0}.headline em{font:italic 400 1.1em/.8 var(--serif);letter-spacing:-.01em;text-transform:none;color:var(--violet)}.dots{display:block}.row{flex-wrap:wrap;align-items:stretch;gap:20px;display:flex}.stack{flex-direction:column;min-width:0;display:flex;position:relative}.stack.deep{padding-bottom:12px}.stack .edge{height:60px;box-shadow:var(--lift);background:#ffffff9e;border-radius:30px;position:absolute;bottom:0;left:20px;right:20px}.card{background:var(--card);box-shadow:var(--lift);border-radius:34px;flex-direction:column;flex:1;gap:6px;padding:24px;display:flex;position:relative}.stack:hover .card{background:#fff}.card h2{font:700 24px/1 var(--disp);letter-spacing:-.03em;margin:0}.card h2 a{text-decoration:none}.card h2 a:after{content:"";border-radius:34px;position:absolute;inset:0}.card .actions,.card .actions a,.card .actions button{z-index:1;position:relative}.card .head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card .head .mark{width:28px;height:28px}.card .count{color:var(--muted);margin-top:8px;font-size:13px}.card h3{border-top:1px solid var(--hair);font:600 16px/1.3 var(--sans);letter-spacing:-.01em;margin:16px 0 0;padding-top:16px}.card .by{color:var(--muted);gap:12px;font-size:13px;display:flex}.card .by .mono{margin-left:auto}.hero{flex:2 520px}.hero .card{gap:22px;padding:28px}.hero .card h2{font-size:32px}.hero .card .head .mark{width:34px;height:34px}.hero .body{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.hero .body .text{flex-direction:column;flex:280px;gap:8px;min-width:0;display:flex}.hero h3{border:0;margin:0;padding:0;font-size:19px}.hero p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.hero .actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.hero .next{border-top:1px solid var(--hair);align-items:baseline;gap:14px;padding-top:16px;display:flex}.hero .next .mono{margin-left:auto}.small{flex:280px}.empty{box-shadow:inset 0 0 0 1px var(--hair);background:#ffffff80;border-radius:34px;flex-direction:column;flex:2 520px;justify-content:center;gap:8px;padding:28px;display:flex}.empty h2{font:700 28px/1.05 var(--disp);letter-spacing:-.03em;margin:0}.empty p{color:var(--muted);max-width:520px;margin:0;line-height:1.5}.tile{isolation:isolate;clip-path:inset(0 round 34px);background:var(--ink);color:#fff;border-radius:34px;flex-direction:column;flex:300px;min-width:0;margin-bottom:12px;padding:26px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff6}.tile:before{content:"";z-index:-1;filter:blur(34px);background:radial-gradient(74% 68% at 28% 38%,#7b4dff 0% 22%,#0000 72%),radial-gradient(44% 44% at 82% 18%,#3b2290 0%,#0000 70%),radial-gradient(54% 40% at 20% 96%,#2e2167 0%,#0000 72%);position:absolute;inset:-14%}.tile .top{justify-content:space-between;align-items:center;display:flex}.tile .label{color:#fffc}.tile .pill{font:500 11px var(--mono);color:var(--ink);background:#fff;border-radius:999px;padding:5px 9px}.tile h2{font:700 24px/1.05 var(--disp);letter-spacing:-.03em;margin:14px 0 0}.tile ul{margin:auto 0 0;padding:18px 0 0;font-size:13px;list-style:none}.tile li a{border-top:1px solid #ffffff2e;justify-content:space-between;gap:12px;padding:11px 0;text-decoration:none;display:flex}.tile li a:hover b{text-decoration:underline}.tile li b{font-weight:700}.tile li .mono{color:#fffc}.tile .none{color:#fffc;margin:auto 0 0;padding-top:18px;font-size:13px}.senders{min-width:0;box-shadow:inset 0 0 0 1px var(--hair);background:#ffffff80;border-radius:34px;flex:280px;padding:22px 24px}.senders .head{justify-content:space-between;align-items:center;gap:12px;display:flex}.senders h2{font:600 15px/1.3 var(--sans);margin:0}.senders form{border-top:1px solid var(--hair);align-items:center;gap:12px;padding:14px 0 12px;display:flex}.senders form:first-of-type{margin-top:12px}.senders .who{flex:1;min-width:0}.senders .who b{font-size:13.5px;font-weight:600;display:block}.senders .who span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;display:block;overflow:hidden}.senders .btn{height:44px;padding:0 14px;font-size:12.5px}.file{width:112px;height:112px;box-shadow:var(--lift);background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;padding:12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.file .kind{font:700 22px/1 var(--disp);letter-spacing:-.02em;color:var(--violet)}.file .name{font:500 10.5px/1.3 var(--mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file.img{padding:0}.file.img img{object-fit:cover;width:100%;height:100%;display:block}.file.img .name{background:#ffffffeb;border-radius:8px;padding:3px 6px;position:absolute;bottom:8px;left:8px;right:8px}.files{flex-wrap:wrap;gap:12px;display:flex}.client-head{padding:14px 4px 6px}.client-head h1{font:700 clamp(64px,7vw,104px)/.84 var(--disp);letter-spacing:-.035em;align-items:flex-start;gap:18px;margin:0 0 18px;display:flex}.client-head h1 .mark{width:.34em;height:.3em;margin-top:.04em}.client-head p{color:var(--muted);margin:0;font-size:15px}.client-head p b{color:var(--ink);font-weight:700}.split{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.threads{flex-direction:column;flex:4 300px;gap:8px;min-width:0;display:flex}.threads .label{margin:4px 8px 2px}.threads .label:not(:first-child){margin-top:16px}.thread{box-shadow:var(--lift);background:#ffffff9e;border-radius:24px;align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex}.thread:hover{background:#fff}.thread[aria-current]{box-shadow:0 0 0 2px var(--violet);background:#fff}.thread.quiet{box-shadow:none;background:#ffffff61}.thread .t{flex:1;min-width:0}.thread .t b{font:600 15px/1.3 var(--sans);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.thread .t span{color:var(--muted);gap:8px;margin-top:3px;font-size:13px;display:flex}.thread .t span .mono{margin-left:auto}.avatar{width:36px;height:36px;font:700 14px var(--disp);color:var(--ink);background:#e9e1ff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.avatar.me{background:var(--ink);color:var(--ghost)}.avatar.alt{background:var(--lilac)}.avatar.lg{width:44px;height:44px;font-size:16px}.blank{color:var(--muted);padding:16px;font-size:13px}.pane{background:var(--card);min-width:0;box-shadow:var(--lift);border-radius:34px;flex-direction:column;flex:8 480px;gap:22px;padding:30px;display:flex}.pane h2{font:700 30px/1.05 var(--disp);letter-spacing:-.03em;overflow-wrap:anywhere;margin:0}.pane .meta{color:var(--muted);margin-top:8px;font-size:13px}.earlier{background:var(--well);border-radius:18px}.earlier summary{min-height:48px;color:var(--muted);cursor:pointer;align-items:center;gap:14px;padding:10px 18px;font-size:13px;list-style:none;display:flex}.earlier summary::-webkit-details-marker{display:none}.earlier summary b{color:var(--ink);margin-left:auto;font-weight:600}.earlier[open] summary b{visibility:hidden}.earlier .msg{border-top:1px solid var(--hair);padding:14px 18px 18px}.msg .from{align-items:center;gap:14px;display:flex}.msg .from div{min-width:0}.msg .from b{font:600 15px/1.3 var(--sans);display:block}.msg .from div span{color:var(--muted);text-overflow:ellipsis;margin-top:2px;font-size:13px;display:block;overflow:hidden}.msg .from .mono{white-space:nowrap;margin-left:auto}.msg .text{white-space:pre-wrap;overflow-wrap:anywhere;max-width:640px;margin-top:16px;font-size:15px;line-height:1.6}.msg .text a{color:var(--violet)}.msg .trimmed{color:var(--muted);margin-top:10px;font-size:12px}.msg .files{margin-top:18px}.original{margin-top:14px}.original summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:600}.frame{resize:vertical;height:560px;box-shadow:var(--lift);background:#fff;border-radius:18px;margin-top:10px;overflow:hidden}.frame iframe{border:0;width:100%;height:100%;display:block}.composer{background:var(--well);box-shadow:inset 0 0 0 1px var(--hair);border-radius:26px;padding:14px 14px 12px}.composer textarea{resize:vertical;width:100%;min-height:72px;font:500 15px/1.5 var(--sans);background:0 0;border:0;padding:6px 8px;display:block}.composer textarea::placeholder{color:var(--muted)}.composer .bar{align-items:center;gap:8px;margin-top:8px;display:flex}.composer .bar .btn-cta{margin-left:auto}.filing{background:#a577ff1f;border-radius:22px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.filing span{color:var(--ink);margin-right:auto;font-size:13px}.filing select,.filing input{height:44px;box-shadow:var(--lift);background:#fff;border:0;border-radius:999px;padding:0 14px;font-size:13px}.toast{background:var(--ink);color:var(--ghost);border-radius:999px;align-self:flex-start;padding:10px 16px;font-size:13px}.error{color:#c43a1e;background:#ffe4dd;border-radius:26px;padding:18px 22px;font-size:14px}.compose{background:var(--card);max-width:760px;box-shadow:var(--lift);border-radius:34px;flex-direction:column;gap:14px;padding:30px;display:flex}.compose h1{font:700 34px/1 var(--disp);letter-spacing:-.03em;margin:0 0 6px}.compose label{flex-direction:column;gap:6px;display:flex}.compose input,.compose textarea{background:var(--well);box-shadow:inset 0 0 0 1px var(--hair);border:0;border-radius:18px;padding:12px 14px;font-size:15px}.compose textarea{resize:vertical;min-height:260px;line-height:1.5}.compose .bar{justify-content:flex-end;gap:8px;display:flex}.signin{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.signin .box{width:min(440px,100%);box-shadow:var(--lift);text-align:center;background:#fff;border-radius:34px;padding:40px 36px 32px}.signin svg{width:92px;height:auto;margin:4px auto 26px;display:block}.signin h1{font:700 44px/1 var(--disp);letter-spacing:-.04em;text-transform:uppercase;margin:14px 0 12px}.signin p{color:var(--muted);margin:0 0 24px}.phone-nav,.phone-only{display:none}@media (max-width:760px){.app{gap:18px;padding:18px 16px 110px}.side{display:none}.phone-only{display:flex}.topbar .search{display:none}.hero,.small,.senders,.tile,.empty{flex-basis:100%}.hero .body .files{display:none}.split{flex-direction:column}.split .pane{border-radius:30px;order:-1;width:100%;padding:20px}.split .threads{width:100%}.client-head h1{font-size:96px}.pane h2{font-size:22px}.phone-nav{z-index:10;box-shadow:var(--float);background:#fffffff0;border-radius:999px;justify-content:space-between;align-items:center;padding:8px;display:flex;position:fixed;bottom:22px;left:16px;right:16px}.phone-nav a{background:var(--well);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;display:flex;position:relative}.phone-nav a.wide{width:auto;font:600 13px var(--sans);border-radius:999px;gap:8px;padding:0 20px 0 16px}.phone-nav a[aria-current]{background:var(--ink);color:var(--ghost)}.phone-nav a.quiet{color:var(--muted);background:0 0}.phone-nav svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.phone-nav .b{background:var(--violet);color:#fff;min-width:18px;height:18px;font:500 10px/18px var(--mono);text-align:center;border-radius:999px;padding:0 5px;position:absolute;top:-2px;right:-4px}.all-clients{flex-direction:column;gap:8px}.all-clients a{background:#ffffff80;border-radius:24px;align-items:center;gap:10px;height:48px;padding:0 16px;text-decoration:none;display:flex}.all-clients .badge{margin-left:auto}}.error-page{flex-direction:column;flex:100%;gap:14px;max-width:760px;display:flex}.error-page .bar{align-items:center;gap:8px;display:flex}.composer .bar .sig{margin-left:auto}.composer .bar .sig+.btn-cta{margin-left:0}
