/* Dr Konkur — Obsidian / Liquid Glass. Content stays quiet; controls catch the light. */
:root,
:root[data-theme=night]{
  color-scheme:dark;
  --bg:#0b1416;
  --surface:#142124;
  --surface2:#1d2e30;
  --line:#ffffff1c;
  --text:#f4f2eb;
  --muted:#aebcb9;
  --purple:#b6d9c9;
  --purple2:#d7eadf;
  --green:#b6d9c9;
  --orange:#dfc196;
  --pink:#f2afb4;
  --soft:#243c36;
  --input:#111f22;
  --on-accent:#102c25;
  --danger-on:#35141c;
  --warm:#d9bd94;
  --hero:#162527;
  --nav:#142124;
  --focus:#132c2a;
  --focus-text:#f4f2eb;
  --radius:24px;
  --header-height:82px;
  --shadow:0 18px 50px #00000020,inset 0 1px #ffffff08;
  --glass-fill:linear-gradient(145deg,#ffffff14,#ffffff03 45%,#ffffff08);
  --glass-tint:#17272bd9;
  --glass-edge:#ffffff29;
  --glass-shine:#ffffff55;
  --glass-shadow:0 12px 40px #00000026,inset 0 1px #ffffff26,inset 0 -1px #0000001a;
  --panel-fill:linear-gradient(145deg,#ffffff07,transparent 70%);
  --ambient-one:#315f572e;
  --ambient-two:#a4885d17;
  --ambient-three:#3c566520;
  --hero-fill:radial-gradient(ellipse at 92% 4%,#617c6133,transparent 52%),linear-gradient(135deg,#1d3131,#152326 56%,#112023);
  --landing-base:#0f1a1d;
  --action-fill:linear-gradient(125deg,#f1e5d1,#c8dccc 65%,#b0cbbc);
  --action-shadow:0 5px 20px #a9cbbc16,inset 0 1px #ffffffb3;
}
:root[data-theme=light]{
  color-scheme:light;
  --bg:#edf0eb;
  --surface:#fbfcf8;
  --surface2:#e5ebe4;
  --line:#294e3e24;
  --text:#1c322d;
  --muted:#536960;
  --purple:#235d4c;
  --purple2:#174c3e;
  --green:#235d4c;
  --orange:#805d2c;
  --pink:#a74554;
  --soft:#dce9df;
  --input:#f3f7f1;
  --on-accent:#f7faf5;
  --danger-on:#fff;
  --warm:#8d6b3c;
  --hero:#e1e9df;
  --nav:#f4f7f1;
  --focus:#173e35;
  --focus-text:#f5f5ec;
  --shadow:0 18px 50px #234b3510,inset 0 1px #ffffff;
  --glass-fill:linear-gradient(145deg,#ffffffb3,#ffffff26 45%,#ffffff73);
  --glass-tint:#f1f6efe0;
  --glass-edge:#ffffffb3;
  --glass-shine:#ffffff;
  --glass-shadow:0 12px 40px #244f3b12,inset 0 1px #ffffff,inset 0 -1px #315a3912;
  --panel-fill:linear-gradient(145deg,#ffffff99,#ffffff1a 70%);
  --ambient-one:#5d99772b;
  --ambient-two:#ba9b6824;
  --ambient-three:#638a9224;
  --hero-fill:radial-gradient(ellipse at 90% 0%,#ffffffcc,transparent 60%),linear-gradient(135deg,#e0e8dc,#e6eae1 56%,#dce4de);
  --landing-base:#e8eee6;
  --action-fill:linear-gradient(135deg,#356c59,#245848 65%,#1d493e);
  --action-shadow:0 6px 20px #1e523b20,inset 0 1px #ffffff40;
}
html{background:var(--bg);scroll-padding-top:115px}
body{background:var(--bg);color:var(--text);background-image:none;-webkit-font-smoothing:antialiased}
/* Fixed, low-contrast light fields sit behind the glass, never behind reading text alone. */
body:before{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 82% 0%,var(--ambient-one),transparent 48%),radial-gradient(ellipse at 8% 34%,var(--ambient-two),transparent 43%),radial-gradient(ellipse at 64% 98%,var(--ambient-three),transparent 50%);
}
#app{isolation:isolate;min-height:100svh}
.workspace{position:relative}
.page{max-width:1336px;padding:26px 44px 64px}
h1,h2,h3{font-weight:700;letter-spacing:-.7px}
.page-heading{padding:18px 0 10px;margin-bottom:28px}
.page-heading h2{font-size:clamp(26px,3vw,36px);font-weight:750;line-height:1.65}
.page-heading p{font-size:13px;line-height:2.1}
.eyebrow{color:var(--warm);font-size:11px;font-weight:550}
.eyebrow:before{background:var(--warm);height:1px;width:22px}
::selection{background:var(--purple);color:var(--bg)}
:focus-visible{outline:2px solid var(--purple);outline-offset:5px}
/* Floating navigation: a single continuous lens, with tactile controls inside it. */
.topbar{
  top:16px;width:calc(100% - 64px);max-width:1248px;height:82px;margin:16px auto 18px;
  padding:0 25px;gap:28px;border:1px solid var(--glass-edge);border-top-color:var(--glass-shine);
  border-radius:26px;background:var(--glass-fill),var(--glass-tint);
  -webkit-backdrop-filter:blur(26px) saturate(145%);backdrop-filter:blur(26px) saturate(145%);
  box-shadow:var(--glass-shadow);transition:box-shadow .35s,border-color .35s;
}
.page-scrolled .topbar{border-color:var(--glass-edge);border-top-color:var(--glass-shine);box-shadow:0 14px 45px #00000020,inset 0 1px #ffffff26}
.header-identity{gap:17px}
.header-brand{gap:12px}
.header-brand .brand-name{font-size:23px;font-weight:800;letter-spacing:-1px}
.header-brand .brand-caption{font-size:9px;color:var(--muted);margin-top:1px}
.header-brand .brand-mark{width:43px;height:43px;border:2px solid #ffffff40;box-shadow:0 0 0 4px #ffffff05;object-fit:cover}
.hamburger-button,.theme-toggle,.avatar{
  border:1px solid var(--glass-edge);background:var(--glass-fill),color-mix(in srgb,var(--surface) 65%,transparent);
  color:var(--text);box-shadow:inset 0 1px #ffffff1c,0 3px 12px #0000000d;
}
.hamburger-button{width:44px;height:44px;border-radius:50%}
.hamburger-button .icon{width:21px;height:21px;stroke-width:1.5}
.hamburger-button:hover,.theme-toggle:hover{background:var(--soft);box-shadow:inset 0 1px #ffffff38,0 5px 18px #00000012}
.header-links{gap:7px}
.header-links>a{padding:10px 18px;border-radius:99px;color:var(--muted);font-size:12px;min-height:44px}
.header-links>a:after{display:none}
.header-links>a:hover{color:var(--text);background:#ffffff06}
.header-links>a.active{color:var(--text);background:var(--glass-fill);box-shadow:inset 0 0 0 1px var(--glass-edge),inset 0 1px #ffffff18}
.top-actions{gap:11px}
.date-badge{font-size:10px;opacity:.85}
.theme-toggle,.avatar{width:38px;height:38px}
/* Entry: the founder's portrait and an editorial typographic composition. */
.identity-hero{
  grid-template-columns:1.05fr .95fr;min-height:570px;border-radius:32px;
  background:var(--hero-fill);border:1px solid var(--glass-edge);border-top-color:var(--glass-shine);
  box-shadow:0 30px 80px #0000001a,inset 0 1px #ffffff0a;overflow:hidden;
}
.identity-hero:before{
  display:block;content:'';position:absolute;width:680px;height:680px;top:-430px;right:-120px;
  border:1px solid #b7dac923;border-radius:50%;background:none;box-shadow:0 0 0 38px #b7dac907,0 0 0 110px #b7dac903;z-index:-1;
}
.identity-copy{padding:40px 46px;align-self:center}
.identity-label{font-size:11px;letter-spacing:.1px;gap:10px;color:var(--muted);margin-bottom:20px}
.identity-label>span{background:var(--warm);box-shadow:0 0 0 5px color-mix(in srgb,var(--warm) 8%,transparent);width:5px;height:5px}
.identity-hero h1{font-size:clamp(40px,4.2vw,60px);font-weight:800;line-height:1.38;letter-spacing:-1.7px;color:var(--text)}
.identity-hero h1>span{display:block;margin:0;color:var(--warm);font-weight:550}
.identity-role{margin-top:12px;color:var(--muted);font-size:13px;font-weight:450}
.identity-rule{height:1px;width:57px;background:linear-gradient(to left,var(--warm),transparent);margin:26px 0 19px}
.identity-message{font-size:22px;font-weight:550;letter-spacing:-.4px;line-height:1.9;color:var(--text)}
.identity-description{font-size:13px;line-height:2.1;margin-top:12px;color:var(--muted);max-width:350px}
.identity-actions{margin-top:27px;gap:20px;align-items:center;flex-direction:row}
.identity-actions>.btn{min-height:50px;padding:13px 22px;font-size:12px}
.identity-about{color:var(--muted);font-size:11px;min-height:44px;display:flex;align-items:center;gap:5px}
.identity-about:hover{color:var(--text)}
.identity-features{margin-top:27px;font-size:10px;gap:15px;color:var(--muted)}
.identity-features .icon{color:var(--warm);width:15px;height:15px}
.identity-portrait{
  min-height:535px;margin:16px 0 16px 16px;border:1px solid #ffffff45;border-radius:170px 170px 24px 24px;
  background:#e8e4d7;box-shadow:inset 0 1px #ffffff66,0 14px 40px #00000026;isolation:isolate;
}
.identity-portrait>img{object-position:50% 18%;filter:saturate(.82) contrast(1.02)}
.identity-photo-glow{background:linear-gradient(to top,#152527b3,transparent 30%)}
.identity-portrait figcaption{
  right:17px;left:17px;bottom:17px;padding:14px 18px;border:1px solid #ffffff45;border-top-color:#ffffff77;
  border-radius:18px;background:linear-gradient(135deg,#ffffff1f,#ffffff05),#132725b3;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff22,0 10px 25px #00000020;
  color:#f7f4e9;
}
.identity-founder-label{color:#d4ddd3;font-size:9px;letter-spacing:.1px}
.identity-portrait strong{font-size:15px;font-weight:650}
.identity-wordmark{font-size:8px;letter-spacing:2px;color:#e1d3b5;margin-top:5px}
.identity-scroll-hint{display:flex;align-items:center;gap:12px;margin-top:29px;color:var(--muted);font-size:10px}
.identity-scroll-hint>span:first-child{display:grid;place-items:center;width:27px;height:37px;border:1px solid var(--glass-edge);border-radius:20px;background:var(--glass-fill)}
.identity-scroll-hint .icon{width:13px;height:13px;transform:rotate(-90deg);color:var(--warm)}
.identity-scroll-hint>i{height:1px;width:40px;background:var(--line)}
/* Primary actions have a restrained pearl finish; secondary actions stay transparent. */
.btn{border:1px solid transparent;border-radius:99px;min-height:46px;padding:12px 23px;background:var(--action-fill);color:var(--on-accent);box-shadow:var(--action-shadow);font-weight:650;transition:transform .25s var(--ease-out),box-shadow .3s,filter .3s}
.btn.green-btn{background:var(--action-fill);color:var(--on-accent)}
.btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:var(--action-shadow),0 9px 28px #a9cbbc1a}
.btn:active{transform:translateY(0) scale(.98)}
.btn.secondary{background:var(--glass-fill),var(--soft);color:var(--purple);border-color:var(--glass-edge);box-shadow:inset 0 1px #ffffff15}
.btn.ghost{background:transparent;border-color:var(--line);color:var(--muted);box-shadow:none}
.btn.danger{background:var(--pink);color:var(--danger-on);box-shadow:none}
.icon-button{border-radius:50%;border:1px solid var(--line);background:var(--glass-fill),var(--surface2);color:var(--muted)}
input,select,textarea{border-radius:14px;background:var(--input);border-color:var(--line);color:var(--text);min-height:47px}
select option{color:var(--text);background:var(--surface)}
input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px color-mix(in srgb,var(--purple) 10%,transparent)}
input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--purple)}
.chip{border-radius:99px;background:var(--glass-fill),var(--surface);border-color:var(--line);padding:9px 16px;color:var(--muted)}
.chip.active{color:var(--purple);border-color:color-mix(in srgb,var(--purple) 50%,transparent);background:var(--soft);box-shadow:inset 0 1px #ffffff15}
/* A material change separates the useful workspace from the photographic opening. */
.dive-incoming{
  background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--purple) 8%,transparent),transparent 60%),var(--landing-base);
  border:1px solid var(--line);border-radius:32px;padding:35px 26px 0;
  box-shadow:0 -12px 45px #00000010,inset 0 1px #ffffff13;
}
.launch-section>.section-title{margin-bottom:28px}
.launch-section h2{font-size:29px;font-weight:650;letter-spacing:-.9px}
.launch-section .eyebrow{font-size:10px;color:var(--warm)}
.launch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.launch-card{
  display:grid;grid-template-columns:48px minmax(0,1fr) 14px;grid-template-rows:auto auto;
  text-align:right;align-items:center;justify-items:start;column-gap:14px;row-gap:1px;padding:23px 19px;
  border:1px solid var(--glass-edge);border-top-color:color-mix(in srgb,var(--glass-shine) 60%,transparent);
  border-radius:21px;background:var(--glass-fill),color-mix(in srgb,var(--surface) 75%,transparent);
  box-shadow:inset 0 1px #ffffff08,0 6px 18px #0000000b;transition:border-color .35s,background .35s,box-shadow .35s;
}
.launch-card:after{background:linear-gradient(115deg,transparent 15%,#ffffff09 45%,transparent 75%);box-shadow:inset 0 1px #ffffff33,0 9px 28px #00000014}
.launch-card:hover{border-color:color-mix(in srgb,var(--purple) 45%,transparent);background:var(--glass-fill),var(--surface2)}
.launch-icon{
  width:48px;height:48px;grid-row:1/3;grid-column:1;margin:0;border-radius:16px;
  color:var(--purple);background:linear-gradient(140deg,#b3dfca20,#b3dfca08);
  border:1px solid #b3dfca29;border-top-color:#cce5d95e;box-shadow:inset 0 1px #ffffff12,0 5px 12px #0000000d;
}
.launch-icon .icon{width:25px;height:25px;stroke-width:1.45}
.launch-tone-1{color:var(--orange);background:linear-gradient(140deg,#e2bc8520,#e2bc8508);border-color:#e2bc8533;border-top-color:#e2bc8566}
.launch-tone-2{color:#b0c7df;background:linear-gradient(140deg,#b0c7df20,#b0c7df08);border-color:#b0c7df33;border-top-color:#b0c7df66}
.launch-tone-3{color:#dfb7ad;background:linear-gradient(140deg,#dfb7ad20,#dfb7ad08);border-color:#dfb7ad33;border-top-color:#dfb7ad66}
:root[data-theme=light] .launch-tone-2{color:#41647a}
:root[data-theme=light] .launch-tone-3{color:#8f5145}
.launch-card>b{grid-column:2;grid-row:1;font-size:14px;font-weight:650;align-self:end}
.launch-card>small{grid-column:2;grid-row:2;font-size:11px;color:var(--muted);align-self:start;margin-top:3px}
.launch-card-arrow{grid-column:3;grid-row:1/3;color:var(--muted);width:14px;height:14px;opacity:.6}
.launch-card-arrow .icon{width:14px;height:14px}
.home-section-links{border-bottom-color:var(--line);gap:35px;padding:26px 0 28px}
.home-section-links>a{font-size:12px}
/* Content surfaces use denser material than navigation for comfortable reading. */
.panel,.metric,.course-timer-row,.service-tile,.news-card,.app-card,.tool-card,.course-card,.resource-card,.founder-purpose-grid article,.success-empty{
  background:var(--panel-fill),var(--surface);border-color:var(--line);box-shadow:var(--shadow);
}
.panel,.course-timer-row,.service-tile,.news-card,.course-card{border-radius:24px}
.padded{padding:28px}
.panel-head h2{font-size:17px}
.panel-head small,.page-footer{color:var(--muted)}
.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric{border-radius:22px;padding:20px;min-width:0}
.metric>div{min-width:0}
.metric-label{overflow-wrap:anywhere}
.metric-value{font-size:30px;font-weight:650}
.metric-icon{border:1px solid var(--line);border-radius:14px;box-shadow:inset 0 1px #ffffff17}
.subject-badge{background:color-mix(in srgb,var(--subject-color) 17%,var(--surface));border-color:color-mix(in srgb,var(--subject-color) 35%,var(--surface))}
.course-timer-row{border-radius:20px;padding:22px 23px}
.course-timer-row.is-current{border-color:color-mix(in srgb,var(--purple) 65%,transparent);background:var(--panel-fill),var(--soft)}
.course-timer-info h3{font-size:15px}
.course-clock{font-weight:550;letter-spacing:.4px}
.course-start{border-radius:99px;background:var(--glass-fill),var(--input);color:var(--purple);border-color:var(--glass-edge);min-height:42px}
.focus-overview{border:1px solid #c6e6d82e;background:radial-gradient(ellipse at 0% 0%,#85b1a229,transparent 60%),linear-gradient(125deg,#20443e,#142d2b 70%);border-radius:28px;box-shadow:0 20px 55px #0000001a,inset 0 1px #ffffff26;color:#f4f2eb}
.overview-clock{font-weight:550;letter-spacing:1px}
.overview-glow{background:radial-gradient(ellipse,#b6d9c912,transparent 70%)}
.overview-target:before{background:#19342f}
.overview-bottom b{color:#f2f2e9}
.overview-date,.overview-main p,.overview-bottom small{color:#becfc8}
.study-tablinks{gap:27px}
.study-tablinks>a,.study-tablinks>button{font-size:12px;min-height:48px}
.track-chip,.academic-link{background:var(--panel-fill),var(--surface);border-radius:17px}
.academic-link:hover{border-color:var(--purple)}
.comparison-banner,.advisor-summary,.info-box,.reflection,.log-summary,.tool-result{background:var(--panel-fill),var(--soft);border-color:var(--line);border-radius:18px}
.calendar-cell{border-radius:13px}
.plan-days>button{border-radius:18px;background:var(--panel-fill),var(--surface)}
.plan-days>button.active{background:var(--glass-fill),var(--soft);box-shadow:inset 0 1px #ffffff1a}
.segment{border-radius:99px;background:var(--input);padding:5px;border:1px solid var(--line)}
.segment button{border-radius:99px;min-height:40px}
.segment button.active{background:var(--glass-fill),var(--soft);box-shadow:inset 0 0 0 1px var(--glass-edge),inset 0 1px #ffffff1f}
.timer-panel{background:var(--panel-fill),var(--surface)}
.timer-circle:before{background:var(--surface)}
.timer-circle{box-shadow:0 0 0 13px color-mix(in srgb,var(--purple) 5%,transparent),0 0 60px color-mix(in srgb,var(--purple) 5%,transparent)}
.floating-timer{background:var(--glass-fill),var(--glass-tint);color:var(--text);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:99px;box-shadow:var(--glass-shadow)}
.profile-avatar{background:var(--action-fill);color:var(--on-accent);box-shadow:var(--action-shadow)}
.app-icon,.service-tile-icon,.exam-entry-icon,.setup-emblem,.track-visual,.advisor-orb{background:var(--glass-fill),var(--soft);color:var(--purple);border:1px solid var(--glass-edge);box-shadow:inset 0 1px #ffffff1f}
.service-tile-icon{border-radius:16px}
.setup-shell{background:var(--panel-fill),var(--surface);box-shadow:var(--shadow);border-radius:28px}
.track-choice{background:var(--input);border-radius:18px}
.track-choice:has(input:checked){background:var(--panel-fill),var(--soft);box-shadow:inset 0 1px #ffffff13}
.track-choice:has(input:checked) .choice-dot{color:var(--on-accent)}
.flashcard-face,.three-mode .flashcard-face{background:var(--hero-fill);border-radius:26px;box-shadow:var(--shadow)}
.flashcard-face.back,.three-mode .flashcard-face.back{background:var(--panel-fill),var(--surface2)}
/* Editorial and service sections echo a premium product catalogue without inventing products. */
.home-public{margin-top:80px}
.home-public>section{margin-top:88px}
.public-section-heading h2{font-size:32px;line-height:1.6;font-weight:650}
.consultation-home{background:var(--hero-fill);border:1px solid var(--glass-edge);border-top-color:var(--glass-shine);border-radius:30px;padding:48px;box-shadow:var(--shadow);gap:50px}
.consultation-home h2{font-size:35px;font-weight:600}
.consultation-map>div{background:var(--glass-fill),var(--surface);border-color:var(--glass-edge);border-radius:21px;box-shadow:var(--glass-shadow)}
.consultation-map>div:nth-child(2){margin-left:0}
.consultation-map>div>span{background:var(--glass-fill),var(--soft);border:1px solid var(--glass-edge);border-radius:14px;color:var(--warm)}
.success-empty{padding:44px;border-radius:28px}
.success-empty h3{font-weight:600}
.success-emblem{background:var(--hero-fill);color:var(--warm);box-shadow:inset 0 1px #ffffff25,0 12px 35px #0000000d}
.success-path,.news-page-intro,.service-banner{background:var(--hero-fill);border:1px solid var(--glass-edge);border-top-color:var(--glass-shine);border-radius:27px;box-shadow:var(--shadow)}
.news-art{height:200px;background:radial-gradient(ellipse at 20% 90%,#afdbc72e,transparent 65%),linear-gradient(130deg,#25473f,#18322f);color:#c9dfd1}
.news-art-1{background:radial-gradient(ellipse at 20% 90%,#ddc39924,transparent 65%),linear-gradient(130deg,#504536,#2e2f29);color:#e5d2b0}
.news-art-2{background:radial-gradient(ellipse at 20% 90%,#b0c7df26,transparent 65%),linear-gradient(130deg,#2e444d,#192e35);color:#c4d4dc}
.news-art:before{width:190px;height:190px;left:-20px;bottom:-85px;opacity:.2;box-shadow:0 0 0 28px #ffffff04,0 0 0 60px #ffffff04}
.news-art:after{border-radius:50%;transform:rotate(-25deg);width:140px;height:210px;top:-110px;right:60px;opacity:.18}
.news-art>.icon{stroke-width:1.2;width:55px;height:55px;filter:drop-shadow(0 5px 12px #00000020)}
.news-art-tag{background:#ffffff10;border:1px solid #ffffff30;color:#f2f1e5;padding:4px 12px;font-size:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.news-card-body{padding:25px}
.news-card h3{font-size:17px;font-weight:600;line-height:1.95}
.news-card:hover{box-shadow:0 18px 45px #0000001a;border-color:var(--glass-edge)}
.news-search{border-radius:99px;background:var(--glass-fill),var(--surface);border-color:var(--glass-edge);padding:0 18px}
.news-search>input{border-radius:0}
.news-editor-note{background:var(--panel-fill),var(--soft);border-radius:20px}
.consultation-profile{border-radius:24px}
.consultation-profile>img{border-radius:50% 50% 14px 14px;box-shadow:0 0 0 5px #ffffff06}
.founder-card{background:var(--hero-fill);border-color:var(--glass-edge);border-radius:25px;box-shadow:var(--shadow)}
.founder-intro h1{font-weight:750}
.founder-intro h1>span{color:var(--warm)}
.founder-portrait{border-radius:180px 180px 24px 24px;box-shadow:var(--shadow);border-color:var(--glass-edge)}
.founder-purpose-grid article{border-radius:22px}
.founder-purpose-grid article>div>span{color:var(--warm)}
/* Drawer and dialogs use a thicker lens so long labels remain readable. */
.site-drawer{
  width:min(420px,90vw);inset:12px 12px 12px auto;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);
  border:1px solid var(--glass-edge);border-top-color:var(--glass-shine);border-radius:28px;
  background:var(--glass-fill),var(--glass-tint);color:var(--text);
  -webkit-backdrop-filter:blur(36px) saturate(135%);backdrop-filter:blur(36px) saturate(135%);
  box-shadow:-15px 0 70px #00000038,inset 0 1px #ffffff15;
}
.site-drawer.is-open::backdrop{background:#020b0e80;backdrop-filter:blur(6px)}
.drawer-top{background:var(--glass-tint);border-bottom:1px solid var(--line);padding:20px 0 14px}
.drawer-wordmark{color:var(--warm);font-size:13px}
.drawer-avatar{background:var(--glass-fill),var(--soft);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);color:var(--purple)}
.drawer-profile{padding-top:25px}
.drawer-profile h2{font-weight:650}
.drawer-close,.modal-head .icon-button{border-radius:50%;min-width:44px;min-height:44px}
.drawer-access>a,.drawer-access>a:first-child{background:var(--panel-fill),var(--surface);border-color:var(--glass-edge);border-radius:20px;padding:20px}
.drawer-access>a:first-child{background:var(--glass-fill),var(--soft)}
.drawer-nav>a,.drawer-tools>summary{border-radius:14px;padding:15px 10px}
.drawer-install{background:var(--action-fill);border-color:transparent;color:var(--on-accent);box-shadow:var(--action-shadow);border-radius:99px}
.modal-backdrop{background:#020a0d8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.modal{background:var(--panel-fill),var(--surface);border:1px solid var(--glass-edge);border-top-color:var(--glass-shine);border-radius:28px;box-shadow:0 30px 100px #00000055,inset 0 1px #ffffff0d}
#toast{background:var(--glass-fill),var(--surface2);color:var(--text);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:99px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
#toast.error{background:#6f273c;color:#fff}
.page-footer{margin-top:75px;padding-top:26px;border-color:var(--line);font-size:10px}
/* Responsive lenses, keeping the camera dive and the bottom navigation independent. */
@media(min-width:1400px){.identity-hero{min-height:600px}.identity-portrait{min-height:566px}.identity-copy{padding:44px 54px}}
@media(max-width:1120px){
  .page{padding-left:30px;padding-right:30px}.topbar{width:calc(100% - 50px);padding:0 21px;gap:20px}
  .date-badge{display:none}.header-links>a{padding:10px 14px}.identity-copy{padding:35px}
  .identity-hero{min-height:535px}.identity-hero h1{font-size:46px}.identity-portrait{min-height:501px}
  .identity-actions{gap:15px}.identity-about{font-size:10px}.identity-description{font-size:12px}
  .identity-features{font-size:9px;gap:10px}.launch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .consultation-home{gap:35px;padding:36px}
}
@media(max-width:820px){
  .header-links{display:none}.top-actions{margin-right:auto}.identity-hero h1{font-size:39px}
  .identity-copy{padding:28px}.identity-actions{flex-direction:column;align-items:flex-start;gap:6px}
  .launch-card{column-gap:10px;padding:20px 14px}.consultation-home{grid-template-columns:1fr;gap:30px}
}
@media(max-width:760px){
  :root{--header-height:70px;--radius:22px}
  html{scroll-padding-top:102px}.topbar{top:12px;margin:12px auto 6px;width:calc(100% - 28px);height:70px;padding:0 15px;border-radius:24px;gap:10px}
  .header-identity{gap:10px}.header-brand{gap:9px}.header-brand .brand-mark{width:35px;height:35px;border-width:1px}
  .header-brand .brand-name{font-size:18px;letter-spacing:-.7px}.header-brand .brand-caption{font-size:7.5px}
  .hamburger-button{width:44px;height:44px;min-width:44px}.hamburger-button .icon{width:19px;height:19px}.theme-toggle{width:44px;height:44px}
  .page{padding:20px 17px 125px}.page-heading{padding:10px 2px 5px;margin-bottom:22px}.page-heading h2{font-size:27px;line-height:1.7}.page-heading p{font-size:12px}
  .identity-hero{min-height:0;border-radius:27px;grid-template-columns:minmax(0,1fr)}
  .dive-stage .identity-portrait{height:clamp(225px,34svh,300px);min-height:0;margin:13px 13px 0;border-radius:135px 135px 20px 20px}
  .identity-portrait figcaption{left:12px;right:12px;bottom:12px;padding:10px 14px;border-radius:15px}
  .identity-portrait strong{font-size:12px}.identity-founder-label{font-size:8px}.identity-wordmark{font-size:7px;margin-top:3px}
  .dive-stage .identity-copy{padding:22px 24px 25px}.identity-label{font-size:9px;margin-bottom:12px}
  .identity-hero h1{font-size:32px;line-height:1.45;letter-spacing:-1px}.identity-hero h1>span{display:inline;margin-right:4px}
  .identity-role{font-size:11px;margin-top:7px}.dive-stage .identity-rule{margin:14px 0 10px}
  .dive-stage .identity-message{font-size:19px;margin:0;line-height:1.8}
  .identity-actions{flex-direction:row;align-items:center;gap:15px;margin-top:19px}.identity-actions>.btn{padding:12px 17px;min-height:46px;font-size:11px}
  .identity-about{font-size:10px;gap:3px}.identity-about .icon{width:13px}.identity-scroll-hint{margin-top:19px;font-size:9px;gap:9px}
  .identity-scroll-hint>span:first-child{width:20px;height:28px}.identity-scroll-hint>i{width:28px}
  .dive-incoming{padding:26px 12px 0;border-radius:26px}
  .launch-section>.section-title{padding:0 4px;gap:8px;margin-bottom:22px}.launch-section h2{font-size:22px;letter-spacing:-.7px}
  .launch-section .eyebrow{font-size:9px}.launch-section .section-title>.text-button{font-size:9px;gap:4px}
  .launch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .launch-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 5px 18px;border-radius:21px}
  .launch-icon{width:46px;height:46px;border-radius:16px;margin-bottom:5px}.launch-icon .icon{width:24px;height:24px}
  .launch-card>b{font-size:11px;align-self:auto}.launch-card>small{font-size:8.5px;line-height:1.8;margin:0;align-self:auto}
  .launch-card-arrow{display:none}.home-section-links{gap:24px;padding:24px 0}.home-section-links>a{font-size:11px;gap:5px}
  .home-public{margin-top:52px}.home-public>section{margin-top:60px}.public-section-heading h2{font-size:25px}.public-section-heading .eyebrow{font-size:10px}
  .consultation-home{padding:28px 23px;border-radius:27px;gap:25px}.consultation-home h2{font-size:28px;font-weight:600}
  .consultation-map>div{padding:17px;border-radius:19px}.consultation-map>div:nth-child(2){margin-right:13px;margin-left:0}
  .success-empty{padding:29px 24px;border-radius:26px}.success-empty h3{font-size:23px}.success-empty p{font-size:12px}
  .success-path,.news-page-intro,.service-banner{border-radius:25px}
  .news-art{height:190px}.news-card h3{font-size:18px}.news-card-body{padding:24px}.news-card{border-radius:25px}
  .padded{padding:24px}.course-timer-row{padding:19px 16px;border-radius:21px}.course-timer-info h3{font-size:14px}.course-clock{font-size:14px}
  .course-start{min-width:65px;min-height:44px;font-size:10px}.focus-overview{border-radius:26px}.overview-clock{font-size:43px}.overview-label{font-size:13px}
  .study-tablinks{gap:0;justify-content:space-between;max-width:100%;overflow-x:auto;scrollbar-width:none}
  .study-tablinks>a,.study-tablinks>button{font-size:11px;flex-shrink:0;gap:4px}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .track-chip{font-size:10px}.metric{padding:17px 14px;border-radius:21px}.metric-value{font-size:25px}.panel-head h2{font-size:16px}
  .mobile-nav{
    display:flex;position:fixed;bottom:calc(11px + env(safe-area-inset-bottom));left:14px;right:14px;width:auto;height:74px;
    padding:5px 5px;border:1px solid var(--glass-edge);border-top-color:var(--glass-shine);border-radius:28px;
    background:var(--glass-fill),var(--glass-tint);color:var(--muted);box-shadow:var(--glass-shadow);
    -webkit-backdrop-filter:blur(26px) saturate(145%);backdrop-filter:blur(26px) saturate(145%);
  }
  .mobile-nav:before{display:none}.mobile-nav>a{position:relative;min-width:0;flex:1;gap:3px;padding:8px 1px 6px;font-size:9px;border-radius:22px;min-height:60px;transform:none;color:var(--muted);margin:0;top:auto}
  .mobile-nav>a>.icon{width:21px;height:21px;stroke-width:1.6}.mobile-nav>a.active{background:var(--glass-fill);color:var(--purple);box-shadow:inset 0 0 0 1px var(--glass-edge),inset 0 1px #ffffff20}
  .mobile-nav>a.active:after{display:none}.mobile-nav a.home-link{margin:0;transform:none;top:auto;color:var(--muted)}
  .mobile-nav a.home-link.active{color:var(--purple)}
  .mobile-nav a.home-link small{font-size:9px;color:inherit}
  .mobile-nav a.home-link .nav-icon-wrap{width:23px;height:23px;background:transparent;box-shadow:none;border:0;border-radius:0;color:inherit;margin:0;padding:0}
  .mobile-nav a.home-link.active .nav-icon-wrap{background:transparent;color:inherit;box-shadow:none;border:0}
  .mobile-nav a.home-link .nav-icon-wrap .icon{width:22px;height:22px;stroke-width:1.6}.mobile-nav small{font-size:9px;color:inherit}
  .floating-timer{bottom:calc(101px + env(safe-area-inset-bottom));left:19px;right:auto;border-radius:99px}
  .site-drawer{inset:8px 8px 8px auto;max-height:calc(100dvh - 16px);height:calc(100dvh - 16px);border-radius:26px;width:min(365px,90vw);padding:0 20px 25px}
  .drawer-top{padding:17px 0 13px}.drawer-profile{padding-top:22px}.drawer-access>a{padding:18px}.drawer-nav>a,.drawer-tools>summary{font-size:14px}
  .modal{padding:25px 22px;border-radius:26px}.modal-backdrop{padding:14px}#toast{bottom:calc(105px + env(safe-area-inset-bottom));font-size:11px;max-width:calc(100% - 32px)}
  .page-footer{margin-top:60px;padding-top:24px}.home-workbench{padding-top:35px;margin-top:56px}
}
@media(max-width:380px){
  .topbar{padding:0 12px}.header-brand .brand-name{font-size:17px}.header-brand .brand-caption{font-size:7px}.header-identity{gap:8px}
  .page{padding-left:14px;padding-right:14px}.identity-hero h1{font-size:28px}.dive-stage .identity-copy{padding:20px 20px 23px}
  .identity-actions{gap:8px}.identity-actions>.btn{font-size:10px;padding:11px 14px}.identity-about{font-size:9px}.dive-stage .identity-message{font-size:17px}.identity-scroll-hint{display:none}
  .dive-stage .identity-portrait{height:clamp(205px,32svh,250px)}
  .overview-clock{font-size:32px;letter-spacing:0}.overview-main{gap:10px}.overview-target{width:70px;height:70px}
  .launch-grid{gap:7px}.launch-card{padding:18px 4px 16px;border-radius:18px}.launch-card>b{font-size:10px}.launch-card>small{font-size:8px}
  .launch-section h2{font-size:20px}.launch-section .section-title>.text-button{font-size:8px}
}
/* Avoid expensive or low-contrast glass where the platform asks for simpler materials. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .topbar,.mobile-nav,.site-drawer,.floating-timer{background:var(--surface)}
  .identity-portrait figcaption{background:#19322fec}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .topbar,.mobile-nav,.site-drawer,.drawer-top,.floating-timer,.modal,#toast{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--muted)}
  .identity-portrait figcaption{background:#19322f;-webkit-backdrop-filter:none;backdrop-filter:none}
  .launch-card,.launch-icon,.btn.secondary{background:var(--surface);border-color:var(--muted)}
}
@media(prefers-reduced-motion:reduce){
  .btn,.launch-card,.launch-icon,.theme-toggle,.hamburger-button,.header-links>a,.news-card{transition:none!important}
  .btn:hover,.btn:active,.launch-card:hover .launch-icon{transform:none}
  .identity-scroll-hint{display:none}
}
@media print{
  :root,:root[data-theme=night],:root[data-theme=light]{color-scheme:light;--bg:#fff;--surface:#fff;--surface2:#eee;--text:#222;--muted:#555;--line:#ddd;--purple:#235d4c}
  body:before{display:none}.panel,.metric,.course-timer-row{background:#fff;box-shadow:none}.page{padding:0}.topbar,.mobile-nav,.identity-scroll-hint{display:none!important}
}

/* A soft specular reflection follows a mouse on larger screens. Touch stays still. */
@media(hover:hover) and (pointer:fine){
 .identity-hero:after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;background:radial-gradient(380px circle at var(--light-x,50%) var(--light-y,0px),#ffffff0a,transparent 75%);opacity:0;transition:opacity .35s}
 .identity-hero:hover:after{opacity:var(--dive-copy-opacity,1)}
 .launch-card:after{background:radial-gradient(210px circle at var(--light-x,50%) var(--light-y,0px),#ffffff12,transparent 75%)}
}
@media(prefers-reduced-motion:reduce){.identity-hero:after,.launch-card:after{display:none}}

/* The new portrait is photographed into the same obsidian / emerald environment. */
.identity-portrait,.founder-portrait{background:#10201e}
.identity-portrait>img,.founder-portrait>img{filter:none}
.founder-portrait:before{background:linear-gradient(to top,#0b1b1eee,transparent 40%)}
.founder-portrait figcaption{color:#f4f2eb}.founder-portrait figcaption small{color:#c7d2ca}.founder-wordmark{color:#d9bd94}
.home-section-links{flex-wrap:wrap;gap:20px 25px}

/* Public social link supplied by the site owner. */
.founder-instagram{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px;padding:11px 17px;border:1px solid var(--glass-edge);border-radius:99px;background:var(--glass-fill),var(--surface);color:var(--purple);font-size:12px;box-shadow:inset 0 1px #ffffff12;max-width:100%;transition:background .2s,border-color .2s}
.founder-instagram:hover{background:var(--glass-fill),var(--soft);border-color:var(--purple)}
.founder-instagram>.icon{width:19px;height:19px;flex-shrink:0;stroke-width:1.6}
.founder-instagram bdi{font-size:12px;letter-spacing:.15px;overflow-wrap:anywhere}
.founder-intro-copy>.founder-instagram{margin-top:17px}
.page-footer{gap:15px;flex-wrap:wrap}
.page-footer-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.page-footer .founder-instagram{font-size:11px;padding:8px 13px}
.drawer-social{margin-top:19px}
.drawer-social>.founder-instagram{display:flex;justify-content:center;width:100%;border-radius:18px;gap:9px}
@media(max-width:760px){.page-footer-links{gap:10px 18px}.founder-instagram{font-size:11px;padding:11px 14px}.founder-instagram bdi{font-size:11px}.founder-intro-copy>.founder-instagram{margin-top:15px}}
@media print{.founder-instagram{display:none!important}}