@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,650;9..144,760&family=Inter:wght@450;600;750;850&display=swap');
:root {
  --bg:#f6efe3; --ink:#201a14; --muted:#695f54; --line:#ded0bd; --card:#fffaf1; --alt:#efe4d2;
  --accent:#2457c5; --accent-dark:#173f96; --green:#476c45; --gold:#9a6b24; --rose:#8a5542;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.6; }
a { color:var(--accent); text-decoration:none; } a:hover { text-decoration:underline; }
.wrap { width:min(1120px, calc(100% - 40px)); margin:0 auto; }
.wrap.narrow { width:min(860px, calc(100% - 40px)); }
.site-header { position:sticky; top:0; z-index:10; background:rgba(246,239,227,.92); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
.nav-wrap, .footer-grid { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:18px 0; }
.brand { font-family:Fraunces, Georgia, serif; color:var(--ink); font-weight:760; font-size:1.22rem; letter-spacing:-.02em; }
nav { display:flex; gap:16px; flex-wrap:wrap; align-items:center; } nav a { color:var(--muted); font-weight:750; font-size:.94rem; }
.hero { padding:84px 0 70px; background:radial-gradient(circle at 15% 10%, rgba(36,87,197,.12), transparent 32%), linear-gradient(180deg, #fbf4ea 0%, var(--bg) 100%); }
.hero-grid { display:grid; grid-template-columns:minmax(0, 1fr) 340px; gap:34px; align-items:start; }
.eyebrow { color:var(--accent); text-transform:uppercase; letter-spacing:.14em; font-size:.78rem; font-weight:850; margin:0 0 12px; }
h1, h2, h3 { line-height:1.12; margin:0 0 16px; }
h1, h2 { font-family:Fraunces, Georgia, serif; }
h1 { font-size:clamp(2.45rem, 6vw, 4.8rem); letter-spacing:-.045em; max-width:980px; }
h2 { font-size:clamp(1.8rem, 4vw, 3rem); letter-spacing:-.03em; }
h3 { font-size:1.14rem; margin-top:0; }
p { margin:0 0 14px; }
.lede { font-size:1.22rem; color:var(--muted); max-width:780px; }
.lede.small { font-size:1.08rem; }
.note { color:var(--muted); font-size:.95rem; }
.cta-row { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 12px; }
.button { display:inline-flex; align-items:center; justify-content:center; background:var(--accent); color:#fff; border-radius:999px; padding:12px 18px; font-weight:800; box-shadow:0 10px 24px rgba(36,87,197,.16); }
.button:hover { background:var(--accent-dark); text-decoration:none; }
.button.secondary { background:transparent; color:var(--accent); border:1px solid var(--accent); box-shadow:none; }
.status-card, .card, .boundary-box, .offer-row, .mini-grid article { background:var(--card); border:1px solid var(--line); border-radius:24px; padding:24px; box-shadow:0 16px 40px rgba(29,36,48,.055); }
.status-card h2 { font-size:1.28rem; }
.status-list { padding-left:0; list-style:none; margin:0 0 18px; } .status-list li { margin:12px 0; }
ul { padding-left:1.25rem; }
.section { padding:68px 0; }
.section.alt { background:var(--alt); border-block:1px solid var(--line); }
.contact-band { background:linear-gradient(180deg, rgba(255,250,241,.55), transparent); }
.card-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; margin-top:24px; }
.portfolio-grid .feature-card { grid-column:span 1; }
.card.muted { opacity:.86; }
.card-topline { margin-bottom:14px; }
.pill { display:inline-flex; align-items:center; border-radius:999px; padding:5px 10px; font-size:.74rem; font-weight:850; letter-spacing:.02em; border:1px solid var(--line); background:#fff; color:var(--muted); white-space:nowrap; }
.pill.active { background:#e8f0ff; border-color:#bdd0ff; color:var(--accent-dark); }
.pill.building { background:#edf4e8; border-color:#c6d9bc; color:var(--green); }
.pill.concept { background:#fff0dd; border-color:#e3c493; color:var(--gold); }
.offer-list { display:grid; gap:14px; margin-top:24px; }
.offer-row { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }
.offer-row p { margin-bottom:0; color:var(--muted); }
.mini-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; margin:24px 0; }
.mini-grid article p { color:var(--muted); margin-bottom:0; }
.checklist li { margin:10px 0; }
.boundary-box { margin-top:28px; border-color:#cdb98e; }
.site-footer { border-top:1px solid var(--line); color:var(--muted); font-size:.95rem; }
@media (max-width: 900px) { .hero-grid, .card-grid { grid-template-columns:1fr; } .portfolio-grid .feature-card { grid-column:auto; } }
@media (max-width: 760px) { .nav-wrap, .footer-grid { align-items:flex-start; flex-direction:column; } .hero { padding-top:52px; } .offer-row { flex-direction:column; } .mini-grid { grid-template-columns:1fr; } }

/* Guideling Helper refresh — Blue Astrolabe */
.guideling-page{background:#fffaf1;color:#201a14;font-family:Georgia,"Times New Roman",serif}.guideling-page .site-header{background:rgba(255,250,241,.92);backdrop-filter:blur(12px)}.guideling-hero{position:relative;overflow:hidden;padding:clamp(4.5rem,9vw,8rem) 0 clamp(3rem,7vw,6rem);background:radial-gradient(circle at 78% 30%,rgba(189,208,255,.34),transparent 28rem),linear-gradient(135deg,#fffaf1 0%,#f6efe3 58%,#e8f0ff 140%)}.guideling-hero:before{content:"";position:absolute;inset:auto -8rem -18rem auto;width:36rem;height:36rem;border:1px solid rgba(36,87,197,.16);border-radius:50%;animation:guideling-drift 18s linear infinite}.guideling-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.82fr);gap:clamp(2rem,6vw,5rem);align-items:center}.guideling-copy h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;line-height:.9;max-width:11ch}.trust-line{font-weight:800;color:#173f96}.astrolabe-card{position:relative;border:1px solid rgba(205,185,142,.42);border-radius:34px;padding:clamp(1.1rem,3vw,1.7rem);background:linear-gradient(180deg,#071226,#0d1c37);box-shadow:0 28px 70px rgba(7,18,38,.28);isolation:isolate}.astrolabe-card:before{content:"";position:absolute;inset:1.1rem;border-radius:26px;background:radial-gradient(ellipse at center,rgba(255,250,241,.22),rgba(189,208,255,.12) 42%,transparent 70%);filter:blur(10px);z-index:-1}.orb-stage{position:relative;display:grid;place-items:center;min-height:260px;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at center,rgba(255,250,241,.13),transparent 62%)}.orb-loop{width:min(100%,480px);height:auto;display:block;filter:drop-shadow(0 0 22px rgba(189,208,255,.38));animation:guideling-float 7s ease-in-out infinite}.orb-ring{position:absolute;left:50%;top:50%;border:1px dashed rgba(232,240,255,.44);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.ring-one{width:78%;height:42%;animation:guideling-spin 16s linear infinite}.ring-two{width:62%;height:62%;border-color:rgba(36,87,197,.34);animation:guideling-spin-rev 21s linear infinite}.ring-three{width:90%;height:50%;border-color:rgba(205,185,142,.30);animation:guideling-spin 28s linear infinite}.helper-card{margin-top:1rem;border:1px solid rgba(232,240,255,.18);border-radius:22px;padding:1.1rem;background:rgba(255,250,241,.08);color:#e8f0ff}.helper-card .eyebrow{color:#bdd0ff}.helper-card ul{margin:.5rem 0 1rem;padding-left:1.1rem}.helper-card p{color:#dbe7ff}.guideling-section h2,.guideling-motion-panel h2{max-width:780px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.motion-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(320px,1fr);gap:clamp(2rem,6vw,5rem);align-items:center}.step-list{display:grid;gap:1rem;list-style:none;margin:1.5rem 0 0;padding:0;counter-reset:steps}.step-list li{counter-increment:steps;display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start;padding:1rem;border:1px solid rgba(205,185,142,.42);border-radius:20px;background:#fffaf1}.step-list li:before{content:counter(steps);display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:999px;background:#173f96;color:#fffaf1;font-weight:900}.step-list strong,.step-list span{display:block}.step-list span{color:#695f54;margin-top:.2rem}.visual-stack{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.visual-stack img{width:100%;border-radius:22px;border:1px solid rgba(36,87,197,.18);background:#071226;box-shadow:0 18px 45px rgba(7,18,38,.16)}.visual-stack img:first-child{animation:guideling-float 8s ease-in-out infinite}.visual-stack img:nth-child(2){animation:guideling-float 8s ease-in-out infinite reverse}.visual-stack figcaption{grid-column:1/-1;color:#695f54;font-size:.95rem}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}@keyframes guideling-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes guideling-spin-rev{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes guideling-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.018)}}@keyframes guideling-drift{to{transform:rotate(360deg)}}@media(max-width:900px){.guideling-hero-grid,.motion-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.guideling-copy h1{max-width:none}.orb-stage{min-height:220px}}@media(max-width:620px){.feature-grid,.two-up,.visual-stack{grid-template-columns:1fr}.guideling-hero{padding-top:3rem}.astrolabe-card{border-radius:24px}.orb-stage{min-height:190px}}@media(prefers-reduced-motion:reduce){.orb-loop,.orb-ring,.guideling-hero:before,.visual-stack img{animation:none!important}}
