@charset "UTF-8";
:root{--ink:#172039;--blue:#304bda;--muted:#657088;--paper:#fbfcff;--line:#e2e7f0;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}button,a{touch-action:manipulation}button{font:inherit}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #7895ff;outline-offset:5px}.skip{position:fixed;top:-70px;left:15px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.wrap{width:min(1180px,calc(100% - 88px));margin-inline:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:12px;line-height:1.4;letter-spacing:-.01em}.brand b{font-weight:600}.brand svg{width:31px;height:31px;fill:var(--blue)}nav{display:flex;gap:34px}nav a{text-decoration:none;font-size:12px;color:#505d76}nav a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 24px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .16s,transform .16s}.button:hover{transform:translateY(-2px)}.button.small{padding:11px 17px;gap:27px;font-size:12px}.button.outline{background:transparent;border-color:#cbd3e4}.button.primary{background:var(--blue);color:white;box-shadow:0 4px 8px #304bda12}.button.primary:hover{background:#243cc0}.hero{position:relative;text-align:center;padding:78px 20px 70px;isolation:isolate;overflow:hidden;border-radius:18px;background:#f1f4fc}.hero-wash{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 18% 30%,#e5ecff 0,transparent 40%),radial-gradient(ellipse at 85% 60%,#e4eef5 0,transparent 50%),linear-gradient(135deg,#f4f6ff,#f6f7fb)}.hero:after{content:'';position:absolute;width:540px;height:540px;border:1px solid #ccd6f3;border-radius:50%;right:-275px;top:-205px;z-index:-1;box-shadow:0 0 0 45px #d4ddf133,0 0 0 90px #d4ddf11a}.hero-kicker{font-size:9px;font-weight:bold;letter-spacing:.16em;display:flex;justify-content:center;align-items:center;gap:9px;margin-bottom:24px}.hero-kicker>span{width:6px;height:6px;border-radius:50%;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,6.4vw,88px);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:0 0 24px}h1 em,h2 em{font-family:var(--serif);font-weight:400;color:var(--blue)}.hero>p{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:29px}.hero-bottom{display:flex;justify-content:center;align-items:center;gap:18px;font-size:10px;color:#68748b;margin-top:36px}.divider{height:13px;width:1px;background:#bac6dc}.hero-spark{position:absolute;left:10%;bottom:80px;font-size:56px;line-height:1;color:#becbfa;font-weight:400;transform:rotate(13deg)}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.15em;line-height:1.5;margin-bottom:19px;color:#61708c}h2{font-size:clamp(34px,3.7vw,49px);font-weight:500;letter-spacing:-.045em;line-height:1.14;margin-bottom:20px}.possibilities{padding-top:80px;padding-bottom:76px}.section-head{margin-bottom:35px}.opportunity-picker{display:grid;grid-template-columns:1fr 1.16fr;gap:70px;align-items:center}.choices{display:flex;flex-direction:column;gap:7px}.choices button{display:flex;align-items:center;gap:16px;text-align:left;background:transparent;border:1px solid transparent;width:100%;padding:23px 17px;border-radius:8px;cursor:pointer;color:var(--ink)}.choices button[aria-selected=true]{background:#eff3ff;border-color:#d8e1fc}.choice-icon{display:grid;place-items:center;width:35px;height:35px;background:#e8edf8;color:var(--blue);border-radius:50%;font-size:22px;flex-shrink:0}.choices button strong{font-size:18px;letter-spacing:-.025em;display:block;font-weight:500}.choices button small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.choice-arrow{margin-left:auto;color:var(--blue);font-size:19px;opacity:0}.choices button[aria-selected=true] .choice-arrow{opacity:1}.possibility-panel{background:#f0f3f7;border-radius:12px;padding:25px 30px 27px;position:relative;min-width:0}.example-label{font-size:8px;letter-spacing:.14em;color:#748097;font-weight:600}.example-art{height:226px;max-width:355px;margin:12px auto 22px;position:relative}.paper{width:270px;height:181px;border-radius:9px;position:absolute;left:50%;top:20px;background:white;border:1px solid #e0e6f0;box-shadow:0 9px 20px #23324a0b}.back-paper{transform:translateX(-50%) rotate(-8deg);background:#dde6f6;top:25px;left:47%}.front-paper{transform:translateX(-50%) rotate(4deg);padding:20px 23px}.paper-label{display:block;font-size:7px;color:#8490a9;letter-spacing:.12em}.paper-title{display:block;margin-top:9px;font-size:21px;font-family:var(--serif);line-height:1.17;letter-spacing:-.02em}.paper-line{display:block;height:4px;background:#edf0f5;width:85%;margin:11px 0 0;border-radius:3px}.paper-line.short{width:55%;margin:6px 0 0}.paper-badge{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#365473;background:#e9f1fb;padding:7px 10px;margin-top:14px;border-radius:4px}.art-star{position:absolute;right:6px;top:3px;font-size:44px;line-height:1;color:#7f9bbf;transform:rotate(14deg)}.possibility-panel h3{font-size:30px;font-weight:500;line-height:1.16;letter-spacing:-.035em;margin:0 0 12px}.possibility-panel>p{font-size:13px;color:var(--muted);max-width:390px;margin-bottom:0}.possibility-panel[data-theme=time]{background:#f8f1e8}.possibility-panel[data-theme=time] .back-paper{background:#f1dcc1}.possibility-panel[data-theme=time] .art-star{color:#c29c69}.possibility-panel[data-theme=care]{background:#ebf3ee}.possibility-panel[data-theme=care] .back-paper{background:#cfe4d7}.possibility-panel[data-theme=care] .art-star{color:#7ba98c}.approach{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.16fr;gap:70px;padding-top:58px;padding-bottom:65px;align-items:center}.approach-copy>p{font-size:18px;line-height:1.6;letter-spacing:-.015em;max-width:500px}.approach-points{display:flex;gap:17px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-bottom:23px}.approach-points span:before{content:'✓';color:var(--blue);margin-right:7px}.text-link{font-size:11px;font-weight:600;color:var(--blue);text-decoration:none}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.closing{background:#eef2fd;text-align:center;padding:62px 0 48px}.closing-star{font-size:39px;color:#91a6e6;display:block;line-height:1;margin-bottom:22px}.closing h2{font-size:clamp(39px,4.4vw,59px);margin-bottom:25px}.closing .eyebrow{font-size:8px}.offer-details{max-width:570px;margin:26px auto 0;color:#68758e;text-align:center}.offer-details summary{font-size:10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;list-style:none}.offer-details p{font-size:12px;line-height:1.7;text-align:left;background:#ffffff88;padding:20px;border-radius:8px;margin-top:15px}.offer-details a{font-weight:600}footer{display:flex;gap:25px;justify-content:space-between;align-items:center;padding-block:25px;font-size:10px;color:#68758e}footer a{text-decoration:none}footer small{font-size:9px;color:#98a0b1}dialog{border:1px solid #dce3f0;border-radius:14px;padding:40px;max-width:calc(100% - 36px);width:450px;color:var(--ink);box-shadow:0 20px 100px #13224130}dialog::backdrop{background:#17203966;backdrop-filter:blur(4px)}dialog p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:25px}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px;color:var(--muted);cursor:pointer}.document{max-width:770px;margin:auto;padding:60px 28px 80px}.document .back{font-size:12px;color:var(--blue)}.document h1{font-size:52px;margin:30px 0 25px}.document h2{font-size:26px;margin-top:32px}.document p,.document li{font-size:14px;color:var(--muted)}.document .standfirst{font-size:19px;color:var(--ink)}.document aside{background:#eef2fd;padding:25px;border-radius:8px;margin-block:30px}.document .fine{font-size:11px}.document a{overflow-wrap:anywhere}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.opportunity-picker,.approach{gap:35px}.hero-spark{left:6%;font-size:44px}.hero{padding-top:65px}.choices button{padding:20px 13px;gap:12px}.choices button small{font-size:10px}.choices button strong{font-size:17px}.possibility-panel{padding:23px}.paper{width:245px}.art-star{right:-3px}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.header{height:84px;gap:15px}.brand{gap:8px;font-size:10px}.brand svg{width:25px;height:25px}.header nav{display:none}.button.small{padding:9px 12px;gap:18px;font-size:11px}.hero{padding:50px 15px 34px;border-radius:12px}.hero-kicker{font-size:7px;letter-spacing:.1em;gap:7px;margin-bottom:25px}h1{font-size:clamp(38px,9.2vw,64px);letter-spacing:-.055em;line-height:1.08;margin-bottom:22px}.hero>p{font-size:13px;max-width:370px;margin:0 auto 26px}.desktop-break{display:none}.hero .button{font-size:11px;padding:14px 18px;gap:26px}.hero-bottom{gap:10px;font-size:8px;margin-top:28px}.hero-spark{display:none}.hero:after{width:260px;height:260px;right:-160px;top:-130px;box-shadow:0 0 0 30px #d4ddf122}.possibilities{padding-top:50px;padding-bottom:45px}h2{font-size:36px}.section-head{margin-bottom:24px}.eyebrow{font-size:8px;margin-bottom:15px}.opportunity-picker{grid-template-columns:1fr;gap:24px}.choices{gap:3px}.choices button{padding:15px 13px;gap:13px}.choices button strong{font-size:17px}.choices button small{font-size:10px}.choice-icon{width:30px;height:30px;font-size:19px}.possibility-panel{padding:22px;min-width:0}.example-art{height:210px;max-width:310px;margin-bottom:18px}.paper{width:min(245px,90%);height:178px;padding:18px}.paper-title{font-size:20px}.art-star{right:0;top:2px;font-size:39px}.possibility-panel h3{font-size:29px}.possibility-panel>p{font-size:12px}.approach{grid-template-columns:1fr;gap:10px;padding-top:42px;padding-bottom:45px}.approach-copy>p{font-size:16px}.approach-points{font-size:9px;gap:9px;margin-bottom:18px}.text-link{font-size:10px}.closing{padding:42px 0 35px}.closing h2{font-size:clamp(33px,8.7vw,48px)}.closing .button{font-size:12px;padding:14px 20px;gap:25px}.closing-star{font-size:32px;margin-bottom:19px}.offer-details{margin-top:23px}.offer-details p{font-size:11px;padding:15px}footer{font-size:8px;gap:15px;flex-wrap:wrap;padding-block:20px}footer small{font-size:8px}.document{padding:35px 20px 60px}.document h1{font-size:39px}.document h2{font-size:25px}.document .standfirst{font-size:17px}dialog{padding:32px 25px}dialog h2{font-size:34px}}@media(max-width:340px){.hero-bottom{flex-direction:column;gap:3px}.hero-bottom .divider{display:none}.hero{padding-inline:10px}.choices button small{font-size:9px}.choice-arrow{display:none}.example-art{height:190px}.paper{height:166px}.paper-title{font-size:18px}.paper-badge{font-size:7px}.art-star{font-size:31px}.brand{font-size:9px}.button.small{gap:10px}.hero-kicker{font-size:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Contact invitation within the existing themed panel. */
.possibility-panel .contact-trigger{margin-top:24px;max-width:100%;gap:22px;text-align:left}
.possibility-panel .contact-trigger span{flex-shrink:0}

/* Selected business name and retained service descriptor. */
.brand-name{display:block;font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.03em}
.brand-description{display:block;font-size:10px;line-height:1.4;margin-top:2px}
@media(max-width:700px){.brand-name{font-size:18px}.brand-description{font-size:8px}}

/* Contact form uses the existing dialog and color palette. */
dialog{max-height:calc(100dvh - 36px);overflow-y:auto}
dialog h2{font-size:36px;margin-bottom:24px}
dialog form{display:grid;gap:9px}
dialog label{font-size:13px;font-weight:600}
dialog input:not([type=hidden]),dialog textarea{width:100%;font:inherit;font-size:16px;line-height:1.4;color:var(--ink);background:var(--paper);border:1px solid #cbd3e4;border-radius:6px;padding:11px 12px;margin-bottom:9px}
dialog textarea{resize:vertical;min-height:110px}
dialog input:focus-visible,dialog textarea:focus-visible{outline:3px solid #7895ff;outline-offset:2px}
dialog .contact-note{font-size:11px!important;line-height:1.5;margin:0 0 10px!important}
.contact-trap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.confirmation-page{min-height:100svh;display:flex;flex-direction:column}
.confirmation{flex:1;display:flex;align-items:center;justify-content:center;padding-block:40px 72px}
.confirmation-card{width:100%;max-width:760px;padding:52px 48px;background:#f1f4fc;border:1px solid var(--line);border-radius:18px}
.confirmation h1{font-size:clamp(32px,3.5vw,42px);line-height:1.14;letter-spacing:-.045em;margin-bottom:18px}
.confirmation p{color:var(--muted);max-width:490px;margin-bottom:25px}
.confirmation .text-link{font-size:13px}
@media(max-width:700px){.confirmation{padding-block:24px 40px}.confirmation-card{padding:34px 25px;border-radius:12px}.confirmation p{font-size:14px}}

/* Homepage reading sizes. Heading sizes and the confirmation page are unchanged. */
.homepage .brand-description{font-size:14px}
.homepage nav a,.homepage .button,.homepage .hero .button,.homepage .closing .button{font-size:16px}
.homepage .hero>p,.homepage .approach-copy>p{font-size:20px;line-height:1.6}
.homepage .hero>p{max-width:900px;margin-inline:auto}
.homepage .possibility-panel>p{font-size:18px;line-height:1.65;max-width:none}
.homepage .choices button strong{font-size:20px}
.homepage .closing .eyebrow{font-size:12px;letter-spacing:.12em}
.homepage footer{font-size:14px}
.homepage dialog label{font-size:16px}
.homepage dialog .contact-note{font-size:13px!important}
@media(max-width:1000px){.homepage .header{gap:20px}.homepage nav{gap:24px}}
@media(max-width:760px){.homepage .header nav{display:none}}
@media(max-width:700px){
  .homepage .brand-description{font-size:12px}
  .homepage .header{gap:12px}
  .homepage .header .button{font-size:14px;gap:12px;flex-shrink:0}
  .homepage .brand{min-width:0}
  .homepage .brand svg{flex-shrink:0}
  .homepage .hero>p,.homepage .approach-copy>p,.homepage .possibility-panel>p{font-size:17px}
  .homepage .hero>p{max-width:430px}
  .homepage .choices button strong{font-size:18px}
  .homepage footer{font-size:13px}
}