:root{--bg:#081321;--surface:#0d1a2a;--surface-raised:#112238;--ink:#f4f7fd;--muted:#a7b7cb;--faint:#7388a4;--accent:#83bbff;--accent-strong:#2886ef;--line:rgba(180,207,243,.14);--max:1160px;color-scheme:dark}
:root[data-theme=light]{--bg:#f6f8fc;--surface:#fff;--surface-raised:#edf3fa;--ink:#102039;--muted:#4f6077;--faint:#75879d;--accent:#155bb1;--accent-strong:#155bb1;--line:rgba(30,60,110,.17);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body::before{content:"";position:absolute;top:0;left:0;right:0;height:740px;pointer-events:none;background:radial-gradient(ellipse at 72% 21%,rgba(40,121,233,.12),transparent 56%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}em{font-family:Georgia,ui-serif,serif;font-style:italic;font-weight:400;letter-spacing:-.065em;color:var(--accent)}.container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;left:-10000px;top:10px;z-index:1000;background:var(--accent);color:#061422;padding:12px}.skip-link:focus{left:10px}.eyebrow{color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.18em;margin:0 0 20px}.eyebrow-line{display:inline-block;width:20px;height:1px;background:currentColor;vertical-align:middle;margin-right:8px}
.site-header{height:76px;position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--bg) 89%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;gap:42px}.wordmark{display:inline-flex;align-items:center;gap:9px;flex:none;font-size:19px;line-height:1;font-weight:850;letter-spacing:-.075em}.brand-symbol{display:block;width:45px;height:45px;object-fit:contain;flex:none}.wordmark-sub{display:block;margin-top:4px;color:var(--muted);font-size:8px;font-weight:780;letter-spacing:.32em}.desktop-nav{display:flex;align-items:center;gap:33px;margin-left:auto}.desktop-nav a{font-size:13px;color:var(--muted);transition:color .2s}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle{border:0;background:none;color:var(--muted);width:36px;height:38px;font-size:20px}.header-login{min-height:38px;display:inline-flex;align-items:center;gap:16px;background:var(--surface-raised);border:1px solid var(--line);border-radius:8px;padding:0 14px;font-size:12px;font-weight:720}.header-login:hover{border-color:var(--accent)}.header-login span{color:var(--accent);font-size:17px}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;width:38px;height:38px}.menu-toggle span{display:block;background:var(--ink);height:2px;width:18px;margin:4px auto}.mobile-nav{display:none}
.hero{position:relative;min-height:min(690px,calc(100svh - 76px));display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:22px;padding-top:64px;padding-bottom:78px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(53px,6.4vw,89px);line-height:1.08;font-weight:760;margin:0 0 27px}.hero-lead{max-width:535px;font-size:16px;line-height:1.78;color:var(--muted);margin:0 0 31px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:49px;border-radius:8px;border:1px solid transparent;padding:12px 19px;font-size:13px;font-weight:740;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:18px}.button.primary{background:#87bfff;color:#081728;box-shadow:0 10px 35px rgba(41,126,233,.17)}:root[data-theme=light] .button.primary{background:#155bb1;color:#fff}.button.quiet{background:transparent;color:var(--ink);border-color:var(--line)}.button.quiet:hover{border-color:var(--accent)}.text-link{font-size:13px;font-weight:690;color:var(--muted);display:inline-flex;align-items:center;gap:11px}.text-link span{font-size:20px;color:var(--accent)}.text-link:hover{color:var(--ink)}.hero-visual{position:relative;display:grid;place-items:center;min-height:485px;isolation:isolate}.hero-visual::before,.hero-visual::after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;z-index:-1}.hero-visual::before{width:min(90%,470px);aspect-ratio:1}.hero-visual::after{width:min(68%,355px);aspect-ratio:1;opacity:.7}.hero-glow{position:absolute;z-index:-1;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(43,115,244,.21),rgba(42,104,207,.06) 47%,transparent 70%);filter:blur(8px)}.hero-symbol{display:block;width:min(86%,430px);height:auto;filter:drop-shadow(0 35px 30px rgba(0,5,15,.35))}.hero-coordinate{position:absolute;bottom:8px;left:8%;right:8%;display:flex;justify-content:space-between;color:var(--faint);font-size:10px;letter-spacing:.18em;font-weight:740}.hero-foot{position:absolute;bottom:22px;left:0;right:0;border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;color:var(--faint);font-size:10px;letter-spacing:.13em;font-weight:730}.hero-foot b{padding:0 12px;color:var(--accent);font-weight:400}.hero-foot a{color:var(--muted);letter-spacing:0;font-size:12px}.hero-foot a span{color:var(--accent);padding-left:10px}
.section{padding-block:82px;scroll-margin-top:78px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:38px;margin-bottom:33px}.section-heading h2,.contact-intro h2{font-size:clamp(37px,4.4vw,57px);line-height:1.15;font-weight:720;margin:0}.section-heading>p{font-size:13px;line-height:1.7;color:var(--muted);max-width:320px;margin:0 0 3px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{position:relative;display:flex;flex-direction:column;min-height:238px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:24px 25px;overflow:hidden;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.service-number{color:var(--faint);font-size:10px;letter-spacing:.14em;font-weight:780}.service-glyph{position:absolute;top:14px;right:24px;font-size:31px;color:var(--accent);font-weight:300}.service-card h3{font-size:23px;margin:50px 0 9px;font-weight:680}.service-card p{font-size:12px;line-height:1.64;color:var(--muted);margin:0 0 18px;max-width:295px}.service-rule{margin-top:auto;background:linear-gradient(to right,var(--accent) 30px,var(--line) 30px);height:1px;width:100%}
.project-section{background:color-mix(in srgb,var(--surface) 50%,var(--bg));border-block:1px solid var(--line)}.project-card{display:grid;grid-template-columns:1.15fr .85fr;min-height:292px;border:1px solid var(--line);background:var(--surface);border-radius:15px;overflow:hidden}.project-art{position:relative;display:grid;place-items:center;min-height:292px;background:radial-gradient(circle at 65% 44%,#432232 0,#261929 43%,#141e2c 82%,#101a29 100%);isolation:isolate;overflow:hidden}.project-art::before{content:"";position:absolute;width:90%;height:110%;border:1px solid rgba(248,123,144,.14);transform:rotate(-29deg);border-radius:40%;z-index:-1}.portal-orbit{position:absolute;border:1px solid rgba(255,113,141,.15);border-radius:50%;aspect-ratio:1;z-index:-1}.portal-orbit-one{width:300px}.portal-orbit-two{width:450px}.portal-brand{display:flex;gap:19px;align-items:center;transform:translateY(-8px)}.portal-mark{width:70px;height:70px;display:grid;place-items:center;color:#fff5f6;border:1px solid rgba(251,153,172,.48);border-radius:19px;background:linear-gradient(145deg,rgba(185,64,92,.44),rgba(65,20,38,.8));font-size:42px;font-weight:800;letter-spacing:-.1em;position:relative}.portal-mark span{position:absolute;top:5px;right:7px;font-size:15px;color:#ff9cae;letter-spacing:0}.portal-wordmark{color:#fff4f5;font-size:27px;font-weight:820;letter-spacing:-.065em}.portal-wordmark span{color:#ff8fa3}.portal-caption{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;color:#deb7c0;font-size:10px;letter-spacing:.15em;font-weight:760}.portal-caption span{font-size:19px}.project-copy{display:flex;flex-direction:column;align-items:start;padding:34px clamp(25px,4vw,49px)}.project-type{font-size:10px;color:var(--accent);letter-spacing:.16em;font-weight:780}.project-copy h3{font-size:clamp(29px,3vw,40px);margin:31px 0 10px}.project-copy p{color:var(--muted);font-size:13px;line-height:1.72;max-width:335px;margin:0}.project-visit{display:flex;justify-content:space-between;align-items:center;gap:26px;border-bottom:1px solid var(--accent);font-size:12px;font-weight:760;padding-bottom:8px;margin-top:auto}.project-visit span{font-size:18px;color:var(--accent)}.project-visit:hover{color:var(--accent)}
.contact-section{background:var(--bg)}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,85px);align-items:start}.contact-intro h2{margin-bottom:22px}.contact-intro>p:not(.eyebrow){color:var(--muted);line-height:1.7;font-size:14px;max-width:360px}.contact-note{display:inline-block;margin-top:45px;color:var(--faint);font-size:11px;letter-spacing:.08em}.contact-note span{color:var(--accent);padding-right:8px}.contact-form{display:grid;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:26px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{display:grid;gap:7px;font-size:12px;color:var(--muted);font-weight:670}input,textarea,select{width:100%;padding:11px 13px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;outline:0}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical}.consent{display:flex;gap:10px;align-items:start;font-size:11px;line-height:1.6;font-weight:500}.consent input{width:auto;margin:3px 0 0}.consent a{text-decoration:underline;text-underline-offset:2px}.honey{position:absolute;left:-99999px}.contact-form .button{justify-self:start}.form-result{min-height:18px;margin:0;font-size:12px;color:var(--accent)}.form-result.error{color:#f7a5a5}
.site-footer{border-top:1px solid var(--line);padding:40px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:26px}.site-footer p{font-size:11px;line-height:1.6;color:var(--muted);margin:15px 0 0;max-width:250px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px;font-size:11px}.footer-grid>div:not(:first-child)>span{font-size:10px;color:var(--faint);font-weight:750;letter-spacing:.13em}.footer-grid a:hover{color:var(--accent)}.footer-end{color:var(--faint);line-height:1.7;justify-content:end}
.backlink{display:inline-block;color:var(--muted);font-size:12px;font-weight:690;margin:34px 0}.backlink:hover{color:var(--accent)}.auth-view,.dashboard,.legal-view{min-height:calc(100vh - 76px);padding-bottom:78px}.auth-layout{display:grid;grid-template-columns:1fr 420px;gap:75px;align-items:center;min-height:540px}.auth-layout h1{font-size:clamp(55px,6vw,84px);line-height:1.03}.auth-layout>div>p:last-child{max-width:410px;color:var(--muted);line-height:1.7}.auth-card{display:grid;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:30px}.auth-card-icon{display:block;object-fit:contain;width:56px;height:56px}.auth-card h2{font-size:27px;margin:8px 0 0}.auth-card>p:not(.form-result){font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:10px}.button.full{width:100%}.dashboard{padding-top:70px}.dashboard-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:38px}.dashboard-head h1{font-size:clamp(36px,4vw,55px);margin:0 0 10px}.dashboard-head p:last-child{color:var(--muted);font-size:14px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dashboard-card{display:flex;flex-direction:column;align-items:start;min-height:267px;padding:23px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .2s,transform .2s}.dashboard-card:hover{border-color:var(--accent);transform:translateY(-2px)}.dashboard-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:9px;background:var(--surface-raised);color:var(--accent);font-size:24px;margin-bottom:27px}.dashboard-caption{color:var(--faint);letter-spacing:.12em;font-size:10px;font-weight:750}.dashboard-card h2{font-size:24px;margin:9px 0}.dashboard-card p{font-size:12px;line-height:1.65;color:var(--muted)}.dashboard-link{font-size:12px;font-weight:750;margin-top:auto;align-self:stretch;display:flex;justify-content:space-between;color:var(--accent)}.inquiries-panel,.legal-editor{margin-top:57px}.inquiries-heading{display:flex;align-items:end;justify-content:space-between}.inquiries-heading h2,.legal-editor h2{font-size:29px}.inquiries-list{display:grid;gap:10px}.inquiry{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:18px}.inquiry-head{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}.inquiry p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:13px;line-height:1.6}.inquiry small{color:var(--faint)}.legal-editor p{color:var(--muted);font-size:13px;line-height:1.6}.legal-editor form{display:grid;gap:17px;max-width:850px}.legal-editor textarea{min-height:170px}.legal-editor .button{justify-self:start}.legal-view{padding-top:40px;max-width:820px}.legal-view h1{font-size:clamp(44px,6vw,68px)}.legal-content{color:var(--muted);line-height:1.8;font-size:14px}.legal-content h2{color:var(--ink);font-size:23px;margin-top:30px}.legal-content a{text-decoration:underline}.legal-content p{white-space:pre-wrap}
@media(max-width:960px){.container{width:min(var(--max),calc(100% - 48px))}.hero h1{font-size:clamp(49px,6.6vw,75px)}.hero-visual{min-height:390px}.hero-symbol{width:min(89%,370px)}.contact-layout{gap:30px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr}.footer-end{grid-column:1/-1}}
@media(max-width:720px){.site-header{height:68px}.header-inner{gap:12px}.desktop-nav{display:none}.header-actions{margin-left:auto;gap:7px}.menu-toggle{display:block}.mobile-nav{display:grid;position:absolute;top:68px;left:0;right:0;padding:9px 24px 18px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.2)}.mobile-nav a{padding:11px 2px;border-bottom:1px solid var(--line);font-size:14px}.hero{min-height:auto;grid-template-columns:1fr;gap:0;padding-top:65px;padding-bottom:73px}.hero-copy{max-width:610px}.hero h1{font-size:clamp(52px,10vw,72px)}.hero-visual{min-height:310px;margin-top:5px}.hero-symbol{width:min(62%,305px)}.hero-visual::before{width:min(78%,340px)}.hero-visual::after{width:min(59%,270px)}.hero-coordinate{bottom:2px}.hero-foot{bottom:16px}.section{padding-block:66px}.section-heading{display:block}.section-heading>p{margin-top:17px;max-width:520px}.service-grid{grid-template-columns:1fr;gap:10px}.service-card{min-height:185px}.service-card h3{margin-top:29px}.service-card p{max-width:500px}.project-card{grid-template-columns:1fr}.project-art{min-height:255px}.project-copy{min-height:255px}.contact-layout{grid-template-columns:1fr;gap:24px}.contact-note{margin-top:12px}.auth-layout{grid-template-columns:1fr;gap:20px;min-height:0}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.container{width:calc(100% - 36px)}.wordmark{font-size:17px}.brand-symbol{width:39px;height:39px}.wordmark-sub{font-size:7px}.header-login{padding:0 10px;gap:8px}.theme-toggle{width:31px}.hero{padding-top:52px}.hero h1{font-size:clamp(45px,11.5vw,65px);margin-bottom:19px}.hero-lead{font-size:14px;line-height:1.7}.hero-actions{gap:19px}.hero-visual{min-height:265px}.hero-symbol{width:min(70%,265px)}.hero-coordinate{font-size:8px}.hero-foot{font-size:8px}.hero-foot b{padding:0 3px}.hero-foot a{font-size:10px}.section{padding-block:58px}.section-heading h2,.contact-intro h2{font-size:clamp(35px,8.8vw,47px)}.portal-brand{gap:9px}.portal-mark{width:54px;height:54px;font-size:34px;border-radius:13px}.portal-wordmark{font-size:21px}.form-row{grid-template-columns:1fr}.contact-form{padding:19px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}.footer-end{grid-column:1/-1}.auth-card{padding:22px}.auth-layout h1{font-size:55px}.dashboard-grid{grid-template-columns:1fr}.dashboard-head{align-items:start;flex-direction:column}.inquiries-heading{align-items:start;gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(max-width:950px) { .site-header .desktop-nav { display:none; } .site-header .menu-toggle { display:block; } .site-header .header-inner { gap:12px; } .site-header .header-actions { margin-left:auto; } .site-header .mobile-nav { display:grid; position:absolute; top:76px; left:0; right:0; padding:9px 24px 18px; background:var(--bg); border-bottom:1px solid var(--line); box-shadow:0 20px 30px rgba(0,0,0,.2); } .site-header .mobile-nav a { padding:11px 2px; border-bottom:1px solid var(--line); font-size:14px; } .mobile-nav .theme-switch--mobile { display:none; } }
@media(max-width:720px) { .site-header .mobile-nav { top:68px; } .site-header .theme-switch--header { display:none; } .mobile-nav .theme-switch--mobile { display:inline-flex; justify-self:start; margin-top:12px; } }

/* The public site and private workspace use the same understated navigation. */
.site-header .header-inner { gap:clamp(18px,3vw,42px); }
.site-header .wordmark { letter-spacing:-.055em; }
.site-header .brand-symbol { filter:drop-shadow(0 2px 9px rgba(50,127,246,.16)); }
.site-header .desktop-nav { gap:5px; }
.site-header .desktop-nav a { display:inline-flex; align-items:center; min-height:38px; padding:0 14px; border-radius:8px; font-weight:680; }
.site-header .desktop-nav a:hover,.site-header .desktop-nav a:focus-visible { color:var(--ink); background:var(--surface-raised); }
.site-header .header-actions { gap:13px; }
.site-header .theme-switch--header { position:relative; }
.site-header .header-login { font-weight:750; padding:0 14px; }
.site-header .header-login:hover { background:color-mix(in srgb,var(--accent) 9%,var(--surface-raised)); }
.site-header .mobile-nav a { font-weight:660; }

/* The project uses its actual Retter-Portal wordmark, on a quiet dark stage in both themes. */
.portal-original-logo { display:block; position:relative; width:min(87%,550px); max-height:205px; height:auto; object-fit:contain; filter:drop-shadow(0 15px 24px rgba(0,0,0,.22)); transform:translateY(-8px); }
@media(max-width:720px) { .portal-original-logo { width:min(86%,470px); max-height:176px; } }
@media(max-width:520px) { .portal-original-logo { width:min(89%,420px); max-height:156px; } }

/* One visual language from the public site into the private workspace. */
:root { --halo:rgba(47,132,250,.24); --card-shade:rgba(11,27,47,.88); }
:root[data-theme=light] { --halo:rgba(34,97,204,.13); --card-shade:#fff; }
body::before {
  height:850px;
  background:radial-gradient(ellipse at 73% 26%,var(--halo),transparent 48%),
    radial-gradient(ellipse at 9% 10%,rgba(76,137,224,.07),transparent 38%);
}
.site-header { box-shadow:0 13px 40px rgba(1,11,27,.07); }
.hero { gap:clamp(20px,4vw,65px); min-height:min(685px,calc(100svh - 76px)); }
.hero-copy .eyebrow { display:inline-flex; align-items:center; gap:8px; padding:9px 13px 9px 10px; margin-bottom:28px; border:1px solid var(--line); border-radius:30px; background:var(--surface); letter-spacing:.13em; }
.hero-copy .eyebrow-line { margin-right:0; }
.hero h1 { font-weight:780; letter-spacing:-.074em; }
.hero h1 em { color:var(--accent); text-shadow:0 10px 50px var(--halo); }
.hero-actions .button.primary { border-radius:10px; background:linear-gradient(125deg,#c4dfff 0%,#8dc4ff 58%,#72adf5 100%); box-shadow:0 18px 44px rgba(32,105,220,.22); }
:root[data-theme=light] .hero-actions .button.primary { background:linear-gradient(125deg,#206cc6,#104d9f); }
.hero-visual { min-height:480px; border-radius:28px; background:radial-gradient(ellipse at 52% 42%,rgba(50,127,245,.16),transparent 58%); }
.hero-visual::before,.hero-visual::after,.hero-glow { z-index:0; }
.hero-visual::before { width:min(84%,440px); border-color:color-mix(in srgb,var(--accent) 25%,var(--line)); }
.hero-visual::after { width:min(61%,315px); border-style:dashed; border-color:color-mix(in srgb,var(--accent) 22%,var(--line)); }
.hero-visual-frame { position:absolute; inset:39px 0 25px 15px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(155deg,rgba(143,191,255,.045),transparent 55%); box-shadow:inset 0 0 55px rgba(37,111,242,.035); z-index:0; }
.hero-visual-frame::before,.hero-visual-frame::after { content:""; position:absolute; width:37px; height:37px; border:2px solid var(--accent); opacity:.6; }
.hero-visual-frame::before { left:-1px; top:-1px; border-right:0; border-bottom:0; border-radius:22px 0 0 0; }
.hero-visual-frame::after { right:-1px; bottom:-1px; border-left:0; border-top:0; border-radius:0 0 22px 0; }
.hero-symbol { width:min(79%,385px); z-index:1; filter:drop-shadow(0 22px 43px rgba(0,6,22,.5)); }
.hero-visual-code,.hero-visual-note { position:absolute; z-index:2; left:35px; color:var(--faint); font-size:10px; font-weight:750; letter-spacing:.12em; }
.hero-visual-code { top:59px; }
.hero-visual-note { bottom:55px; left:auto; right:26px; letter-spacing:.03em; text-transform:none; }
.hero-visual-note i { color:var(--accent); font-size:16px; font-style:normal; vertical-align:middle; margin:0 5px; }
.hero-coordinate { bottom:10px; left:45px; right:30px; }
.hero-coordinate { z-index:2; }
.hero-foot { border-top-color:color-mix(in srgb,var(--accent) 28%,var(--line)); }
.section-heading .eyebrow { margin-bottom:17px; }
.service-grid { gap:12px; }
.service-card { border-radius:16px; background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface) 55%); min-height:244px; }
.service-card::before { content:""; position:absolute; width:125px; height:125px; right:-30px; top:-40px; border:1px solid color-mix(in srgb,var(--accent) 20%,transparent); border-radius:50%; }
.service-card::after { content:""; position:absolute; left:0; bottom:0; height:2px; width:0; background:var(--accent); transition:width .24s ease; }
.service-card:hover::after,.service-card:focus-within::after { width:100%; }
.service-glyph { top:20px; right:26px; font-size:30px; }
.service-card h3 { font-size:25px; }
.project-section { background:radial-gradient(ellipse at 10% 65%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 58%),color-mix(in srgb,var(--surface) 40%,var(--bg)); }
.project-card { border-radius:19px; box-shadow:0 22px 60px rgba(1,8,22,.14); }
.project-art { background:radial-gradient(ellipse at 53% 48%,#4b2938,#251e2c 49%,#101c2d 90%); }
.project-art::after { content:""; position:absolute; inset:18px; border:1px solid rgba(255,187,198,.12); border-radius:8px; pointer-events:none; }
.project-copy { background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface) 75%); }
.project-copy h3 { font-weight:750; letter-spacing:-.062em; }
.project-visit { width:min(100%,240px); }
.contact-section { background:radial-gradient(ellipse at 84% 100%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 55%),var(--bg); }
.contact-form { border-radius:18px; background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--accent) 3%,var(--surface))); box-shadow:0 20px 56px rgba(1,11,27,.11); }
.contact-form input,.contact-form textarea,.contact-form select { min-height:45px; }
.dashboard-head { align-items:center; }
.dashboard-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.dashboard-card { border-radius:16px; background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 6%,var(--surface)),var(--surface) 65%); }
.dashboard-card:hover { box-shadow:0 17px 36px rgba(0,30,69,.11); }
.dashboard-icon { border:1px solid var(--line); }
@media(max-width:960px) { .hero-visual-frame { inset:25px 0 20px 10px; } }
@media(max-width:720px) {
  .hero { padding-top:54px; }
  .hero-visual { min-height:325px; margin:17px 0 0; }
  .hero-visual-frame { inset:20px 4% 18px; }
  .hero-symbol { width:min(59%,260px); }
  .hero-visual-code { top:34px; left:9%; }
  .hero-visual-note { bottom:39px; right:9%; }
  .hero-coordinate { bottom:4px; left:9%; right:9%; }
}
@media(max-width:520px) {
  .hero-visual { min-height:270px; }
  .hero-symbol { width:min(58%,220px); }
  .hero-visual-code { top:27px; font-size:8px; }
  .hero-visual-note { bottom:34px; font-size:9px; }
  .dashboard-actions { width:100%; }
  .dashboard-actions .button { flex:1; min-height:42px; justify-content:center; gap:8px; padding:9px; font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .service-card::after { transition:none; } }

/* The private entry area uses the same two clear destinations as the header. */
.dashboard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.dashboard-card { min-height:215px; padding:23px 25px; }
.dashboard-card .dashboard-icon { margin-bottom:17px; }
.dashboard-card.is-unavailable { opacity:.65; pointer-events:none; }
@media(max-width:650px) { .dashboard-grid { grid-template-columns:1fr; } }