:root{--ink:#15151a;--muted:#62636e;--plum:#602064;--plum2:#772f7a;--lilac:#f5eef6;--line:#e9e8ec;--paper:#fff;--margin:clamp(24px,6.2vw,114px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.content{max-width:1510px;margin:0 auto;padding-left:var(--margin);padding-right:calc(var(--margin) + 44px)}.spiral{position:fixed;z-index:11;top:0;bottom:0;left:0;width:35px;pointer-events:none;background:#fff url("assets/spiral-binding.svg") repeat-y left top;background-size:35px 60px;border-right:1px solid #f0e9f0}.topbar{height:98px;padding:0 calc(var(--margin) + 44px) 0 var(--margin);display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1510px;margin:auto}.wordmark{font-weight:780;letter-spacing:-2px;font-size:34px}.wordmark span,.footer b span{color:var(--plum)}.topnav{display:flex;gap:clamp(16px,2.2vw,36px);align-items:center;font-size:13px}.topnav a:hover,.topnav a.active{color:var(--plum);text-decoration:underline;text-underline-offset:8px}.right-tabs{position:fixed;z-index:9;right:0;top:14%;display:flex;flex-direction:column;gap:3px}.right-tabs a{writing-mode:vertical-rl;padding:16px 12px;min-height:84px;border:1px solid #e8e4ea;border-right:0;border-radius:12px 0 0 12px;background:#f7f5f7;font-size:12px;display:grid;place-items:center;transition:background .2s,color .2s,padding .2s}.right-tabs a:hover,.right-tabs a.selected{background:var(--plum);color:#fff;padding-left:18px}.menu-toggle,.mobile-menu{display:none}.hero{min-height:610px;display:grid;grid-template-columns:46% 54%;align-items:center;gap:16px;padding-top:20px;padding-bottom:54px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.22em;color:var(--plum);margin:0 0 22px}.hero h1{font-size:clamp(48px,5.1vw,82px);letter-spacing:-.065em;line-height:1.02;margin:0 0 26px;max-width:720px;font-weight:780}.intro{font-size:clamp(18px,1.65vw,24px);line-height:1.47;color:#595d67;max-width:550px;margin:0 0 32px}.cta{display:inline-flex;align-items:center;gap:16px;padding:18px 24px;color:white;background:var(--plum);border-radius:12px;font-weight:650}.cta span{margin-left:10px}.release{font-size:11px;letter-spacing:.20em;color:#6c6e79;margin:16px 0 0}.hero-art{position:relative;height:490px;isolation:isolate}.preview{position:absolute;background:white;border:1px solid #f0edf1;border-radius:20px;box-shadow:0 18px 55px rgba(25,13,34,.09);padding:21px}.people{width:54%;left:0;top:20px;min-height:425px}.card-heading{display:flex;align-items:center;justify-content:space-between}.card-heading h2{font-size:26px;margin:0 0 17px}.circle-plus{width:28px;height:28px;background:var(--plum);border-radius:50%;color:white;text-align:center;font-size:23px;line-height:25px}.searchbar{font-size:11px;color:#94949b;background:#f6f6f8;border-radius:25px;padding:12px 14px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0 7px}.chips>*{background:#f3f3f5;border-radius:18px;padding:7px 10px;font-size:10px;font-weight:500}.chips b{color:var(--plum);background:#f2e4f3}.contact-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid #f0eef0;padding:11px 0}.contact-row:last-child{border:0}.contact-row i{width:33px;height:33px;display:grid;place-items:center;background:#e8e8ec;border-radius:50%;font-size:10px;font-style:normal;font-weight:700;color:#58585f}.contact-row strong,.contact-row small,.event strong,.event small{display:block}.contact-row strong,.event strong{font-size:12px}.contact-row small,.event small{font-size:10px;color:#878792;margin-top:4px}.upcoming{width:43%;right:0;top:40px}.preview-title{display:flex;justify-content:space-between;font-weight:750;font-size:14px;margin:0 0 19px}.preview-title span{font-size:11px;color:var(--plum);font-weight:500}.event{display:flex;gap:12px;margin:0 0 21px}.event>span{color:var(--plum);font-size:22px}.quick{width:43%;right:0;top:300px}.quick-icons{display:flex;justify-content:space-between;gap:6px}.quick-icons div{color:var(--plum);font-size:22px;text-align:center}.quick-icons small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.connie{position:absolute;width:235px;right:17%;bottom:-35px;filter:none}.section{padding-top:105px;padding-bottom:110px;scroll-margin-top:20px}.section h2{font-size:clamp(36px,3.3vw,55px);line-height:1.12;letter-spacing:-.048em;margin:0 0 23px;max-width:760px}.section p{line-height:1.65;color:#60626d}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.why{background:#f7f6f8}.why .content{padding-top:30px;padding-bottom:25px}.why .two-col p{font-size:18px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;margin-top:44px}.features-grid article{padding:30px 24px;background:#faf9fa;border:1px solid var(--line);border-radius:14px}.features-grid h3{font-size:18px;margin:20px 0 8px}.features-grid p{font-size:14px;margin:0}.icon{display:block;color:var(--plum);font-size:32px}.development{background:#f7f1f8}.development .two-col{align-items:start}.development .two-col>div>p{max-width:410px}.timeline{border-left:2px solid #d8b8da;padding-left:28px}.timeline>div{position:relative;margin:0 0 31px}.timeline>div:before{content:"";width:12px;height:12px;position:absolute;background:var(--plum);border:3px solid #f7f1f8;border-radius:50%;left:-36px;top:0}.timeline b{color:var(--plum);font-size:13px}.timeline h3{font-size:22px;margin:8px 0}.timeline p{margin:0;font-size:14px}.section-lead{font-size:19px;margin-top:-8px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}.price-card{border:1px solid #dedce1;border-radius:18px;padding:35px;background:#fff}.price-card.founder{border-color:#e6d0e7;background:#f9f3fa}.badge{font-size:11px;letter-spacing:.09em;color:var(--plum);font-weight:800}.badge.normal{color:#50505b}.prices{display:flex;align-items:baseline;gap:21px;flex-wrap:wrap;margin:27px 0}.prices strong{font-size:47px;letter-spacing:-.06em}.or{color:#898792}.price-card>p{font-size:15px;color:#3e3e48}.price-foot{border-top:1px solid #e7dde9;padding-top:20px;margin-top:22px;font-size:13px;line-height:1.6;color:#686470}.fineprint{font-size:12px;margin-top:21px}.contact{background:#f7f6f8}.contact-links{display:flex;flex-direction:column;gap:12px}.contact-links a{display:flex;align-items:center;gap:18px;padding:22px 24px;background:white;border-radius:10px;border:1px solid #e8e7eb;font-size:18px}.contact-links a:hover{border-color:var(--plum)}.contact-links a span:first-child{color:var(--plum);font-size:28px}.contact-links a span:last-child{margin-left:auto;color:var(--plum)}.footer{padding-top:54px;padding-bottom:70px;display:flex;justify-content:space-between;gap:20px;align-items:start}.footer b{font-size:25px;letter-spacing:-1.2px}.footer p{font-size:13px;color:var(--muted)}.footer small{font-size:12px;color:#91909a}.footer-links{display:flex;gap:24px;font-size:13px}.footer-links a:hover{text-decoration:underline}.legal{padding-top:65px;padding-bottom:100px;max-width:980px}.legal h1{font-size:48px;letter-spacing:-.05em}.legal h2{margin-top:42px}.legal p,.legal li{line-height:1.75;color:#464650}.legal .draft{padding:16px;background:#fff4e1;border-left:4px solid #c88d2c;font-size:14px}
@media(max-width:1100px){.topnav{gap:16px}.hero{grid-template-columns:48% 52%}.hero-art{transform:scale(.85);transform-origin:center left;width:117%}.hero h1{font-size:59px}.features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--margin:27px}.content{padding-left:calc(var(--margin) + 10px);padding-right:var(--margin)}.spiral{width:19px;background-size:19px 41px;border-right:1px solid #f1eaf1}.topbar{height:76px;padding-left:calc(var(--margin) + 10px);padding-right:var(--margin)}.wordmark{font-size:28px}.topnav,.right-tabs{display:none}.menu-toggle{display:grid;gap:5px;padding:12px 0 12px 12px;border:0;background:transparent}.menu-toggle span{width:25px;height:2px;background:#17171c;display:block}.mobile-menu:not([hidden]){position:fixed;display:flex;flex-direction:column;right:16px;left:30px;top:72px;padding:15px;background:white;box-shadow:0 15px 45px #0002;z-index:20;border:1px solid var(--line);border-radius:12px}.mobile-menu a{padding:12px;border-bottom:1px solid #eee;font-size:15px}.mobile-menu a:last-child{border:0}.hero{display:block;min-height:0;padding-top:58px;padding-bottom:52px}.hero h1{font-size:clamp(45px,11vw,67px);line-height:1.045}.hero .intro{font-size:18px;line-height:1.52}.release{font-size:10px;line-height:1.6}.hero-art{width:100%;height:355px;transform:none;margin-top:50px}.people{width:61%;min-height:0;top:0;padding:14px}.card-heading h2{font-size:19px;margin:0 0 10px}.searchbar{font-size:8px;padding:8px}.chips{gap:4px}.chips>*{font-size:8px;padding:5px}.contact-row{padding:7px 0}.contact-row i{width:27px;height:27px;font-size:8px}.contact-row strong{font-size:10px}.contact-row small{font-size:8px}.upcoming{width:43%;top:20px;padding:13px}.preview-title{font-size:11px;margin-bottom:13px}.event{gap:7px;margin-bottom:12px}.event>span{font-size:14px}.event strong{font-size:9px}.event small{font-size:8px}.quick{width:43%;top:235px;padding:12px}.quick-icons div{font-size:16px}.quick-icons small{font-size:8px}.connie{width:143px;right:20%;bottom:-25px}.section{padding-top:74px;padding-bottom:78px}.section h2{font-size:38px}.two-col{grid-template-columns:1fr;gap:18px}.why .content{padding-top:0;padding-bottom:0}.why .two-col p{font-size:16px}.features-grid{grid-template-columns:1fr;gap:11px;margin-top:28px}.features-grid article{padding:22px}.development .two-col{gap:36px}.pricing-grid{grid-template-columns:1fr;gap:15px}.price-card{padding:26px}.prices strong{font-size:41px}.contact-links a{font-size:15px;padding:18px}.footer{flex-direction:column;gap:27px}.footer-links{flex-wrap:wrap;gap:18px}}
@media(max-width:375px){.hero-art{height:300px}.quick{top:220px}.connie{width:120px}.prices{gap:14px}.prices strong{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Compact preview rows for expanded example contacts */
.people{padding-bottom:12px}.people .contact-row{padding:8px 0}.people .contact-row strong{line-height:1.25}.people .contact-row small{line-height:1.3}
@media(max-width:760px){.people .contact-row{padding:6px 0}.people .contact-row strong{font-size:9px}.people .contact-row small{font-size:7px}.people .chips{margin-bottom:3px}.hero-art{height:375px}.quick{top:250px}}

/* Privacy section: consistent with approved modern Connue site */
.privacy-section{background:#faf9fb}.privacy-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:44px;align-items:center}.privacy-lead{font-size:clamp(18px,1.8vw,24px);max-width:740px}.privacy-visual{display:flex;align-items:center;gap:19px;background:#f4eaf5;border:1px solid #e7d6e9;padding:24px;border-radius:18px}.privacy-phone{display:grid;place-items:center;width:60px;height:72px;border:3px solid var(--plum);border-radius:12px;color:var(--plum);font-size:30px}.privacy-visual strong,.privacy-visual span{display:block}.privacy-visual span{font-size:13px;line-height:1.5;color:#625d68;margin-top:5px}.privacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:42px}.privacy-grid article{padding:26px;border:1px solid var(--line);border-radius:14px;background:white}.privacy-grid h3{margin:0 0 8px;font-size:19px}.privacy-grid p{margin:0;font-size:14px}.privacy-closing{margin-top:32px!important;font-weight:700!important;color:var(--ink)!important;font-size:19px}.privacy-note{font-size:13px}.privacy-note a{text-decoration:underline;color:var(--plum)}@media(max-width:760px){.privacy-intro,.privacy-grid{grid-template-columns:1fr}.privacy-intro{gap:20px}.privacy-grid{margin-top:24px}.privacy-grid article{padding:21px}}

/* Privacy example: deliberately simple, matching the established site style. */
.privacy-bonnie{margin-top:32px;padding:clamp(22px,3.5vw,42px);background:#f0e9f2;border-left:4px solid #714775;border-radius:0 14px 14px 0;max-width:960px}
.privacy-bonnie-label{font-size:11px!important;font-weight:800!important;letter-spacing:.15em;color:#714775!important;margin:0 0 10px!important}
.privacy-bonnie h3{margin:0 0 14px;font-size:clamp(25px,3vw,34px);color:#222}
.privacy-bonnie p{font-size:15px;line-height:1.75;max-width:770px}
.privacy-bonnie .privacy-bonnie-punchline{font-weight:700;color:#48314d}
@media(max-width:760px){.privacy-bonnie{padding:22px;margin-top:24px}.privacy-bonnie p{font-size:14px}}