:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17191d;background:#f7f3ed;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 7% 7%,rgba(207,224,245,.58),transparent 28%),radial-gradient(circle at 92% 86%,rgba(255,228,208,.52),transparent 34%),linear-gradient(135deg,#f4f5f5,#faf7f2 48%,#fff9f4)}.button,button,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}.portal-shell{width:100%;min-height:100dvh;padding:48px clamp(20px,5vw,72px);display:grid;place-items:center;position:relative}.portal-shell--preview{padding-bottom:118px}.service-grid{width:min(100%,994px);display:grid;grid-template-columns:repeat(2,minmax(280px,434px));justify-content:center;gap:clamp(48px,5.5vw,78px)}.service-grid--family{grid-template-columns:minmax(280px,434px)}.service-grid--owner{width:min(100%,1320px);grid-template-columns:repeat(3,minmax(240px,380px));gap:clamp(28px,3vw,48px)}.tile-ring{position:relative;width:100%;aspect-ratio:1;padding:17px;border-radius:68px;isolation:isolate}.tile-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;border-radius:inherit;background:linear-gradient(135deg,#9dd8ff,#b7e8ff 48%,#d1f3ff)}.tile-ring:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:-1;border-radius:66px;background:#f8f6f2f5}.service-tile{width:100%;height:100%;border-radius:53px;color:inherit;text-decoration:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(40px,4.4vw,64px);padding:42px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.service-tile:hover{transform:translateY(-5px)}.service-tile:active{transform:translateY(-1px) scale(.992)}.service-tile:focus-visible{outline:4px solid #3478f6;outline-offset:7px}.service-tile--plex{color:#fff;background:linear-gradient(145deg,#202225,#17191c);box-shadow:0 12px 24px #23262a1c}.service-tile--plex:hover{box-shadow:0 18px 32px #23262a29}.service-tile--signin{background:#fffdf9f5;box-shadow:0 9px 22px #5b52480e}.service-tile--signin:hover{background:#fff;box-shadow:0 15px 28px #5b524818}.service-tile--n8n{color:#17191d;background:#fff8f4;box-shadow:0 9px 22px #5b524811}.service-tile--finance{color:#123b31;background:linear-gradient(145deg,#f3fffa,#e7f8f0);box-shadow:0 9px 22px #23655014}.service-tile--finance:hover{box-shadow:0 15px 30px #23655024}.service-icon{width:clamp(116px,11vw,170px);height:clamp(116px,11vw,170px);flex:none;color:#e5a00d}.service-tile--n8n .service-icon{color:#ea4b71}.service-tile--finance .service-icon{color:#238a69}.service-icon--plus{width:clamp(104px,9vw,142px);height:clamp(104px,9vw,142px);color:#bd7b12;stroke-width:1.25}.service-copy{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center}.service-label{font-size:clamp(31px,2.6vw,42px);line-height:1;letter-spacing:-.04em;font-weight:500}.service-detail{display:inline-flex;align-items:center;gap:7px;color:#77777a;font-size:clamp(14px,1.2vw,18px);line-height:1.3;white-space:nowrap}.service-detail svg{width:1em;height:1em}.service-tile--plex .service-detail{color:#e5a00d}.sign-out{position:fixed;top:24px;right:24px;z-index:4;min-height:44px;padding:0 16px;border:1px solid rgba(51,58,67,.13);border-radius:999px;color:#3b3f45;background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.sign-out:hover{background:#fff}.sign-out:focus-visible,.preview-options button:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible{outline:3px solid #3478f6;outline-offset:3px}.preview-controls{position:fixed;left:50%;bottom:22px;z-index:5;width:min(calc(100vw - 28px),760px);transform:translate(-50%);padding:9px 10px 10px;border:1px solid rgba(72,78,87,.12);border-radius:18px;background:#ffffffd1;box-shadow:0 12px 34px #383c441c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.preview-label{display:block;padding:0 7px 7px;color:#777c84;font-size:10px;line-height:1;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.preview-options{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.preview-options button{min-height:36px;padding:0 10px;border-radius:10px;color:#60656d;background:transparent;font-size:13px;cursor:pointer}.preview-options button:hover{color:#1f2227;background:#6ba8dc1a}.preview-options button.is-active{color:#143d62;background:#e8f5ff;box-shadow:inset 0 0 0 1px #c8e8ff}.status-state{width:min(100%,520px);text-align:center}.status-icon{width:70px;height:70px;margin:0 auto 28px;border:1px solid #b7e8ff;border-radius:24px;background:#ffffffbf;color:#3372a8;display:grid;place-items:center}.status-icon svg{width:30px;height:30px}.status-icon--loading svg{animation:spin .9s linear infinite}.status-state h1{margin:0;font-size:clamp(32px,5vw,52px);line-height:1.05;letter-spacing:-.045em;font-weight:560}.status-state p{max-width:420px;margin:18px auto 0;color:#686b70;font-size:16px;line-height:1.6}.status-actions{margin-top:30px;display:flex;justify-content:center;gap:10px}.primary-action,.secondary-action{min-height:46px;padding:0 18px;border-radius:14px;cursor:pointer;font-weight:650}.primary-action{color:#fff;background:#1f6da8}.secondary-action{color:#42464d;border:1px solid rgba(51,58,67,.15);background:#ffffffb3}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.portal-shell{align-items:start;padding:64px 22px}.portal-shell--preview{padding-bottom:126px}.service-grid{width:min(100%,390px);grid-template-columns:1fr;gap:34px}.tile-ring{padding:13px;border-radius:56px}.tile-ring:after{border-radius:54px}.service-tile{border-radius:43px;gap:30px;padding:34px}.service-icon{width:104px;height:104px}.service-icon--plus{width:88px;height:88px}.service-label{font-size:32px}.service-detail{font-size:14px}.sign-out{position:absolute;top:12px;right:14px}.preview-options{grid-template-columns:repeat(3,1fr)}.status-state{align-self:center}}@media(min-width:761px)and (max-width:1080px){.service-grid--owner{width:min(100%,860px);grid-template-columns:repeat(2,minmax(280px,380px))}}@media(max-width:430px){.portal-shell{padding-inline:18px}.service-grid{width:min(100%,290px);gap:24px}.preview-controls{bottom:10px}.preview-options button{padding-inline:4px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}