:root{color-scheme:light;--bg:#f0f1ee;--ink:#19282c;--muted:#58696a;--line:#cbd4d0;--surface:#e3e8e4;--feature:#dbe5e1;--feature-alt:#d4e1df;--accent:#2d777a;--button:#1c3337;--button-ink:#fff;--dark:#1c3135;--dark-ink:#ecf1ed;--header:rgba(240,241,238,.92)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#111c20;--ink:#edf2ee;--muted:#a7bab6;--line:#344a4c;--surface:#263a3d;--feature:#263e40;--feature-alt:#304b4b;--accent:#99ccc9;--button:#c9e1dc;--button-ink:#14282b;--dark:#d4e5e0;--dark-ink:#192f31;--header:rgba(17,28,32,.92)}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--bg:#111c20;--ink:#edf2ee;--muted:#a7bab6;--line:#344a4c;--surface:#263a3d;--feature:#263e40;--feature-alt:#304b4b;--accent:#99ccc9;--button:#c9e1dc;--button-ink:#14282b;--dark:#d4e5e0;--dark-ink:#192f31;--header:rgba(17,28,32,.92)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:absolute;z-index:100;left:12px;top:-100px;padding:12px;background:var(--button);color:var(--button-ink)}.skip-link:focus{top:12px}.wrap{width:min(1392px,calc(100% - 96px));margin-inline:auto}.site-header{min-height:106px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:23px;line-height:1;font-weight:650;letter-spacing:-.06em}.brand img{width:42px;height:42px;border-radius:12px}.brand-dot{color:var(--accent)}.navigation{display:flex;align-items:center;justify-content:center;gap:40px;margin-left:auto}.navigation a,.site-footer nav a{font-size:13px;font-weight:550;min-height:44px;display:inline-flex;align-items:center}.navigation a:hover,.site-footer nav a:hover{text-decoration:underline;text-underline-offset:5px}.theme-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.theme-toggle:hover{background:var(--surface)}.theme-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.theme-icon-sun{display:none}:root[data-theme="dark"] .theme-icon-sun{display:block}:root[data-theme="dark"] .theme-icon-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme]) .theme-icon-sun{display:block}:root:not([data-theme]) .theme-icon-moon{display:none}}
.hero{display:grid;grid-template-columns:1.02fr .98fr;grid-template-rows:minmax(620px,calc(100svh - 160px)) auto;gap:0 42px;padding-top:34px}.hero-copy{align-self:center;padding:10px 0 45px}.eyebrow,.section-marker,.feature-top,.hero-bottom,.art-caption{font-size:10px;font-weight:700;letter-spacing:.13em}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);margin:0 0 30px}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}h1,h2,h3,p{margin-top:0}.hero h1,.manifesto h2,.privacy h2,.closing h2{font-weight:500;letter-spacing:-.065em;line-height:1.02}.hero h1{font-size:clamp(56px,6.2vw,98px);margin-bottom:27px}.hero h1 em,.manifesto h2 em,.privacy h2 em,.closing h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.065em}.hero-description{max-width:420px;font-size:18px;line-height:1.65;color:var(--muted);margin-bottom:37px}.hero-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap}.button{min-height:56px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:36px;font-size:13px;font-weight:650;border-radius:3px;transition:background-color .2s,color .2s,border-color .2s}.button-primary{background:var(--button);color:var(--button-ink)}.button-primary:hover{background:var(--accent);color:var(--bg)}.availability{font-size:12px;color:var(--muted)}.hero-art{position:relative;overflow:hidden;isolation:isolate;min-height:570px;background:#cededa url("assets/comtune-hero.png") center/cover no-repeat}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(19,39,41,.28));z-index:1}.hero-art-shape{position:absolute;border-radius:50%;filter:blur(2px);opacity:.33;z-index:-1}.hero-art-shape-one{width:65%;height:45%;top:19%;left:4%;background:#9cbdb9;transform:rotate(-28deg)}.hero-art-shape-two{width:55%;height:50%;right:5%;top:27%;background:#e9eeeb}.art-caption{position:absolute;bottom:23px;left:25px;right:25px;display:flex;justify-content:space-between;gap:16px;z-index:2;color:#fff;text-shadow:0 1px 4px #263e3e}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;color:var(--muted);padding:22px 0 31px;border-bottom:1px solid var(--line)}.manifesto{padding-top:138px;padding-bottom:85px}.section-marker{display:flex;align-items:center;gap:16px;color:var(--accent)}.marker-line{width:54px;height:1px;background:currentColor}.manifesto-content{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end;margin-top:46px}.manifesto h2,.privacy h2,.closing h2{font-size:clamp(44px,5.3vw,77px);margin:0}.manifesto-aside p{max-width:400px;color:var(--muted);font-size:17px;line-height:1.7}.manifesto-aside .small-note{font-size:12px;line-height:1.6;margin:25px 0 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{min-height:430px;background:var(--feature);padding:26px;display:flex;flex-direction:column}.feature-card:nth-child(2){background:var(--surface)}.feature-card:nth-child(3){background:var(--feature-alt)}.feature-top{display:flex;justify-content:space-between;color:var(--muted)}.feature-illustration{height:220px;position:relative;display:flex;align-items:center;justify-content:center}.feature-copy{margin-top:auto}.feature-copy h3{font-size:23px;letter-spacing:-.04em;font-weight:600;margin-bottom:9px}.feature-copy p{max-width:330px;color:var(--muted);font-size:14px;line-height:1.65;margin-bottom:0}.bubble{position:absolute;width:126px;height:84px;border:1px solid var(--accent);border-radius:48% 48% 48% 10%;transform:rotate(-15deg)}.bubble-one{transform:translate(-28px,-15px) rotate(-15deg)}.bubble-two{transform:translate(28px,20px) rotate(160deg);background:var(--feature)}.bubble-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);z-index:1;top:113px}.bubble-dot-one{left:calc(50% - 3px)}.bubble-dot-two{left:calc(50% + 9px)}.bubble-dot-three{left:calc(50% + 21px)}.orbit{position:absolute;border:1px solid var(--accent);border-radius:50%;width:128px;height:128px}.orbit-one{transform:translateX(-25px)}.orbit-two{transform:translateX(25px)}.orbit-center{width:10px;height:10px;border-radius:50%;background:var(--accent)}.moment{position:absolute;border:1px solid var(--accent);width:110px;height:110px;border-radius:50%}.moment-one{transform:translate(-51px,6px) scale(.75);opacity:.45}.moment-two{transform:translate(51px,6px) scale(.75);opacity:.45}.moment-three{background:var(--feature-alt)}.privacy{padding-top:130px}.privacy-card{min-height:545px;padding:65px;position:relative;overflow:hidden;background:var(--dark);color:var(--dark-ink);display:grid;grid-template-columns:1fr 1fr;gap:45px}.privacy-copy{z-index:1}.privacy .eyebrow{color:inherit;opacity:.72}.privacy h2{font-size:clamp(42px,4.8vw,68px);margin-bottom:26px}.privacy-copy>p:not(.eyebrow){max-width:430px;line-height:1.7;opacity:.8}.text-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid currentColor;padding:12px 0;font-weight:600;font-size:13px}.privacy-art{position:relative;display:grid;place-items:center;min-height:300px}.privacy-ring{position:absolute;border:1px solid currentColor;border-radius:50%;opacity:.35}.ring-one{width:170px;height:170px}.ring-two{width:255px;height:255px}.ring-three{width:340px;height:340px}.privacy-center{width:95px;height:95px;background:currentColor;opacity:.8;border-radius:50%}.privacy-note{grid-column:1/-1;align-self:end;max-width:600px;font-size:12px;opacity:.75;margin:30px 0 0}.closing{text-align:center;padding:160px 0 150px}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(42px,5.4vw,78px);margin-bottom:25px}.closing>p:not(.eyebrow){color:var(--muted);max-width:440px;margin:0 auto 32px}.button-outline{border:1px solid var(--ink)}.button-outline:hover{background:var(--ink);color:var(--bg)}.site-footer{min-height:150px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:center}.footer-brand{font-size:27px;font-weight:650;letter-spacing:-.06em}.footer-copy{font-size:12px;color:var(--muted)}.site-footer nav{display:flex;justify-content:flex-end;gap:26px}.site-footer nav a{font-size:12px}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{grid-template-rows:minmax(500px,auto) auto;gap:0 25px}.hero-art{min-height:500px}.hero h1{font-size:clamp(50px,7vw,72px)}.manifesto-content{gap:35px}.privacy-card{padding:45px}.feature-card{padding:22px;min-height:400px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{min-height:80px;gap:14px}.brand{font-size:21px}.brand img{width:38px;height:38px}.navigation{gap:16px}.navigation a{font-size:12px}.navigation a:first-child,.navigation a:nth-child(2){display:none}.theme-toggle{width:44px;height:44px}.hero{display:flex;flex-direction:column;padding-top:0}.hero-copy{padding:68px 0 44px}.hero h1{font-size:clamp(50px,10vw,75px)}.hero-description{font-size:16px}.hero-art{min-height:0;aspect-ratio:1/1.08}.hero-bottom{font-size:9px}.manifesto{padding-top:90px;padding-bottom:52px}.manifesto-content{grid-template-columns:1fr;gap:25px;margin-top:35px}.manifesto h2,.closing h2{font-size:clamp(42px,9vw,60px)}.manifesto-aside p{font-size:16px}.features{grid-template-columns:1fr;gap:10px}.feature-card{min-height:355px}.feature-illustration{height:175px}.bubble-dot{top:91px}.privacy{padding-top:80px}.privacy-card{padding:30px;grid-template-columns:1fr;gap:15px}.privacy h2{font-size:clamp(40px,9vw,60px)}.privacy-art{min-height:250px;overflow:hidden}.ring-one{width:130px;height:130px}.ring-two{width:200px;height:200px}.ring-three{width:270px;height:270px}.privacy-center{width:75px;height:75px}.privacy-note{margin:15px 0 0}.closing{padding:100px 0}.site-footer{grid-template-columns:1fr auto;gap:10px;padding:30px 0}.footer-copy{grid-column:1}.site-footer nav{grid-column:1/-1;justify-content:flex-start;gap:20px;flex-wrap:wrap}.site-footer nav a{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Keep the second line intact while fitting narrow screens and the two-column hero. */
.hero h1 em{display:inline-block;white-space:nowrap;font-size:clamp(34px,4.8vw,72px)}
@media(max-width:700px){.hero h1 em{font-size:clamp(34px,9vw,58px)}}
/* Present the complete illustration at its natural landscape ratio. */
.hero{grid-template-rows:auto;align-items:center;min-height:570px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.hero-copy{padding:40px 0}
.hero-art{min-height:0;aspect-ratio:1672/941;background:#cededa}
.hero-art:before{display:none}
.hero-art img{display:block;width:100%;height:auto}
.manifesto{padding-top:110px;padding-bottom:65px}
.privacy{padding-bottom:110px}
@media(max-width:1000px){.hero{grid-template-rows:auto;min-height:470px}.hero-art{min-height:0}}
@media(max-width:700px){.hero{min-height:0;padding-bottom:30px}.hero-copy{padding:58px 0 38px}.hero-art{aspect-ratio:1672/941;min-height:0}.manifesto{padding-top:75px;padding-bottom:45px}.privacy{padding-bottom:75px}}

/* Motion is an enhancement: all content is visible until the observer is enabled. */
@media(prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .reveal.is-visible,.reveal:focus-within{opacity:1;transform:translateY(0)}
  .feature-card.reveal:nth-child(2){transition-delay:.08s}
  .feature-card.reveal:nth-child(3){transition-delay:.16s}
  .hero-art{animation:art-breathe 8s ease-in-out infinite}
  .theme-toggle,.feature-card{transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}
  .feature-card.reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),background-color .25s ease,box-shadow .25s ease}
  .button,.text-link{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
  @media(hover:hover){
    .button:hover,.text-link:hover{transform:translateY(-2px)}
    .feature-card:hover{box-shadow:0 10px 30px rgba(23,52,53,.08)}
  }
  .button:active{transform:translateY(0)}
  @keyframes art-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
}