/* Public entry point, sharing the authenticated workspace's brand and controls. */
html .dashboard-page .portal-shell{max-width:1440px;padding-inline:48px}
html .dashboard-page .portal-header{height:100px}
html .dashboard-page .portal-brand>span::after{content:'TECH / DIGITAL TOOLS'}
html .dashboard-page .portal-nav>a:not(.nav-sign-in){font-size:12px;color:var(--muted)}
html .dashboard-page .portal-nav>a:hover{color:var(--gold)}
html .dashboard-page .portal-hero{grid-template-columns:1.05fr 1fr;gap:70px;min-height:720px;padding:68px 0 74px;position:relative;align-items:center}
.dashboard-page .portal-hero-copy{min-width:0}
html .dashboard-page .portal-badge{background:var(--gold-soft);border:1px solid var(--gold-border);color:var(--gold);font-size:9px;letter-spacing:1.5px;font-weight:600;padding:9px 13px;border-radius:30px;margin-bottom:26px}
html .dashboard-page .portal-badge>span:last-child{color:var(--gold)}
.dashboard-page .live-dot{background:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 10%,transparent)}
html .dashboard-page .portal-hero h1{font-family:Inter,sans-serif;font-size:clamp(42px,4.6vw,66px);font-weight:600;letter-spacing:-3px;line-height:1.11}
html .dashboard-page .portal-hero h1 span{font-style:normal;color:var(--gold);background:linear-gradient(105deg,#876324,#b49751,#816126);background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme=dark] .dashboard-page .portal-hero h1 span{background-image:linear-gradient(105deg,#bda065,#eddba7,#c0a05a)}
html .dashboard-page .portal-intro{font-size:14px;line-height:1.9;margin-top:24px;max-width:470px;color:var(--muted)}
.landing-suite-note{font-size:9px;font-weight:600;letter-spacing:1.6px;color:var(--muted);margin:26px 0 18px}
.landing-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
html .dashboard-page .portal-primary-button{width:auto;display:inline-flex;gap:22px;min-height:50px;border-radius:10px;padding:14px 22px;background:linear-gradient(115deg,#e6d39b,#c6a456 58%,#ddc484);border:1px solid #c4a15a;color:#252016;box-shadow:0 3px 10px #7d5e1714,inset 0 1px #fff5;font-size:12px}
html .dashboard-page .portal-primary-button:hover{filter:brightness(1.04);box-shadow:0 6px 22px #9f77252b}
html .dashboard-page .explore-link{display:inline-flex;margin:0;padding:12px 3px;color:var(--ink);font-size:12px;gap:10px}
html .dashboard-page .explore-link:hover{color:var(--gold)}

/* Product illustration: a silver publishing device and a matte black bio page. */
html .dashboard-page .phone-scene{height:550px;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:radial-gradient(ellipse at 65% 45%,var(--gold-soft),transparent 70%),linear-gradient(145deg,var(--panel),var(--surface-soft));box-shadow:inset 0 1px color-mix(in srgb,var(--panel) 70%,transparent);isolation:isolate}
.dashboard-page .phone-scene::before{content:'ZPROP TECH';position:absolute;top:23px;left:26px;font-size:9px;font-weight:600;letter-spacing:3px;color:var(--muted)}
html .dashboard-page .orbital-ring{width:340px;height:340px;left:calc(50% - 170px);top:120px;border-color:var(--gold-border);opacity:.45;transform:rotate(-25deg) scaleY(.88)}
html .dashboard-page .orbital-ring::after{border-color:var(--gold-border)}
html .dashboard-page .scene-spark{color:var(--gold);font-size:17px}
html .dashboard-page .spark-one{right:25px;top:20px}.dashboard-page .spark-two{left:22px;bottom:78px}
html .dashboard-page .phone{padding:6px;border:1px solid #b6a787;border-radius:33px;background:linear-gradient(125deg,#bebfc3,#333438 35%,#797b81);box-shadow:inset 0 0 0 2px #28292e,0 0 0 1px #8a8066,14px 22px 38px #00000026}
html .dashboard-page .phone-screen{border-radius:27px}
html .dashboard-page .phone-back{width:205px;height:399px;left:9%;top:96px;transform:rotate(-9deg)}
html .dashboard-page .phone-front{width:229px;height:463px;right:7%;top:52px;transform:rotate(7deg)}
html .dashboard-page .phone-notch{width:75px;height:15px;border-radius:0 0 10px 10px}
.dashboard-page .phone-notch::before{left:20px;width:24px;top:5px}.dashboard-page .phone-notch::after{right:17px;top:4px}
html .dashboard-page .mini-site{color:#292a30;background:#f1efe8}
html .dashboard-page .mini-brand{color:#292a30;font-size:20px;padding-top:22px;letter-spacing:1px}
html .dashboard-page .mini-brand>span{color:#9b7b36}
html .dashboard-page .mini-caption{color:#857555;font-size:6px}
html .dashboard-page .mini-listings h2{font-family:Inter,sans-serif;font-weight:600;letter-spacing:-.7px;font-size:21px;margin-bottom:15px;line-height:1.12}
html .dashboard-page .mini-upload{background:#fffefa;border:1px solid #ded7c8;border-radius:9px;padding:12px 8px;gap:4px;color:#292a30}
html .dashboard-page .mini-code-icon{background:#efe6d2;color:#967124;border-radius:8px}
html .dashboard-page .mini-upload small{color:#777167}
html .dashboard-page .mini-upload-progress{background:linear-gradient(90deg,#ab8640,#dcc381);height:3px}
html .dashboard-page .mini-upload>span:last-child{color:#8b6b2d}
html .dashboard-page .mini-code-lines{color:#8b7b58;font-size:8px;line-height:1.6;margin-top:11px}
html .dashboard-page .mini-bottom-nav{background:#e8e4d9;color:#9a7b39;padding:7px;font-size:16px}
html .dashboard-page .mini-profile{background:radial-gradient(ellipse at 50% 0,#62502f50,transparent 55%),linear-gradient(150deg,#25262b,#111216);color:#f3f2ed}
html .dashboard-page .profile-monogram{width:70px;height:70px;border-radius:18px;margin:22px auto 15px;background:#18191c;border:1px solid #8d794a;box-shadow:0 8px 24px #0003;overflow:hidden}
.dashboard-page .profile-monogram img{width:100%;height:100%;object-fit:cover}
html .dashboard-page .mini-verified{font-size:8px;letter-spacing:2px;color:#d6bb7e}
html .dashboard-page .mini-verified>span{background:#d6bb7e;color:#24201a}
html .dashboard-page .mini-profile h2{font-size:26px;letter-spacing:-.8px;margin-top:12px}
html .dashboard-page .mini-profile>p{color:#b2b0b0;font-size:8px;margin:11px 0 18px}
html .dashboard-page .mini-profile-button{background:linear-gradient(120deg,#e2cf9b,#c6a65f);border:1px solid #c5ae78;color:#2e2617;border-radius:8px;margin:0 12px 9px;padding:10px 6px;font-size:8px}
html .dashboard-page .mini-profile-button~.mini-profile-button{background:#2b2b2e;color:#d8d2c3;border-color:#4e493e}
html .dashboard-page .mini-profile-footer{padding-top:6px;color:#c7ad73}
html .dashboard-page .mini-profile-footer>span{font-size:12px;letter-spacing:2px}
html .dashboard-page .mini-profile-footer>small{color:#aaa7a0}
html .dashboard-page .mini-profile-footer>div{font-size:18px}
html .dashboard-page .scene-caption{bottom:20px;left:0;right:0;color:var(--muted);font-size:9px;letter-spacing:.5px}
html .dashboard-page .caption-line{background:var(--gold);width:22px}

/* The complete tool collection, followed by the publishing guide. */
.landing-tools{padding:25px 0 72px}
.landing-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
html .dashboard-page :is(.landing-section-heading h2,.guide-heading h2,.portal-faq h2){font-family:Inter,sans-serif;font-size:32px;font-weight:600;letter-spacing:-1px;line-height:1.2}
.landing-dashboard-link{display:inline-flex;gap:22px;align-items:center;border:1px solid var(--gold-border);border-radius:9px;background:var(--panel);padding:10px 14px;font-size:11px;color:var(--gold)}
html .dashboard-page .portal-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
html .dashboard-page .portal-features>a{display:block;padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);transition:border-color .2s,transform .2s,box-shadow .2s;color:var(--ink)}
html .dashboard-page .portal-features>a:hover{border-color:var(--gold-border);background:var(--panel);transform:translateY(-4px);box-shadow:0 12px 26px #0000000a}
.landing-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}
.landing-card-top small{font-size:10px;color:var(--muted);font-weight:400;word-spacing:8px}
html .dashboard-page .landing-card-top i{position:relative;display:block;width:44px;height:44px;background:var(--gold-soft);color:var(--gold);border:1px solid var(--gold-border);border-radius:12px;font-size:0;line-height:0;overflow:hidden}
.landing-card-top i::before{content:'';position:absolute;inset:0;margin:auto;width:22px;height:22px;background:currentColor;-webkit-mask:var(--category-icon) center/contain no-repeat;mask:var(--category-icon) center/contain no-repeat}
.landing-tool-card>span{font-size:16px;font-weight:600;letter-spacing:-.3px}
.landing-tool-card>p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:9px;font-weight:400;max-width:350px}
html .dashboard-page .portal-guide{padding:58px 0 64px;border-color:var(--line)}
html .dashboard-page .guide-grid{gap:18px;margin-top:28px}
html .dashboard-page .guide-grid>a{background:var(--surface-soft);border:1px solid var(--line);border-radius:14px;padding:26px}
html .dashboard-page .guide-grid>a:hover{border-color:var(--gold-border);background:var(--panel)}
html .dashboard-page .guide-number{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--gold-border);border-radius:50%;color:var(--gold);font-size:10px;background:var(--panel)}
html .dashboard-page .guide-grid h3{font-size:16px;font-weight:600;letter-spacing:-.3px;margin-top:22px}
html .dashboard-page .guide-grid p{font-size:12px;line-height:1.9;max-width:350px;margin-top:10px}
html .dashboard-page .portal-faq{grid-template-columns:1fr 1.6fr;gap:70px;padding:48px 0 70px;border-top:1px solid var(--line)}
html .dashboard-page .portal-faq details{margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:0 22px}
html .dashboard-page .portal-faq summary{font-size:13px;padding:20px 25px 20px 0;font-weight:500}
html .dashboard-page .portal-faq summary::after{color:var(--gold)}
html .dashboard-page .portal-faq details[open]{border-color:var(--gold-border)}
html .dashboard-page .portal-faq details p{font-size:12px;color:var(--muted);line-height:1.9;padding-bottom:20px}
@media(max-width:1100px){
  html .dashboard-page .portal-shell{padding-inline:30px}
  html .dashboard-page .portal-hero{gap:35px;padding:50px 0;min-height:660px;grid-template-columns:1fr 1fr}
  html .dashboard-page .portal-hero h1{font-size:48px;letter-spacing:-2px}
  html .dashboard-page .phone-scene{height:515px}.dashboard-page .phone-scene::before{left:20px}
  html .dashboard-page .phone-back{left:6%;top:110px;width:180px;height:360px}
  html .dashboard-page .phone-front{right:6%;top:58px;width:210px;height:432px}
  html .dashboard-page .profile-monogram{width:58px;height:58px;margin-top:23px;margin-bottom:12px}
  html .dashboard-page .mini-profile h2{font-size:24px}
  html .dashboard-page .mini-profile-button{padding:9px 5px}
  html .dashboard-page .scene-caption{bottom:13px;font-size:8px}
  html .dashboard-page .portal-nav{gap:15px}
  html .dashboard-page .portal-features>a{padding:22px}
}
@media(max-width:800px){
  html .dashboard-page .portal-shell{padding-inline:22px}
  html .dashboard-page .portal-header{height:auto;min-height:100px;padding:18px 0;display:flex;flex-wrap:wrap;gap:16px}
  html .dashboard-page .portal-nav{gap:12px;flex-wrap:wrap;width:auto;margin-left:auto}
  html .dashboard-page .portal-nav>a[data-copy=tutorial]{display:none}
  html .dashboard-page .portal-nav>a[data-copy=dashboard]{font-size:11px}
  html .dashboard-page .portal-brand>span{display:block}
  html .dashboard-page .portal-brand strong{font-size:17px}
  html .dashboard-page .portal-logo{width:46px;height:46px}
  html .dashboard-page .portal-hero{grid-template-columns:1fr;gap:42px;min-height:0;padding:44px 0 46px}
  html .dashboard-page .portal-hero-copy{max-width:620px}
  html .dashboard-page .portal-hero h1{font-size:52px;letter-spacing:-2px}
  html .dashboard-page .phone-scene{height:510px;max-width:510px;width:100%;margin:auto;display:block}
  html .dashboard-page .phone-back{left:12%;top:101px;width:200px;height:383px}
  html .dashboard-page .phone-front{right:11%;top:43px;width:225px;height:439px}
  html .dashboard-page .scene-caption{bottom:12px}
  html .dashboard-page .portal-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .landing-tools{padding:20px 0 46px}
  html .dashboard-page :is(.landing-section-heading h2,.guide-heading h2,.portal-faq h2){font-size:28px}
  html .dashboard-page .guide-grid{grid-template-columns:1fr;gap:12px}
  html .dashboard-page .guide-grid>a{padding:22px}.dashboard-page .guide-grid p{max-width:none}
  html .dashboard-page .portal-guide{padding:40px 0}
  html .dashboard-page .portal-faq{grid-template-columns:1fr;gap:24px;padding:40px 0}
}
@media(max-width:480px){
  html .dashboard-page .portal-shell{padding-inline:18px}
  html .dashboard-page .portal-header{gap:14px;padding:17px 0}
  html .dashboard-page .portal-nav{width:100%;gap:12px;justify-content:flex-end}
  html .dashboard-page .portal-nav>a[data-copy=dashboard]{margin-right:auto}
  html .dashboard-page .portal-brand>span{display:block}
  html .dashboard-page .nav-sign-in{padding:8px 10px;border:1px solid var(--line);font-size:10px}
  html .dashboard-page .portal-hero{padding-top:34px;gap:30px}
  html .dashboard-page .portal-hero h1{font-size:43px;letter-spacing:-1.8px}
  html .dashboard-page .portal-badge{font-size:8px;letter-spacing:1px;margin-bottom:23px;padding:8px 12px}
  html .dashboard-page .portal-intro{font-size:13px;margin-top:20px}
  .landing-suite-note{font-size:8px;letter-spacing:1.3px;margin-top:23px}
  .landing-hero-actions{gap:12px}.landing-hero-actions .portal-primary-button{flex:1}
  html .dashboard-page .portal-primary-button{padding:12px 16px;font-size:11px}
  html .dashboard-page .explore-link{font-size:11px;padding:10px 0}
  html .dashboard-page .phone-scene{height:449px;border-radius:22px}
  html .dashboard-page .phone-back{width:166px;height:331px;left:6%;top:92px}
  html .dashboard-page .phone-front{width:194px;height:381px;right:5%;top:39px}
  html .dashboard-page .orbital-ring{width:260px;height:260px;left:calc(50% - 130px)}
  html .dashboard-page .mini-brand{font-size:17px;padding:19px 14px 9px}
  html .dashboard-page .mini-caption{padding-inline:14px;font-size:5px}
  html .dashboard-page .mini-listings h2{font-size:18px;margin-inline:14px}
  html .dashboard-page .mini-upload{margin-inline:10px;padding:10px 6px}
  html .dashboard-page .mini-code-lines{font-size:6px;margin:10px 14px}
  html .dashboard-page .profile-monogram{width:51px;height:51px;margin:20px auto 10px}
  html .dashboard-page .mini-profile h2{font-size:22px;margin-top:10px}
  html .dashboard-page .mini-profile>p{font-size:6px;margin:9px 0 14px}
  html .dashboard-page .mini-profile-button{font-size:7px;padding:8px 4px;margin-bottom:7px}
  html .dashboard-page .mini-profile-footer{padding-top:3px}.dashboard-page .mini-profile-footer>small{font-size:5px}
  html .dashboard-page .mini-profile-footer>div{font-size:15px}
  .landing-section-heading{gap:10px;align-items:flex-end;margin-bottom:22px}
  html .dashboard-page .landing-section-heading h2{font-size:25px}
  .landing-section-heading .section-kicker{font-size:7px;letter-spacing:1px}
  .landing-dashboard-link{padding:9px;gap:8px;font-size:10px}
  html .dashboard-page .portal-features>a{padding:18px 15px;border-radius:12px}
  .landing-card-top{margin-bottom:18px}.landing-card-top small{font-size:8px;word-spacing:2px}
  html .dashboard-page .landing-card-top i{width:35px;height:35px;border-radius:10px}.landing-card-top i::before{width:19px;height:19px}
  .landing-tool-card>span{font-size:14px}.landing-tool-card>p{font-size:11px;line-height:1.8}
  html .dashboard-page .portal-faq details{padding-inline:17px}
  html .dashboard-page .portal-faq summary{font-size:12px}
}
@media(max-width:360px){html .dashboard-page .portal-hero h1{font-size:37px}.landing-section-heading{align-items:flex-start;flex-direction:column}.landing-hero-actions{flex-direction:column;align-items:stretch}.landing-hero-actions .explore-link{justify-content:center}html .dashboard-page .phone-back{left:3%;width:155px}html .dashboard-page .phone-front{right:3%;width:178px}.landing-card-top small{display:none}}
@media(max-width:320px){html .dashboard-page .portal-shell{padding-inline:12px}html .dashboard-page .portal-hero h1{font-size:32px}html .dashboard-page .phone-scene{height:380px}html .dashboard-page .phone-back{width:132px;height:268px}html .dashboard-page .phone-front{width:152px;height:308px}html .dashboard-page .portal-features{grid-template-columns:1fr}}
@media(max-height:500px) and (orientation:landscape){html .dashboard-page .phone-scene{display:none}html .dashboard-page .portal-hero{min-height:0;padding:24px 0}html .dashboard-page .portal-features{grid-template-columns:repeat(3,minmax(0,1fr))}}