:root{--pine:#183c37;--pine-deep:#102e2b;--pine-soft:#27574e;--paper:#f3f1e9;--paper-bright:#fffcf3;--orange:#ff783d;--orange-dark:#d9511c;--line:#b9c5b9;--ink:#173b35;--muted:#526b61;--shadow:0 24px 48px rgba(7,35,29,.22)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.45 Barlow,sans-serif}
::selection{background:var(--orange);color:var(--pine-deep)}
a{color:inherit;text-underline-offset:.18em}
button{font:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.skip-link{position:absolute;z-index:50;top:-100px;left:1rem;background:var(--paper-bright);padding:.7rem 1rem}.skip-link:focus{top:1rem}
.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:var(--pine);color:var(--paper-bright);border-bottom:1px solid #557269}
.wordmark{display:flex;gap:10px;align-items:center;font:800 25px/.78 'Barlow Condensed',sans-serif;letter-spacing:-.015em;text-decoration:none}.wordmark-stop,.footer-brand span{color:var(--orange)}.wordmark-icon{width:26px;height:26px;border:5px solid var(--orange);border-radius:50%;position:relative;flex:none}.wordmark-icon:after{content:"";position:absolute;bottom:-7px;left:-7px;width:33px;height:9px;background:var(--pine)}
nav{display:flex;gap:2.4rem;font-size:15px;font-weight:600}nav a{text-decoration:none}nav a:hover,.demo-link:hover{text-decoration:underline}.header-location{font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.14em;color:#bfcec3}
.hero{min-height:680px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:3vw;overflow:hidden;background:var(--pine);color:var(--paper-bright);padding:70px max(5vw,24px) 75px;position:relative}
.hero-copy{position:relative;z-index:1;max-width:780px;align-self:center}.hero h1,h2,h3{margin:0}.hero h1,h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:-.018em}.hero h1{font-size:clamp(64px,6.2vw,100px);line-height:.96;text-transform:uppercase;max-width:790px}.hero h1 span{color:var(--orange)}.hero-intro{font-size:clamp(20px,1.55vw,25px);line-height:1.38;max-width:580px;margin:31px 0 32px;color:#eef2e9}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;border-radius:3px;padding:14px 22px;font-size:17px;font-weight:700;text-align:left}.button-primary{background:var(--orange);color:var(--pine-deep)}.button-primary:not(:disabled):hover{background:#ff986a}.button:disabled{cursor:not-allowed;opacity:.82}.button span{font-size:26px;line-height:1}.demo-link{font-size:16px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding:6px 0}.demo-link span{margin-left:12px}.setup-note{color:#c5d5ca;font-size:13px;margin:15px 0 0}
.hero-art{position:relative;align-self:center;padding:30px 0 25px 30px}.hero-art:before{content:"";position:absolute;right:-12vw;top:2%;width:660px;height:660px;border:1px solid #497066;border-radius:50%;pointer-events:none}.hero-art:after{content:"";position:absolute;right:-5vw;top:14%;width:480px;height:480px;border:1px solid #497066;border-radius:50%;pointer-events:none}.draft-sheet{position:relative;z-index:1;max-width:510px;margin:auto;background:var(--paper-bright);color:var(--ink);transform:rotate(2deg);box-shadow:var(--shadow);padding:28px 32px 18px;border-radius:3px}.draft-sheet-head,.draft-foot,.draft-row,.draft-approval{display:flex;align-items:center;justify-content:space-between;gap:16px}.draft-sheet-head{font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.14em;padding-bottom:19px;border-bottom:2px solid var(--pine)}.draft-mark{color:var(--orange);font-size:19px}.draft-heading{padding:30px 0 23px}.draft-heading span,.draft-row span{font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:var(--muted)}.draft-heading strong{display:block;font:800 clamp(45px,4vw,68px)/.98 'Barlow Condensed',sans-serif;text-transform:uppercase;margin-top:5px}.draft-row{padding:16px 0;border-top:1px solid #b3c3b9}.draft-row strong{font-size:16px;text-align:right}.draft-approval{margin-top:18px;padding:18px;background:var(--pine);color:var(--paper-bright);font-size:14px;font-weight:600}.draft-approval button{padding:12px 14px;border:0;border-radius:2px;background:var(--orange);color:var(--pine-deep);font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}.draft-approval button:hover{background:#ff986a}.draft-approval button:disabled{cursor:default;background:#cbe6cd}.draft-foot{font-size:11px;color:var(--muted);padding-top:19px;line-height:1.2}.draft-foot span:last-child{font:700 10px 'Barlow Condensed',sans-serif;letter-spacing:.12em;white-space:nowrap}.art-caption{position:absolute;z-index:1;bottom:-5px;right:0;font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.15em;color:#c4d5c7}
.section-pad{padding:105px max(5vw,24px)}.section-index{font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.16em;margin:0 0 30px;color:var(--muted)}h2{font-size:clamp(56px,6vw,88px);line-height:.94;text-transform:uppercase}.section-heading{margin-bottom:54px}
.demo-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;align-items:center;background:var(--paper)}.demo-section .section-heading{margin:0}.video-slot{min-height:460px;aspect-ratio:16/9;background:var(--pine-deep);color:var(--paper-bright);position:relative;display:grid;place-items:center;padding:40px;overflow:hidden}.video-slot:before{content:"";position:absolute;width:85%;aspect-ratio:1;border:1px solid #46645b;border-radius:50%;top:-70%;left:7%}.video-slot:after{content:"";position:absolute;width:60%;aspect-ratio:1;border:1px solid #46645b;border-radius:50%;top:-45%;left:20%}.video-slot-inner{position:relative;z-index:1;max-width:400px;text-align:center}.video-play{width:88px;height:88px;border:1px solid #d9e6d8;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;color:var(--orange)}.video-play svg{width:36px;height:36px;margin-left:4px}.video-slot-inner strong{display:block;font:800 43px/.98 'Barlow Condensed',sans-serif}.video-slot-inner p{font-size:16px;max-width:330px;margin:16px auto 0;color:#d6e1d4}.video-corner{position:absolute;font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.14em;color:#b6cbbd}.video-corner-top{top:28px;left:30px}.video-corner-bottom{bottom:28px;right:30px}
.about{background:var(--paper-bright);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.about-copy h2{margin-bottom:30px}.about-copy>p:not(.section-index){font-size:clamp(21px,2vw,29px);line-height:1.36;max-width:610px;margin:0 0 38px}
.offer{background:var(--pine);color:var(--paper-bright);display:flex;justify-content:space-between;align-items:end;gap:5vw}.offer .section-index{color:#b8d0c3}.offer h2{font-size:clamp(58px,6vw,92px)}.offer h2 span{color:var(--orange)}.offer p:not(.section-index){max-width:680px;font-size:23px;line-height:1.38;margin:30px 0 0}.offer-action{flex:none;display:flex;flex-direction:column;gap:12px;max-width:360px}.offer-action small{font-size:13px;color:#c3d5c9}
footer{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:35px max(5vw,24px);background:var(--pine-deep);color:#c8d8ca;font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.1em}.footer-brand{color:var(--paper-bright);font-size:26px;text-decoration:none;letter-spacing:-.01em}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(58px,7vw,80px)}.hero-art{padding-left:0}.draft-sheet{padding:24px}.draft-approval{flex-wrap:wrap}.demo-section{grid-template-columns:1fr}.video-slot{min-height:420px}.offer{align-items:start;flex-direction:column}}
@media(max-width:700px){body{font-size:16px}.site-header{height:76px}.wordmark{font-size:21px}.wordmark-icon{width:22px;height:22px}.wordmark-icon:after{bottom:-8px;left:-7px;width:30px}nav{gap:16px;font-size:13px}.header-location{display:none}.hero{display:block;min-height:0;padding-top:58px;padding-bottom:57px}.hero h1{font-size:clamp(56px,12vw,82px)}.hero-intro{font-size:20px;max-width:500px;margin:28px 0}.hero-actions{align-items:flex-start;gap:18px}.hero-art{padding:57px 0 25px}.hero-art:before{right:-40vw}.hero-art:after{right:-25vw}.draft-sheet{transform:rotate(1deg);max-width:500px}.art-caption{bottom:0}.section-pad{padding:77px 24px}h2{font-size:clamp(51px,11vw,73px)}.section-heading{margin-bottom:42px}.video-slot{min-height:320px;aspect-ratio:auto;padding:55px 24px}.about{grid-template-columns:1fr;gap:48px}.offer h2{font-size:clamp(56px,11vw,76px)}.offer p:not(.section-index){font-size:20px}footer{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:400px){.site-header{padding-right:18px;padding-left:18px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:55px}.button{width:100%;font-size:16px;gap:10px}.draft-sheet{padding:18px}.draft-heading strong{font-size:46px}.draft-approval{padding:14px}.draft-foot{flex-wrap:wrap}.section-pad{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.button{text-decoration:none}

.site-header nav{gap:clamp(14px,2vw,38px)}
.hero h1{font-size:clamp(60px,5.8vw,92px)}
.hero-intro{max-width:610px}
.draft-foot{font-size:12px}
.draft-foot span:last-child{font-size:12px}

.demo-section{display:block}
.demo-section .section-heading{margin-bottom:42px}
.video-slot{min-height:0;aspect-ratio:16/9}
.video-slot-inner strong{font-size:clamp(45px,5vw,76px)}
.video-slot-inner p{font-size:18px}

.moments{background:var(--paper-bright)}
.moments-heading{display:flex;justify-content:space-between;align-items:end;gap:5vw;margin-bottom:65px}
.moments-heading h2{max-width:800px}
.moments-heading h2 em{font-style:normal;color:var(--orange-dark)}
.moments-heading p{max-width:290px;margin:0 0 5px;font-size:20px;line-height:1.35;color:var(--muted)}
.moment-list{border-top:2px solid var(--pine)}
.moment{display:grid;grid-template-columns:160px minmax(0,1fr);gap:4vw;align-items:start;padding:30px 0 34px;border-bottom:1px solid var(--line)}
.moment:nth-child(2){background:var(--paper);margin-inline:-24px;padding-inline:24px}
.moment-type{padding-top:9px;color:var(--orange-dark);font:700 15px 'Barlow Condensed',sans-serif;letter-spacing:.06em}
.moment h3{font:700 clamp(30px,3.3vw,52px)/1.03 'Barlow Condensed',sans-serif;letter-spacing:-.012em}
.moment p{font-size:clamp(18px,1.55vw,22px);line-height:1.34;color:var(--muted);margin:11px 0 0;max-width:760px}

.quote-care{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;background:var(--paper)}
.quote-care h2 em{font-style:normal;color:var(--orange-dark)}
.quote-care-heading p{max-width:450px;margin:27px 0 0;font-size:21px;line-height:1.35;color:var(--muted)}
.quote-care-list{border-top:2px solid var(--pine)}
.quote-care-list>div{padding:23px 0 27px;border-bottom:1px solid var(--line)}
.quote-care-list h3{font:700 clamp(29px,2.6vw,38px)/1.05 'Barlow Condensed',sans-serif}
.quote-care-list p{max-width:600px;margin:9px 0 0;font-size:18px;line-height:1.4;color:var(--muted)}

.process{background:var(--pine-deep);color:var(--paper-bright)}
.process h2{max-width:950px}
.process h2 span{color:var(--orange)}
.process p{max-width:850px;margin:32px 0 0;font-size:clamp(21px,2vw,28px);line-height:1.38;color:#d5e1d7}

.portrait{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:14px solid var(--paper)}
.about{gap:6vw;padding-top:88px;padding-bottom:88px}
.team-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.team-photos figure{min-width:0;margin:0}
.team-photos .portrait{border-width:8px}
.team-photos figcaption{margin-top:9px;font:700 15px 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:var(--muted)}
.about-copy h2{font-size:clamp(48px,4.9vw,72px);margin-bottom:22px}
.about-copy>p:not(.section-index){font-size:clamp(19px,1.6vw,24px);line-height:1.4;margin-bottom:25px}
.about-contacts{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid var(--line);padding:12px 0 20px}
.about-contacts a{display:inline-flex;align-items:center;gap:10px;min-height:44px;border-bottom:1px solid var(--line);font-size:15px;font-weight:600;text-decoration:none}
.about-contacts a:hover{text-decoration:underline}
.about-contacts strong{font-weight:700}
.about-copy>p:not(.section-index){max-width:640px}
.offer p:not(.section-index){max-width:740px}
.offer-action{max-width:none}

.faq{background:var(--paper-bright);display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw}
.faq .section-heading{margin:0}
.faq h2 span{color:var(--orange-dark)}
.faq-list{border-top:2px solid var(--pine)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;padding:27px 54px 27px 0;position:relative;font:700 clamp(27px,2.35vw,38px)/1.08 'Barlow Condensed',sans-serif}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"";position:absolute;right:8px;top:50%;width:17px;height:17px;border-right:3px solid var(--orange-dark);border-bottom:3px solid var(--orange-dark);transform:translateY(-70%) rotate(45deg)}
.faq-list details[open] summary:after{transform:translateY(-20%) rotate(225deg)}
.faq-list p{margin:0 0 28px;max-width:640px;font-size:18px;line-height:1.45;color:var(--muted)}

@media(max-width:1000px){
  .site-header nav{gap:16px}
  .hero h1{font-size:clamp(55px,6.2vw,75px)}
  .moments-heading{display:block}
  .moments-heading p{max-width:620px;margin-top:26px}
  .quote-care{grid-template-columns:1fr;gap:40px}
  .about{grid-template-columns:1fr;gap:28px}
  .team-photos{max-width:560px}
  .faq{grid-template-columns:1fr}
  .faq .section-heading{margin-bottom:34px}
}
@media(max-width:700px){
  .site-header{height:auto;min-height:0;flex-wrap:wrap;padding-top:16px}
  .site-header nav{width:100%;justify-content:space-between;gap:10px;margin-top:12px;border-top:1px solid #557269}
  .site-header nav a,.site-header nav a:last-child{display:flex;align-items:center;min-height:44px;font-size:14px;white-space:nowrap}
  .hero{padding-top:49px}
  .hero h1{font-size:clamp(52px,10vw,69px)}
  .hero-intro{font-size:19px}
  .demo-link{display:inline-flex;align-items:center;min-height:44px}
  .video-slot{min-height:370px;aspect-ratio:auto}
  .moments-heading{margin-bottom:42px}
  .moments-heading p,.quote-care-heading p{font-size:18px}
  .moment{grid-template-columns:1fr;gap:5px;padding:24px 0 28px}
  .moment-type{padding-top:0}
  .moment h3{font-size:clamp(31px,8vw,43px)}
  .moment p{font-size:18px}
  .quote-care{gap:36px}
  .quote-care-list h3{font-size:32px}
  .process p{font-size:20px}
  .about{gap:32px;padding-top:72px;padding-bottom:72px}
  .team-photos{max-width:none;gap:12px}
  .team-photos .portrait{border-width:7px}
  .about-copy h2{font-size:clamp(50px,10vw,68px)}
  .faq-list summary{font-size:30px}
}
@media(max-width:400px){
  .hero h1{font-size:49px}
  .moment:nth-child(2){margin-inline:-18px;padding-inline:18px}
}

.hero{min-height:0;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:4vw;padding-top:52px;padding-bottom:58px}
.hero-category{font-size:21px;font-weight:600;line-height:1.28;color:var(--paper-bright);margin:0 0 20px}
.hero h1{font-size:clamp(58px,5.25vw,82px)}
.hero-intro{font-size:clamp(18px,1.45vw,21px);line-height:1.4;max-width:620px;margin:25px 0 28px}
.hero-art{padding-top:0}
.draft-sheet{padding:24px 28px 18px}
.draft-sheet-head{padding-bottom:14px}
.draft-heading{padding:19px 0 15px}
.draft-heading strong{font-size:clamp(43px,3.7vw,57px)}
.example-steps{list-style:none;margin:0;padding:0}
.example-steps li,.example-result{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px;align-items:start;border-top:1px solid #b3c3b9;padding:12px 0}
.example-steps span,.example-result span{font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.1em;color:var(--muted)}
.example-steps p,.example-result p{font-size:15px;font-weight:600;line-height:1.28;margin:0}
.example-steps strong,.example-result strong{display:block;font-size:15px;line-height:1.25;margin-bottom:5px}
.draft-approval{display:block;margin-top:2px;padding:14px 16px}
.approval-channel{display:block;color:#b8d0c3;font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.1em}
.draft-approval p{font-size:16px;line-height:1.3;margin:8px 0 12px;max-width:390px}
.draft-approval-action{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}
.example-result{padding:15px 0 0}
.example-result small{display:block;font-size:13px;color:var(--muted);margin-top:8px}
.draft-foot{padding-top:14px}
.moment-type{color:#a64217}

@media(max-width:1000px){
  .hero{display:block;padding-top:50px;padding-bottom:65px}
  .hero-copy{max-width:680px}
  .hero h1{font-size:clamp(58px,8vw,82px)}
  .hero-art{max-width:580px;margin:0 auto;padding-top:64px}
}
@media(max-width:700px){
  .hero{padding-top:37px;padding-bottom:53px}
  .hero-category{font-size:18px;margin-bottom:17px}
  .hero h1{font-size:clamp(48px,11vw,68px)}
  .hero-intro{font-size:18px;line-height:1.4;margin:22px 0 23px}
  .hero-art{padding-top:54px}
  .draft-sheet{padding:22px}
  .example-steps li,.example-result{grid-template-columns:100px minmax(0,1fr)}
}
@media(max-width:400px){
  .hero h1{font-size:clamp(43px,12vw,48px)}
  .draft-sheet{padding:18px}
  .example-steps li,.example-result{grid-template-columns:1fr;gap:3px}
  .example-steps p,.example-result p{font-size:15px}
}