:root{color-scheme:dark;--night:#0b1426;--ink:#f5f2e9;--ice:#9ddceb;--muted:#aab7c8;--line:#ffffff24;--paper:#f1efe8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:'Avenir Next',Avenir,'Trebuchet MS',sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--ice)}a:focus-visible,summary:focus-visible{outline:2px solid var(--ice);outline-offset:7px}img{display:block;max-width:100%;height:auto}header,footer,.wrap{width:min(1180px,calc(100% - 64px));margin:auto}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:32px;font-weight:700;letter-spacing:-1.5px;text-decoration:none;display:flex;align-items:center;gap:12px}.brand img{width:38px;height:38px;border-radius:10px}nav{display:flex;gap:32px;font-size:15px}nav a{text-decoration:none}nav [aria-current=page]{color:var(--ice)}.skip{position:absolute;left:16px;top:-100px;padding:12px;background:var(--ice);color:var(--night);z-index:10}.skip:focus{top:12px}.hero{min-height:690px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:80px 0}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--ice);font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(54px,6.8vw,94px);font-weight:400;line-height:1.04;letter-spacing:-3px;margin:25px 0}h1 em{color:var(--ice);font-weight:400}h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4vw,52px);font-weight:400;line-height:1.15;letter-spacing:-1px}h3{font-size:22px;line-height:1.3;margin-bottom:12px}.intro{font-size:20px;max-width:490px;color:var(--muted)}.hero-art{position:relative;text-align:center}.coni-character{position:relative;transform-origin:50% 65%;animation:coni-hello 1.2s ease-out both,coni-float 6s 1.2s ease-in-out infinite}.hero-art figcaption{color:var(--ice);font-family:Georgia,serif;font-style:italic;font-size:21px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px}.button{display:inline-block;border:1px solid var(--ice);background:var(--ice);color:var(--night);padding:13px 23px;border-radius:40px;text-decoration:none;font-weight:600}.button:hover{background:var(--ink);color:var(--night)}.availability{font-size:14px;color:var(--muted)}.strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:var(--muted);font-size:15px}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:65px}.section-head p{color:var(--muted);max-width:470px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.feature{border-top:1px solid var(--line);padding-top:22px}.number{font-size:14px;color:var(--ice);display:block;margin-bottom:25px}.feature p{color:var(--muted)}.showcase{background:var(--paper);color:var(--night);padding:90px 0;overflow:hidden}.showcase .wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.showcase .eyebrow{color:#355f70}.showcase p{color:#465669}.phone{max-width:290px;margin:auto;border:7px solid #172031;border-radius:42px;overflow:hidden;box-shadow:0 25px 50px #0b142626}.phone img{width:100%}.closing{padding:85px 0;max-width:750px}.closing p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:14px}.page-head{padding:85px 0 55px;max-width:790px}.page-head h1{font-size:clamp(48px,6vw,76px)}.page-head p{max-width:650px;color:var(--muted);font-size:20px}.document{max-width:760px;padding-bottom:90px}.document h2{font-size:30px;letter-spacing:-.5px;margin:48px 0 18px}.document p,.document li{color:var(--muted)}.document a{color:var(--ice)}.summary{border-left:2px solid var(--ice);padding:8px 0 8px 25px;margin-bottom:40px}.summary p{margin:0}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:19px;font-weight:600;padding-right:10px}details p{padding:15px 20px 0 0;margin:0}.contact{margin-top:50px;padding:28px;border:1px solid var(--line);border-radius:20px}.contact h2{margin:0 0 12px}.contact p:last-child{margin-bottom:0}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){header,footer,.wrap{width:calc(100% - 40px)}header{height:88px}nav{gap:20px}.hero{grid-template-columns:1fr;padding:55px 0;gap:0;min-height:0}h1{letter-spacing:-2px}.hero-art{max-width:310px;margin:30px auto 0}.hero-art figcaption{margin-top:-5px}.strip{flex-direction:column;gap:6px}.section{padding:65px 0}.section-head,.features,.showcase .wrap{grid-template-columns:1fr;gap:25px}.section-head{margin-bottom:25px}.features{gap:30px}.showcase{padding:60px 0}.showcase .wrap{gap:40px}.phone{max-width:260px}.closing{padding:60px 0}footer{flex-direction:column;gap:15px}.page-head{padding:55px 0 30px}.document{padding-bottom:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:761px){.hero-art{margin:0}}

/* Coni moves independently of the caption, without changing layout. */
@keyframes coni-hello{0%{opacity:0;transform:translateY(12px) rotate(-4deg)}60%{opacity:1;transform:translateY(-5px) rotate(3deg)}100%{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes coni-float{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-2deg)}50%{transform:translateY(-14px) rotate(0)}75%{transform:translateY(-8px) rotate(2deg)}}
.hero-art[data-paused="true"] .coni-character,.hero-art[data-paused="true"] .coni-eye{animation-play-state:paused}
.motion-toggle{display:block;margin:16px auto 0;padding:10px 14px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--muted);font:inherit;font-size:14px;cursor:pointer;min-height:44px}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{color:var(--ice);border-color:var(--ice)}
.motion-toggle:focus-visible{outline:2px solid var(--ice);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}.coni-character{transform:none;opacity:1}}

/* The original artwork is kept intact. Its eye regions are independently animated. */
.coni-body{width:100%}
.coni-eye{transform-box:fill-box;transform-origin:center;animation:coni-blink 7.3s 2s ease-in-out infinite;pointer-events:none}
@keyframes coni-blink{0%,35%,39%,77%,81%,84%,88%,100%{transform:scaleY(1)}37%,79%,86%{transform:scaleY(.07)}}
@media(prefers-reduced-motion:reduce){.coni-eye{transform:none}}

/* A shared displacement field flexes the stars, joints, lines and eyes together. */
.coni-motion-filter{position:absolute;pointer-events:none;overflow:hidden}
/* Remove the raster’s dark backdrop before applying motion, including during shimmer. */
.coni-character{display:block;width:100%;height:auto;overflow:visible}
.coni-body{animation:coni-shimmer 5.7s ease-in-out infinite}
@keyframes coni-shimmer{0%,100%{filter:brightness(1)}45%{filter:brightness(1.12)}70%{filter:brightness(1.02)}}
.hero-art[data-paused="true"] .coni-body{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.coni-render{filter:url(#coni-cutout)}}