:root{--teal:#07566b;--deep:#063f4e;--gold:#efb343;--cream:#fff9ee;--ink:#183c43;--muted:#4b6468}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fffdf8;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #bd7213;outline-offset:5px}header{max-width:1320px;margin:auto;padding:24px 6%;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{width:290px;display:block}.brand img{width:100%;height:78px;object-fit:contain}nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:700}.nav-contact{border:1px solid #ccd9d7;padding:10px 17px;border-radius:5px}nav a:hover,.text-link:hover{color:#9a5b0b}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.hero{max-width:1320px;margin:20px auto 0;padding:24px 6% 76px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--teal);margin:0 0 21px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.2vw,70px);line-height:1.08;letter-spacing:-2.6px;margin-bottom:27px;color:var(--teal)}h1 span{color:#f8af42}h2{font-size:clamp(32px,3.7vw,46px);line-height:1.15;letter-spacing:-1.6px;margin-bottom:25px;color:var(--teal)}.intro{font-size:18px;color:var(--muted);max-width:490px}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;gap:35px;align-items:center;background:var(--teal);color:white;padding:14px 23px;border-radius:5px;font-size:15px;font-weight:700;min-height:50px}.button:hover{background:var(--deep)}.button span{font-size:22px}.text-link{font-size:13px;font-weight:700}.hero-note{font-size:12px;color:var(--muted);margin:22px 0 0}.hero-art{background:var(--teal);height:530px;border-radius:160px 160px 16px 16px;position:relative;overflow:hidden}.hero-art svg{position:absolute;width:100%;height:100%;inset:0}.sun{width:155px;height:155px;border-radius:50%;background:var(--gold);position:absolute;left:52px;top:65px;box-shadow:0 0 0 17px #efb34315,0 0 0 35px #efb34310}.art-label{position:absolute;bottom:29px;right:24px;color:white;font-size:13px;line-height:1.5;letter-spacing:.6px}.section{padding:85px max(6%,calc((100vw - 1160px)/2))}.focus{background:var(--cream)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{align-self:center;font-size:17px;color:var(--muted)}.focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:35px}.focus-grid article{border-top:2px solid var(--gold);padding-top:21px}.number{font-size:12px;font-weight:700;color:#84601b}.focus-grid h3{font-size:24px;margin:16px 0 5px;color:var(--teal)}.focus-grid p{font-size:13px;line-height:1.55}.focus-grid .detail{margin-top:23px;color:var(--muted);font-size:15px}.dayable{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.app-panel{background:#e9f0ee;border-radius:14px;padding:35px}.app-panel>img{width:100%;mix-blend-mode:multiply}.sample{background:white;border-radius:10px;padding:25px;margin-top:23px;box-shadow:0 15px 30px #153f4610}.sample-label{font-size:9px;letter-spacing:1.3px;font-weight:800;color:var(--muted)}.sample>div{display:flex;gap:16px;align-items:center;border-top:1px solid #edf1ee;padding:18px 0}.sample>div>span:first-child{background:var(--cream);color:var(--teal);width:42px;height:42px;text-align:center;line-height:42px;border-radius:9px;font-size:24px}.sample>div>span:last-child{font-weight:700;font-size:15px}.sample small{display:block;font-size:11px;color:var(--muted);font-weight:400}.sample-caption{font-size:10px;color:var(--muted);margin-bottom:0}.app-copy h2 span{color:#f8af42}.app-copy p{color:var(--muted)}ul{padding-left:20px;font-size:15px;margin-bottom:28px}li{padding:4px 0}li::marker{color:#a96708}.small{font-size:12px;margin-top:18px}.about{display:grid;grid-template-columns:1fr 1.35fr;gap:100px;border-top:1px solid #dce6e0}.large{font-size:24px;line-height:1.5;color:var(--teal)}.signature{border-left:3px solid var(--gold);padding-left:19px;margin-top:30px}.signature strong{display:block;font-size:20px}.signature span{font-size:12px;color:var(--muted)}.coming{background:var(--cream);text-align:center;padding-top:65px;padding-bottom:65px}.coming h2{font-size:35px}.coming p:last-child{max-width:590px;margin:0 auto;color:var(--muted)}.contact{background:var(--teal);color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.contact h2,.contact .eyebrow{color:white}.contact .eyebrow{color:var(--gold)}.contact p:last-child{color:#dae9e9}.email{font-size:clamp(17px,2.1vw,27px);border-bottom:1px solid #89a8ab;padding-bottom:16px;overflow-wrap:anywhere}.email span{float:right;color:var(--gold)}footer{padding:36px 6%;max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:12px;color:var(--muted)}footer strong{font-size:18px;color:var(--teal)}footer>div{text-align:right}footer a{margin-left:20px;font-weight:700}footer>div p{margin:14px 0 0}.footer-note{grid-column:1/-1;border-top:1px solid #e4e9e3;padding-top:18px;margin-bottom:0}@media(max-width:850px){header{flex-direction:column;gap:10px}.brand{width:250px}nav{gap:18px;font-size:12px}.hero{grid-template-columns:1fr;gap:35px;padding-top:35px}.hero-art{height:420px;max-width:430px;width:100%;margin:auto}.hero-copy{text-align:center}.intro{margin-left:auto;margin-right:auto}.actions{justify-content:center}.focus-grid{grid-template-columns:1fr 1fr}.dayable{gap:35px}.section{padding:60px 6%}.about{gap:35px}.contact{grid-template-columns:1fr}}@media(max-width:600px){h1{letter-spacing:-1.5px}.section-heading,.dayable,.about{grid-template-columns:1fr;gap:15px}.focus-grid{gap:25px}.focus-grid h3{font-size:22px}.app-panel{padding:22px}.app-copy{margin-top:25px}.about .large{font-size:21px}.hero-art{height:390px}.email{font-size:18px}nav{gap:14px}.nav-contact{padding:8px 10px}footer{grid-template-columns:1fr}footer>div{text-align:left}footer a{margin:0 20px 0 0}.hero{padding-bottom:50px}.coming h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}