html.d130-home{--color-bg:#fff;--color-text:#182c36;--color-surface:#f8fafa;--muted:#657270;--color-divider:#e3ebea;--spot:#236b70;--spot-700:#1b555d;--spot-soft:#e4efed;--font-heading:Arial,Helvetica,sans-serif;scroll-behavior:smooth;scroll-padding-top:100px}
.d130-home body{font-family:Arial,Helvetica,sans-serif;font-size:16px;background:#fff;color:#182c36}
.d130-home h1,.d130-home h2,.d130-home h3{font-family:Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:-.055em}.d130-home em{font-family:'Source Serif 4',Georgia,serif;font-weight:400;color:#236b70;letter-spacing:-.055em}
.d130-home .site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #eaf1ef}.d130-home .nav{min-height:80px;width:min(1240px,calc(100% - 80px));gap:24px}.d130-home .nav-brand{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:25px;letter-spacing:-1.5px}.d130-home .nav-links{gap:27px}.d130-home .nav-link{font-size:14px}.d130-home .btn{font-size:14px;border-radius:8px;padding:13px 20px;min-height:46px;font-weight:500;transition:transform .2s,box-shadow .2s,background .2s}.d130-home .btn-primary{background:#236b70;border:1px solid #236b70;box-shadow:0 3px 0 #15464e,0 5px 10px #3ebba21a;color:white}.d130-home .btn-primary:hover{background:#1b555d;transform:translateY(-2px);box-shadow:0 5px 0 #15464e,0 10px 18px #3ebba220}.d130-home .btn-primary:active{transform:translateY(2px);box-shadow:0 1px 0 #15464e}.d130-home .nav-signin{border:0;padding-inline:4px}.d130-home .btn span{margin-left:14px}.d130-home .site-footer{background:#fff}.d130-home .footer-fine{font-size:12px}.d130-home .footer-links a,.d130-home .footer-legal button{font-size:13px}
.d-shell{width:min(1240px,calc(100% - 80px));margin-inline:auto}.d-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;line-height:1.5;margin:0;color:#5d6c66}.d-small{font-size:12px;color:#6a7d79;line-height:1.65;margin:0}.d-text-link{font-size:14px;color:#364643;text-underline-offset:6px;white-space:nowrap}.d-text-link:hover{color:#236b70}.d-section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e2ecea;padding:24px 0 46px}.d-heading-row{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.d-heading-row h2{margin:0;font-size:clamp(36px,4vw,54px);line-height:1.08}.d-heading-row>p{font-size:16px;color:#6d7c79;line-height:1.6;margin:0 0 5px}.d-heading-row>.d-text-link{margin-bottom:8px}
.d-products{padding-top:24px;padding-bottom:65px}.d-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.d-product{font:inherit;text-align:left;border:1px solid #e3edeb;border-radius:12px;background:linear-gradient(150deg,#fff 30%,#eff6f1);padding:20px 24px 0;color:inherit;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.d-product:hover{transform:translateY(-6px);box-shadow:0 14px 24px #246b5d10}.d-product[aria-pressed=true]{border-color:#236b70;box-shadow:0 3px 0 #236b70}.d-product-top{display:flex;justify-content:space-between;font-size:11px;color:#829390}.d-product-title{display:block;font-size:23px;letter-spacing:-.8px;line-height:1.2;margin-top:18px}.d-product-sub{display:block;font-size:12px;margin:10px 0 23px;color:#778884}.d-product-foot{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid #e3edeb;font-size:12px;color:#708480}.d-object{height:120px;width:140px;display:block;position:relative;margin:16px auto 0;transition:transform .45s}.d-product:hover .d-object{transform:rotate(-7deg) translateY(-4px)}.d-canopy{position:absolute;top:10px;left:10px;width:120px;height:60px;border-radius:120px 120px 4px 4px;background:linear-gradient(110deg,#96dcce,#236b70 60%,#329883);box-shadow:inset -20px 0 0 #37a48e33,0 12px 24px #07756c18;transform:rotate(-12deg)}.d-canopy:after{content:'';position:absolute;inset:0 35px;border-radius:60px 60px 0 0;border-inline:1px solid #bbe8df88}.d-handle{position:absolute;top:67px;left:74px;width:23px;height:46px;border-right:4px solid #236b70;border-bottom:4px solid #236b70;border-left:4px solid #236b70;border-radius:0 0 15px 15px;transform:rotate(-12deg)}.d-handle:before{content:'';height:14px;width:6px;background:#f2f7f3;position:absolute;left:-5px;top:-1px}.d-stairs{display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;transform:skewY(-10deg)}.d-stairs i{width:28px;background:linear-gradient(90deg,#9dded1,#58c7b1);box-shadow:8px -6px 0 #39aa94}.d-stairs i:nth-child(1){height:32px}.d-stairs i:nth-child(2){height:54px}.d-stairs i:nth-child(3){height:76px}.d-stairs i:nth-child(4){height:98px}.d-flower{width:116px;height:120px;transform:rotate(-12deg)}.d-flower i{position:absolute;width:58px;height:58px;border-radius:60% 60% 20% 60%;background:linear-gradient(120deg,#95dcce,#236b70);box-shadow:inset -5px -5px 15px #3194811c}.d-flower i:nth-child(1){top:0;left:0}.d-flower i:nth-child(2){top:0;right:0;transform:rotate(90deg)}.d-flower i:nth-child(3){bottom:4px;right:0;transform:rotate(180deg)}.d-flower i:nth-child(4){bottom:4px;left:0;transform:rotate(270deg)}.d-flower b{width:22px;height:22px;border-radius:50%;position:absolute;left:47px;top:47px;background:#f3f8f7;box-shadow:0 3px 10px #31927f30}.d-product-answer{display:flex;align-items:center;gap:17px;padding:26px 4px 0}.d-product-answer p{font-size:13px;flex:1;margin:0;color:#6a7d79}.d-product-answer strong{color:#304440;font-weight:500}.d-product-answer a{font-size:12px}
.d-calculator{padding-bottom:86px}.d-calc-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding:10px 5% 25px 0}.d-calc-copy h2{font-size:clamp(36px,4vw,54px);line-height:1.08;margin:0 0 24px}.d-calc-copy>p{color:#6d7c79;font-size:15px}.d-premium-label{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:38px}.d-premium-label label{font-size:13px;color:#70837f}.d-premium-label strong{font-weight:500;font-size:28px;letter-spacing:-1px}.d-calculator input[type=range]{width:100%;height:38px;margin:14px 0 0;accent-color:#236b70;cursor:ew-resize}.d-range-labels{display:flex;justify-content:space-between;color:#8e9e9b;font-size:11px;margin-bottom:24px}.d-calc-copy .d-small{font-size:11px;max-width:360px}.d-receipt-wrap{padding:16px 20px 35px;position:relative;perspective:1000px}.d-receipt{position:relative;background:#fff;padding:27px 30px 30px;border:1px solid #e4eceb;box-shadow:0 25px 60px #2267590d,0 5px 12px #22675908;transform:rotate(3deg);transition:transform .4s}.d-receipt:hover{transform:rotate(0)}.d-receipt:before{content:'';position:absolute;top:-13px;left:37%;width:90px;height:25px;background:#d0f0e970;transform:rotate(-7deg);backdrop-filter:blur(3px)}.d-receipt:after{content:'';position:absolute;left:-1px;right:-1px;bottom:-9px;height:10px;background:linear-gradient(135deg,#fff 25%,transparent 25%) -5px 0/10px 10px,linear-gradient(225deg,#fff 25%,transparent 25%) -5px 0/10px 10px}.d-receipt-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:23px;border-bottom:1px dashed #cfdcd9;font-size:18px;letter-spacing:-.7px}.d-receipt-head b{color:#236b70;font-weight:500}.d-receipt-head .d-small{font-size:8px;letter-spacing:1px}.d-receipt-label{font-size:12px;color:#7b8f8b;margin-top:25px}.d-big-result{font-size:64px;letter-spacing:-4px;line-height:1.2;margin:5px 0 28px;color:#236b70}.d-receipt-line{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#71827f}.d-receipt-line strong{font-weight:500;color:#304843}.d-bar-track{background:#f2f7f6;height:5px;border-radius:3px;margin:10px 0 19px;overflow:hidden}.d-bar-track span{height:100%;width:20%;display:block;background:#236b70;transition:width .25s}.d-bar-other span{background:#bed0cc;width:12.3%}.d-receipt-total{border-top:1px dashed #d1dfdc;padding-top:20px;margin-top:26px;display:flex;justify-content:space-between;font-size:13px;align-items:center}.d-receipt-total strong{font-size:27px;font-weight:500;letter-spacing:-1px}.d-receipt-seal{border:1px solid #94dccd;outline:1px solid #bee9e1;outline-offset:4px;width:57px;height:57px;border-radius:50%;font-size:20px;color:#6bceba;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.1;transform:rotate(-15deg);margin:22px 0 15px}.d-receipt-seal small{font-size:7px;letter-spacing:1px;margin-top:3px}.d-receipt-fine{font-size:9px;color:#8fa09c;line-height:1.6;max-width:250px;margin:0}.d-pencil-note{position:absolute;bottom:-8px;right:10px;font-family:'Source Serif 4',Georgia,serif;font-style:italic;color:#64cbb7;font-size:17px;transform:rotate(-6deg)}
.d-benefits{padding-bottom:80px}.d-benefit-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center}.d-benefit-options button{font:inherit;text-align:left;width:100%;border:0;border-bottom:1px solid #e7efed;background:#fff;color:#283c38;padding:22px 9px;display:flex;gap:18px;align-items:center;transition:padding .2s,background .2s}.d-benefit-num{font-size:10px;color:#a6b6b3;align-self:flex-start;margin-top:4px}.d-benefit-options strong{display:block;font-size:18px;font-weight:500;letter-spacing:-.5px}.d-benefit-options small{display:block;font-size:12px;color:#869693;line-height:1.5;margin-top:5px}.d-benefit-options button[aria-pressed=true]{background:#f2f7f3;padding-left:16px;box-shadow:inset 3px 0 #236b70}.d-benefit-options button[aria-pressed=true] strong{color:#236b70}
.d-process{padding-bottom:85px}.d-process-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.d-steps button{display:flex;align-items:center;gap:20px;width:100%;padding:25px 12px;font:inherit;border:0;border-bottom:1px solid #e6efed;background:#fff;text-align:left;color:#7b918d}.d-steps button span{font-family:'Source Serif 4',Georgia,serif;font-size:26px;color:#a5beb9}.d-steps button strong{font-size:17px;font-weight:500;letter-spacing:-.5px}.d-steps button i{font-style:normal;margin-left:auto}.d-steps button[aria-pressed=true]{color:#236b70}.d-steps button[aria-pressed=true] span{color:#236b70}.d-step-checklist{display:flex;flex-wrap:wrap;gap:9px 19px;font-size:11px;color:#4bc3ab}
.d-closing{padding:60px 0 0;text-align:center;border-top:1px solid #e5efed;overflow:hidden}.d-closing h2{font-size:clamp(50px,6vw,80px);line-height:1.03;margin:24px 0 28px}.d-closing .d-small{margin-top:23px}

@media(max-width:1000px){.d130-home .nav-links{gap:16px}.d130-home .nav{gap:14px}.d-shell{width:calc(100% - 48px)}.d130-home .nav{width:calc(100% - 48px)}.d-product-title{font-size:20px}.d-product{padding-inline:18px}.d-product-grid{gap:14px}.d-calc-layout{gap:5%;padding-right:0}.d-receipt{padding:24px}.d-benefit-layout{gap:4%}}
@media(max-width:800px){.d130-home .nav{min-height:70px}.d130-home .nav-links{background:#fff}.d130-home .nav-links.open{padding:20px 24px}.d-heading-row h2,.d-calc-copy h2{font-size:43px}.d-heading-row>p{font-size:14px}.d-section-top>.d-small{max-width:220px;text-align:right}.d-product-grid{gap:12px}.d-product-title{font-size:18px;min-height:44px}.d-product-sub{font-size:10px}.d-product-foot{font-size:10px}.d-object{transform:scale(.85);margin-block:0}.d-product:hover .d-object{transform:scale(.85) rotate(-5deg)}.d-calc-layout{grid-template-columns:1fr 1fr;gap:15px}.d-receipt-wrap{padding:15px 8px 30px}.d-big-result{font-size:52px}.d-benefit-layout{grid-template-columns:1fr 1.1fr}.d-benefit-options strong{font-size:16px}.d-benefit-options button{padding:18px 4px;gap:10px}.d-process-layout{gap:25px}.d-steps button{gap:12px}.d-steps button strong{font-size:15px}}
@media(max-width:600px){.d-shell{width:calc(100% - 36px)}.d130-home .nav{width:calc(100% - 36px)}.d-products{padding-top:12px;padding-bottom:48px}.d-section-top{padding:19px 0 30px;align-items:start}.d-section-top>.d-small{font-size:9px;max-width:145px}.d-eyebrow{font-size:8px;letter-spacing:1.1px}.d-heading-row{flex-direction:column;gap:18px;align-items:start;margin-bottom:28px}.d-heading-row h2,.d-calc-copy h2{font-size:39px}.d-heading-row>p{font-size:13px}.d-product-grid{grid-template-columns:1fr;gap:16px}.d-product{min-height:184px;padding:17px 20px 0}.d-product-top{font-size:10px}.d-object{position:absolute;right:15px;top:12px;margin:0;transform:scale(.7);transform-origin:right center}.d-product:hover .d-object{transform:scale(.7) rotate(-6deg)}.d-product-title{min-height:0;font-size:23px;max-width:190px;margin:18px 0 7px}.d-product-sub{font-size:11px;margin:0 0 22px;max-width:175px}.d-product-foot{font-size:11px;padding:11px 0}.d-product-answer{flex-wrap:wrap;gap:12px;padding-top:24px}.d-product-answer p{font-size:12px}.d-calc-layout{grid-template-columns:1fr;gap:30px;padding:0}.d-calc-copy>p{font-size:14px}.d-premium-label{margin-top:27px}.d-calculator{padding-bottom:65px}.d-receipt-wrap{max-width:390px;width:100%;margin:auto;padding:10px 25px 30px}.d-big-result{font-size:62px}.d-benefit-layout{grid-template-columns:1fr;gap:30px}.d-benefit-options button{padding:17px 8px}.d-benefit-options small{font-size:11px}.d-benefit-options strong{font-size:17px}.d-benefits{padding-bottom:55px}.d-process-layout{grid-template-columns:1fr;gap:25px}.d-steps button{padding:18px 6px}.d-process{padding-bottom:50px}.d-closing{padding-top:45px}.d-closing h2{font-size:54px}.d130-home .site-footer .container{width:calc(100% - 36px)}.d130-home .footer-top{gap:15px}.d130-home .footer-links{gap:4px 16px}.d130-home .footer-fine{font-size:11px}.d130-home .footer-links a,.d130-home .footer-legal button{font-size:12px}}
@media(prefers-reduced-motion:reduce){html.d130-home{scroll-behavior:auto}.d130-home *{animation:none!important;transition:none!important}}


@media(max-width:600px){.d-product-title,.d-product-sub{max-width:calc(100% - 94px)}.d-product-answer p{flex-basis:100%}}
@media(max-width:360px){.d-product-title{font-size:21px}.d-object{transform:scale(.6)}.d-product:hover .d-object{transform:scale(.6) rotate(-6deg)}}

/* Direct130 offer and approval hierarchy. */
.d-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center;text-align:left;padding-block:62px 48px;overflow:visible}
.d-section-top{padding:22px 0 32px}.d-heading-row{margin-bottom:30px}.d-heading-row>p{max-width:48ch;font-size:15px;color:#4a5c56}.d-heading-row h2,.d-calc-copy h2{font-size:clamp(34px,3.5vw,48px)}
.d-fit{padding-bottom:44px}.d-fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.d-fit-grid article{padding:23px 0;border-top:2px solid #e4eeec}.d-fit-number{font-size:12px;color:#236b70;font-weight:600}.d-fit-grid h3{font-size:24px;margin:16px 0 10px}.d-fit-grid p{font-size:14px;color:#4a5c56;line-height:1.7;margin:0}
.d-fit-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;background:#f8fafa;border-radius:8px;padding:18px 22px;font-size:13px;color:#506e68}.d-fit-note strong{font-weight:600;color:#273e39}.d-fit-note .d-text-link{margin-left:auto;font-size:13px}
.d-products{padding-top:0;padding-bottom:38px}.d-product-title{font-size:22px}.d-product-sub{color:#52645f}.d-object{height:100px;transform:scale(.85);margin-top:0}.d-product:hover .d-object{transform:scale(.85) rotate(-5deg)}
.d-calculator{padding-bottom:50px}.d-calc-layout{gap:8%;padding:0 3% 20px 0}.d-calc-copy>p{color:#4a5c56}.d-compare-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 8px;font-size:14px;color:#3e5b55}.d-compare-label>span{display:flex;align-items:center;gap:8px}.d-compare-label input{width:90px;min-height:46px;padding:10px 12px;border:1px solid #bbceca;border-radius:7px;background:#fff;color:#194c42;font:inherit;text-align:right}.d-compare-label input[aria-invalid=true]{border-color:#a02d2d}.d-calc-copy .d-small{font-size:12px;color:#52645f;max-width:55ch}.d-calc-disclosure{margin-top:18px}.d-receipt{transform:rotate(1deg)}.d-receipt-fine{font-size:11px;color:#627c77}.d-receipt-seal{display:none}.d-receipt-total{margin-bottom:18px}.d-pencil-note{display:none}
.d-benefits{padding-bottom:48px}.d-benefit-options small{color:#52645f}
.d-process{padding-bottom:44px}.d-review-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0 0;padding-top:22px;border-top:1px solid #d1e2db}.d-review-facts dt{font-size:12px;font-weight:700;color:#24685a;margin-bottom:9px}.d-review-facts dd{margin:0;font-size:13px;color:#49645b;line-height:1.65}
.d-next-path{padding-top:18px;border-top:1px solid #e1ecea}.d-next-path h3{font-size:24px;margin:5px 0 20px}.d-next-path ol{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0;gap:12px}.d-next-path li{border-top:2px solid #afe4da;padding-top:13px;font-size:14px;color:#256457;line-height:1.5}.d-next-path li span{display:block;font-size:10px;color:#6d918a;margin-bottom:6px}.d-next-path p{font-size:13px;line-height:1.7;color:#52645f;margin-top:18px}
.d-closing{padding-top:38px}.d-closing h2{font-size:clamp(38px,4.8vw,64px);margin:20px 0 24px}
@media(max-width:1000px){.d-heading-row{align-items:start}.d-heading-row>p{max-width:40ch}.d-fit-grid{gap:20px}.d-fit-grid h3{font-size:22px}}
@media(max-width:800px){.d-fit-grid{gap:20px}.d-heading-row{flex-direction:column;gap:18px}.d-heading-row>p{max-width:65ch}.d-fit-note .d-text-link{margin-left:0}.d-review-facts{grid-template-columns:1fr;gap:18px}.d-next-path ol{gap:8px}.d-next-path li{font-size:12px}}
@media(max-width:600px){.d-section-top{padding:18px 0 25px}.d-section-top>.d-small{font-size:11px}.d-heading-row h2,.d-calc-copy h2{font-size:34px}.d-heading-row>p{font-size:14px}.d-fit-grid{grid-template-columns:1fr;gap:0}.d-fit-grid article{display:grid;grid-template-columns:28px 1fr;column-gap:12px;padding:19px 0;border-top-width:1px}.d-fit-number{padding-top:4px}.d-fit-grid h3{margin:0 0 8px;font-size:22px}.d-fit-grid p{grid-column:2;font-size:13px}.d-fit-note{padding:16px}.d-fit{padding-bottom:30px}.d-products{padding-bottom:30px}.d-product{min-height:165px}.d-product-title{font-size:22px}.d-product-sub{font-size:12px;line-height:1.5}.d-object{transform:scale(.65);top:8px}.d-product:hover .d-object{transform:scale(.65) rotate(-5deg)}.d-product-foot{font-size:12px}.d-calculator{padding-bottom:36px}.d-calc-layout{padding:0}.d-receipt-wrap{padding:10px 15px 15px}.d-big-result{font-size:54px}.d-process{padding-bottom:32px}.d-next-path ol{grid-template-columns:1fr;gap:0}.d-next-path li{border-top:0;border-left:2px solid #cdeee8;display:flex;align-items:center;gap:16px;padding:10px 0 10px 16px;font-size:14px}.d-next-path li span{margin:0}.d-benefits{padding-bottom:32px}.d-closing{padding-top:30px}.d-closing h2{font-size:42px}}


/* Editorial hero: the offer is the visual, with its qualification kept adjacent. */
.d-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: 54px 64px;
  align-items: center;
  padding-block: 72px 30px;
  text-align: left;
}
.d-hero-copy { min-width: 0; }
.d-hero .d-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #3e5b55;
  font-size: 10px;
  letter-spacing: 1.8px;
}
.d-hero .d-eyebrow::before { content: ''; width: 26px; height: 2px; background: #236b70; }
.d-hero h1 { font-size: clamp(50px, 5.35vw, 78px); line-height: 1.04; letter-spacing: -.065em; margin: 30px 0 28px; }
.d-hero h1 em { letter-spacing: -.065em; }
.d-intro { max-width: 47ch; margin: 0 0 32px; color: #4a5c56; font-size: 16px; line-height: 1.75; }
.d-hero .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 26px; margin: 0; }
.d-hero .hero-actions .btn { padding: 16px 23px; border-radius: 5px; box-shadow: none; }
.d-hero-offer {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 34px 36px 30px;
  background: #0b1830;
  color: #fff;
  border-top: 4px solid #236b70;
}
.d-offer-label { margin: 0 0 26px; color: #c4d4d8; font-size: 10px; font-weight: 600; letter-spacing: 2px; line-height: 1.5; }
.d-offer-statement { margin: 0; }
.d-offer-statement strong { display: block; white-space: nowrap; font-size: clamp(110px, 11.5vw, 166px); font-weight: 500; line-height: .95; letter-spacing: -.085em; }
.d-offer-statement strong span { display: inline-block; vertical-align: top; font-size: .37em; letter-spacing: -.05em; line-height: 1.2; margin: .1em 0 0 .12em; color: #7ec1b2; }
.d-offer-qualifier { display: block; font-family: 'Source Serif 4', Georgia, serif; font-size: 27px; line-height: 1.25; letter-spacing: -.025em; margin-top: 13px; }
.d-offer-categories { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; margin: 24px 0 22px; color: #d8e4e5; font-size: 12px; line-height: 1.5; }
.d-offer-categories span { color: #94b8b6; }
.d-entry-note { border-top: 1px solid #435969; padding-top: 18px; margin: 0; color: #c4d4d8; font-size: 11px; line-height: 1.7; max-width: 47ch; }
.d-hero-base { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 32px; border-top: 1px solid #e2ecea; padding-top: 26px; }
.d-fit-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px; padding: 0; margin: 0; list-style: none; color: #3e5c56; font-size: 13px; line-height: 1.5; }
.d-fit-strip li { display: flex; align-items: center; gap: 12px; }
.d-fit-strip li > span { font-size: 10px; color: #236b70; }
.d-hero-caption { margin: 0; color: #5d6c66; font-size: 9px; line-height: 1.6; letter-spacing: 1.6px; text-align: right; }
@media (max-width: 1100px) {
  .d-hero { gap: 38px 34px; padding-top: 54px; }
  .d-hero h1 { font-size: clamp(48px, 5.5vw, 60px); }
  .d-hero-offer { padding: 30px 26px 26px; }
  .d-offer-statement strong { font-size: clamp(100px, 11.7vw, 130px); }
  .d-offer-qualifier { font-size: 24px; }
  .d-fit-strip { gap: 14px 22px; font-size: 12px; }
}
@media (max-width: 800px) {
  .d-hero { grid-template-columns: 1fr; gap: 30px; padding-block: 42px 26px; }
  .d-hero h1 { font-size: clamp(49px, 8vw, 64px); margin-block: 25px; }
  .d-intro { max-width: 55ch; }
  .d-hero-offer { display: grid; grid-template-columns: 1.1fr 1fr; column-gap: 28px; align-items: start; padding: 28px; }
  .d-offer-label { grid-column: 1 / -1; margin-bottom: 20px; }
  .d-offer-statement { grid-row: span 2; }
  .d-offer-statement strong { font-size: 116px; }
  .d-offer-qualifier { font-size: 24px; margin-top: 10px; }
  .d-offer-categories { margin: 0 0 16px; gap: 8px; }
  .d-entry-note { padding-top: 14px; }
  .d-hero-base { gap: 20px; padding-top: 22px; }
  .d-hero-caption { display: none; }
  .d-fit-strip { width: 100%; justify-content: space-between; gap: 16px; }
}
@media (max-width: 600px) {
  .d-hero { padding-block: 34px 24px; gap: 28px; }
  .d-hero .d-eyebrow { font-size: 9px; letter-spacing: 1.3px; gap: 10px; }
  .d-hero h1 { font-size: clamp(39px, 10.6vw, 61px); margin-block: 24px; }
  .d-intro { font-size: 14px; line-height: 1.7; margin-bottom: 26px; }
  .d-hero .hero-actions { align-items: center; gap: 21px; }
  .d-hero .hero-actions .d-text-link { font-size: 13px; }
  .d-hero-offer { display: flex; padding: 25px 26px; }
  .d-offer-label { margin-bottom: 20px; font-size: 9px; }
  .d-offer-statement strong { font-size: clamp(110px, 29vw, 150px); }
  .d-offer-qualifier { font-size: 25px; }
  .d-offer-categories { font-size: 11px; margin: 20px 0 18px; gap: 10px; }
  .d-entry-note { font-size: 11px; }
  .d-fit-strip { display: grid; gap: 13px; font-size: 12px; }
  .d-fit-strip li { gap: 14px; }
  .d-hero-base { padding-top: 21px; }
}


/* Review areas disclose their own content in place, with native keyboard support. */
.d-check-guide { color: #52645f; font-size: 14px; line-height: 1.6; margin: -9px 0 22px; }
.d-review-checks { display: grid; gap: 10px; margin-bottom: 22px; }
.d-review-check { border: 1px solid #e0ece9; border-radius: 8px; background: #fff; overflow: clip; }
.d-review-check > summary { display: grid; grid-template-columns: 38px 190px minmax(0, 1fr) 118px; gap: 22px; align-items: center; list-style: none; cursor: pointer; padding: 23px 26px; color: #294b43; }
.d-review-check > summary::-webkit-details-marker { display: none; }
.d-review-check > summary::marker { content: ''; }
.d-review-check > summary:hover { background: #f2f7f3; }
.d-review-check > summary:focus-visible { outline: 3px solid #236b70; outline-offset: -4px; border-radius: 7px; }
.d-check-number { font-size: 12px; color: #236b70; font-variant-numeric: tabular-nums; }
.d-check-name { font-size: 18px; line-height: 1.3; font-weight: 500; letter-spacing: -.4px; }
.d-check-summary { font-size: 13px; line-height: 1.65; color: #536b62; }
.d-check-toggle { display: flex; align-items: center; justify-content: flex-end; gap: 13px; color: #236b70; font-size: 12px; white-space: nowrap; }
.d-check-icon { display: block; position: relative; width: 26px; height: 26px; border: 1px solid #b4d3c9; border-radius: 50%; flex-shrink: 0; }
.d-check-icon::before,.d-check-icon::after { content: ''; position: absolute; top: 11px; left: 7px; width: 10px; height: 2px; background: currentColor; }
.d-check-icon::after { transform: rotate(90deg); }
.d-check-hide { display: none; }
.d-review-check[open] { border-color: #7bb6aa; background: #f6faf7; }
.d-review-check[open] > summary { background: #e4efed; }
.d-review-check[open] .d-check-name { color: #1b555d; }
.d-review-check[open] .d-check-show,.d-review-check[open] .d-check-icon::after { display: none; }
.d-review-check[open] .d-check-hide { display: inline; }
.d-check-body { border-top: 1px solid #d1e2db; margin: 0 26px 0 86px; padding: 26px 0 28px; }
.d-check-body h3 { margin: 0 0 10px; color: #214b40; font-size: 27px; line-height: 1.2; }
.d-check-body > p { margin: 0; max-width: 82ch; color: #49645b; font-size: 14px; line-height: 1.75; }
.d-check-body .d-review-facts { margin-top: 22px; padding-top: 20px; }
@media (max-width: 1100px) {
  .d-review-check > summary { grid-template-columns: 26px 156px minmax(0, 1fr) 106px; gap: 16px; padding: 21px; }
  .d-check-name { font-size: 17px; }
  .d-check-toggle { gap: 10px; }
  .d-check-body { margin-inline: 63px 21px; }
}
@media (max-width: 800px) {
  .d-review-check > summary { grid-template-columns: 28px minmax(0, 1fr) auto; column-gap: 14px; row-gap: 7px; align-items: start; padding: 20px; }
  .d-check-number { grid-column: 1; grid-row: 1 / 3; padding-top: 4px; }
  .d-check-name { grid-column: 2; grid-row: 1; padding-top: 1px; font-size: 18px; }
  .d-check-summary { grid-column: 2; grid-row: 2; }
  .d-check-toggle { grid-column: 3; grid-row: 1 / 3; align-items: center; }
  .d-check-body { margin-inline: 62px 20px; padding-block: 23px; }
  .d-check-body h3 { font-size: 25px; }
}
@media (max-width: 600px) {
  .d-check-guide { font-size: 13px; margin-top: -10px; }
  .d-review-check > summary { padding: 18px 16px; grid-template-columns: 20px minmax(0, 1fr) 26px; gap: 7px 10px; }
  .d-check-toggle .d-check-show,.d-review-check[open] .d-check-toggle .d-check-hide { display: none; }
  .d-check-name { font-size: 17px; }
  .d-check-summary { font-size: 12px; }
  .d-check-body { margin-inline: 16px; padding-block: 21px; }
  .d-check-body h3 { font-size: 24px; }
  .d-check-body > p { font-size: 13px; }
  .d-check-body .d-review-facts { gap: 20px; }
}


/* Teal brand accents and distinct, full-width section surfaces. */
html.d130-home {
  --section-ivory: #fbfaf7;
  --section-gray: #edf0ef;
  --section-tan: #f3ede1;
  --section-sage: #e1eae7;
  --header-surface: #e8e7e0;
  --color-bg: var(--section-ivory);
  --color-surface: #edf0ef;
  --color-divider: #d3dcd5;
  --muted: #52645f;
  --spot: #236b70;
  --spot-700: #1b555d;
  --spot-soft: #e4efed;
}
.d130-home body { background: var(--color-bg); }
.d130-home .site-header {
  background: var(--header-surface);
  border-bottom-color: #c7ccc8;
  box-shadow: 0 2px 10px #293e3210;
}
.d130-home .nav-links.open { background: var(--header-surface); }
.d130-home .btn-primary { background: var(--spot); border-color: var(--spot); box-shadow: 0 3px 0 #15464e,0 5px 10px #123d3814; }
.d130-home .btn-primary:hover { background: var(--spot-700); border-color: var(--spot-700); box-shadow: 0 5px 0 #15464e,0 10px 18px #123d3818; }
.d130-home #main > section.d-shell {
  width: 100%;
  margin-inline: 0;
  padding-inline: max(40px, calc((100% - 1240px) / 2));
  position: relative;
  isolation: isolate;
}
.d130-home #main > section.d-shell:not(.d-hero) { padding-block: 64px; }
.d130-home #main > .d-hero { background: var(--section-ivory); padding-bottom: 40px; }
.d130-home #main > .d-fit { background: var(--section-gray); }
.d130-home #main > .d-products { background: #fffdf9; }
.d130-home #main > .d-calculator { background: var(--section-tan); }
.d130-home #main > .d-process { background: var(--section-gray); }
.d130-home #main > .d-benefits { background: var(--section-ivory); }
.d130-home #main > .a-faq { background: var(--section-tan); }
.d130-home #main > .d-closing { background: var(--section-sage); border-top: 0; padding-bottom: 0; }
.d130-home #main > section.d-shell > .d-section-top { border-top: 0; padding-top: 0; }
.d-fit-grid article { border-top-color: #adc3c1; }
.d-fit-note { background: #ffffffb3; border: 1px solid #d7e0d9; }
.d-product { background: linear-gradient(150deg,#fff 30%,#eef5ef); }
.d-receipt-wrap { isolation: isolate; }
.d-review-check { background: #fff; border-color: #cbd8d0; }
.d-review-check[open] { background: #f8fbf8; border-color: #7eaaa7; }
.d-review-check[open] > summary { background: #dfedeb; }
.d-review-check > summary:hover { background: #edf6ef; }
.d-check-body { border-top-color: #c9ddda; }
.d-check-body .d-review-facts { border-top-color: #d2dfdd; }
.d-benefit-options button { background: transparent; border-bottom-color: #d5dfd8; }
.d-benefit-options button[aria-pressed=true] { background: #e6f0e9; }
.d130-home #main > .a-faq details { background: #fffdf8; border: 1px solid #ddd5c8; border-radius: 6px; padding: 20px 24px; margin-bottom: 10px; }


.d130-home .site-footer { background: #e8e7e0; border-top-color: #c7ccc8; }
.d130-home .a-mobile-apply { background: #f7f6eff5; border-top-color: #c7ccc8; }
.d130-home .a-notice { background: #eee9df; border-color: #d8cfc0; }
.d130-home .a-card { background: #fffdf9; border-color: #d4ded6; }
.d130-home .a-queue button { background: #fffdf9; }
.d130-home .a-queue button[aria-pressed=true] { background: var(--spot-soft); border-color: var(--spot); }
@media (max-width: 1000px) {
  .d130-home #main > section.d-shell { padding-inline: 24px; }
}
@media (max-width: 600px) {
  .d130-home #main > section.d-shell { padding-inline: 18px; }
  .d130-home #main > section.d-shell:not(.d-hero) { padding-block: 40px; }
  .d130-home #main > .d-hero { padding-bottom: 28px; }
  .d130-home #main > .d-closing { padding-bottom: 0; }
  .d130-home #main > .a-faq details { padding: 18px; }
}


/* Reference-inspired palette: navy, sea-glass teal, silver, and a restrained gold accent. */
html.d130-home { --brand-navy: #0b1830; --brand-gold: #c29448; --brand-silver: #bfc5c6; }
.d-hero-offer { background: var(--brand-navy); border-top-color: var(--brand-gold); }
.d-hero .d-eyebrow::before { background: var(--brand-gold); }
.d130-home .site-header { box-shadow: 0 2px 10px #0b183010; }
.d-product[aria-pressed=true] { box-shadow: 0 3px 0 var(--spot); }
.d130-home #main > .d-closing { border-top: 2px solid #c2944840; }


/* A one-shot pyramid reveal. The resting state is complete, including without JS. */
.d-hero-offer {
  position: relative;
  isolation: isolate;
  display: block;
  align-self: center;
  container-type: inline-size;
  overflow: hidden;
  padding: 22px 28px 25px;
  border: 1px solid #32484d;
  border-radius: 16px;
  background: radial-gradient(ellipse at 50% 35%, #203c40 0, #102530 42%, #0b1830 85%);
  box-shadow: 0 24px 50px -26px #0b18305c, inset 0 1px 0 #d9c19052;
  color: #f5f4ec;
}
.d-offer-topline { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; }
.d-hero-offer .d-offer-label { margin: 0; color: #c4d4d8; font-size: 9px; letter-spacing: 1.7px; }
.d-offer-concept { margin: 13px 0 0; text-align: center; font: 22px/1.25 'Source Serif 4', Georgia, serif; letter-spacing: -.04em; color: #e7e9dd; }
.d-offer-stage { position: relative; aspect-ratio: 1.55; margin: 2px -20px -2px; }
.d-pyramid { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.d-pyramid-half { transform-box: view-box; transform-origin: 240px 265px; opacity: .64; }
.d-pyramid-left { transform: translate(-85px, 14px) rotate(-8deg); }
.d-pyramid-right { transform: translate(85px, 14px) rotate(8deg); }
.d-pyramid-seam { opacity: 0; }
.d-offer-value { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 28px; margin: 0; text-align: center; }
.d-offer-value strong { display: block; font: 500 clamp(86px, 35cqi, 170px)/.9 Arial, Helvetica, sans-serif; letter-spacing: -.085em; white-space: nowrap; text-shadow: 0 6px 30px #071824b3; }
.d-offer-value strong span { display: inline-block; vertical-align: top; font-size: .35em; letter-spacing: -.045em; margin: .12em 0 0 .13em; color: #a9d6c5; }
.d-offer-unit { margin-top: 18px; padding-left: 7px; font-size: 9px; line-height: 1.5; letter-spacing: 3px; color: #bed2cb; }
.d-hero-offer .d-offer-qualifier { margin: 0; font-size: clamp(20px, 6cqi, 27px); text-align: center; }
.d-offer-principle { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 19px 0 0; color: #a9d6c5; font-size: 11px; line-height: 1.5; }
.d-offer-principle span { height: 1px; width: 22px; background: #618f88; }
.d-hero-offer .d-offer-categories { justify-content: center; margin: 23px 0 18px; gap: 10px; font-size: 11px; }
.d-hero-offer .d-entry-note { margin: 0; max-width: none; padding-top: 15px; border-color: #42565f; color: #c4d4d8; font-size: 11px; }

/* Runs from first paint; direct130-home.js holds it on frame one while the card is out of view. */
@media (prefers-reduced-motion: no-preference) {
  .d-hero-offer .d-pyramid-left { animation: d-break-left 3.2s cubic-bezier(.22,.72,.2,1) both; }
  .d-hero-offer .d-pyramid-right { animation: d-break-right 3.2s cubic-bezier(.22,.72,.2,1) both; }
  .d-hero-offer .d-pyramid-seam { animation: d-break-seam 3.2s ease both; }
  .d-hero-offer .d-offer-value { animation: d-reveal-rate 3.2s cubic-bezier(.22,.72,.2,1) both; }
}
@keyframes d-break-left {
  0%, 17% { transform: translate(0, 0) rotate(0); opacity: 1; }
  76%, 100% { transform: translate(-85px, 14px) rotate(-8deg); opacity: .64; }
}
@keyframes d-break-right {
  0%, 17% { transform: translate(0, 0) rotate(0); opacity: 1; }
  76%, 100% { transform: translate(85px, 14px) rotate(8deg); opacity: .64; }
}
@keyframes d-break-seam { 0%, 9% { opacity: 0; } 19% { opacity: .9; } 44%, 100% { opacity: 0; } }
@keyframes d-reveal-rate {
  0%, 23% { opacity: 0; transform: translateY(14px) scale(.94); }
  76%, 100% { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 1100px) {
  .d-hero-offer { padding-inline: 22px; }
  .d-hero-offer .d-offer-label { letter-spacing: 1.2px; font-size: 8px; }
}
@media (min-width: 601px) and (max-width: 800px) {
  .d-hero-offer { width: 100%; max-width: 510px; justify-self: center; }
}
@media (max-width: 600px) {
  .d-hero-offer { padding: 15px 22px 22px; }
  .d-offer-concept { font-size: 22px; margin-top: 10px; }
  .d-offer-stage { margin-inline: -18px; }
  .d-offer-value { padding-top: 20px; }
  .d-offer-unit { margin-top: 14px; font-size: 8px; letter-spacing: 2.5px; }
  .d-offer-principle { margin-top: 16px; }
  .d-hero-offer .d-offer-categories { margin-block: 19px 16px; }
}

/* ── 04 / After approval: one workspace, five views ───────────────────────────────────────
   The preview is the product itself, so it takes the hero offer card's navy surface. Sea-glass
   marks what is done or yours; gold marks what is waiting on you. Figures are samples. */
.d-preview { position: relative; overflow: hidden; container-type: inline-size; border: 1px solid #32484d; border-radius: 16px; color: #eef2ec;
  background: radial-gradient(ellipse at 80% -10%, #1f3d42 0, #102530 48%, #0b1830 100%);
  box-shadow: 0 34px 60px -34px #0b183099, inset 0 1px 0 #d9c19052; }
.d-preview-chrome { display: flex; align-items: center; gap: 14px; padding: 14px 20px; border-bottom: 1px solid #ffffff14; }
.d-mini-brand { font-size: 15px; font-weight: 600; letter-spacing: -.6px; color: #f5f4ec; }
.d-mini-brand span { color: #a9d6c5; }
.d-preview-chrome > span:nth-child(2) { margin-left: auto; font-size: 9px; letter-spacing: 1.5px; color: #8fa7a3; }
.d-avatar { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #ffffff14; color: #cfe3dd; font-size: 10px; }
.d-preview-body { display: grid; grid-template-columns: 56px minmax(0, 1fr); }
.d-app-rail { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 20px 0; border-right: 1px solid #ffffff12; background: #0000001f; }
.d-app-rail span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: #6f8a87; transition: color .25s, background .25s, box-shadow .25s; }
.d-app-rail[data-active="crm"] [data-rail="crm"], .d-app-rail[data-active="renewals"] [data-rail="renewals"], .d-app-rail[data-active="cases"] [data-rail="cases"],
.d-app-rail[data-active="commissions"] [data-rail="commissions"], .d-app-rail[data-active="book"] [data-rail="book"] { color: #f5f4ec; background: #ffffff14; box-shadow: inset 0 0 0 1px #a9d6c540; }
.d-preview-content { min-width: 0; min-height: 344px; padding: 22px 24px 24px; }
.d-demo-eyebrow { font-size: 9px; letter-spacing: 1.6px; text-transform: uppercase; color: #8fa7a3; }
.d-preview-content h3 { margin: 6px 0 18px; font-size: 24px; font-weight: 500; letter-spacing: -.8px; color: #f5f4ec; }
.d-preview-caption { margin: 0; padding: 14px 20px; border-top: 1px solid #ffffff14; background: #0613224d; font-size: 11px; line-height: 1.6; color: #a9bcb8; }

.d-chip { flex: none; padding: 4px 9px; border: 1px solid #ffffff1f; border-radius: 999px; font-size: 10px; line-height: 1.3; color: #cfe0dc; white-space: nowrap; }
.d-chip-gold { border-color: #c2944873; background: #c2944817; color: #e6c98f; }
.d-chip-teal { border-color: #a9d6c55c; background: #a9d6c514; color: #a9d6c5; }
.d-li-main { display: flex; flex: 1; flex-direction: column; gap: 3px; min-width: 0; }
.d-li-main strong { font-size: 13px; font-weight: 500; color: #f5f4ec; }
.d-li-main small { font-size: 11px; color: #94aba7; }
.d-people, .d-ledger, .d-promises, .d-timeline, .d-track ol { list-style: none; margin: 0; padding: 0; }
.d-people li { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-top: 1px solid #ffffff12; }
.d-av { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #a9d6c51f; color: #a9d6c5; font-size: 11px; font-weight: 600; }
.d-av-gold { background: #c294481f; color: #e6c98f; }

/* Pipeline */
.d-next { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; padding: 14px 16px; border: 1px solid #c2944866; border-radius: 12px;
  background: linear-gradient(90deg, #c294481c, #c2944805 70%); box-shadow: 0 0 0 4px #c294480d; }
.d-next-tag { flex: none; font-size: 9px; letter-spacing: 1.4px; text-transform: uppercase; color: #e6c98f; }
.d-stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-bottom: 12px; }
.d-stages span { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-top: 2px solid #ffffff1a; border-radius: 10px; background: #ffffff08; font-size: 10px; color: #94aba7; }
.d-stages b { font-size: 20px; font-weight: 500; color: #f5f4ec; font-variant-numeric: tabular-nums; }
.d-stages .is-now { border-top-color: #a9d6c5; background: #a9d6c50f; }

/* Renewals */
.d-renew { display: flex; align-items: center; gap: 22px; margin-bottom: 20px; }
.d-ring { position: relative; flex: none; width: 112px; height: 112px; }
.d-ring svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); }
.d-ring circle { fill: none; stroke: #ffffff17; stroke-width: 9; }
.d-ring .d-ring-fill { stroke: #a9d6c5; stroke-linecap: round; stroke-dasharray: 62 100; }
.d-ring > span { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; font-size: 10px; color: #94aba7; }
.d-ring b { display: block; font-size: 30px; font-weight: 500; line-height: 1; letter-spacing: -1px; color: #f5f4ec; }
.d-renew-main { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.d-renew-main strong { margin-top: 6px; font-size: 15px; font-weight: 500; color: #f5f4ec; }
.d-renew-main small { font-size: 11px; color: #94aba7; }
.d-meter { width: 100%; margin-top: 12px; font-size: 11px; color: #94aba7; }
.d-meter > span { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.d-meter b { font-weight: 500; color: #f5f4ec; }
.d-meter > i { display: block; height: 6px; overflow: hidden; border-radius: 3px; background: #ffffff14; }
.d-meter > i > i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4f9e95, #a9d6c5); transform-origin: left; }
.d-timeline { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.d-timeline li { position: relative; padding: 18px 8px 0 0; font-size: 10px; color: #94aba7; }
.d-timeline li::before { content: ''; position: absolute; top: 5px; left: 0; right: 0; height: 2px; background: #ffffff17; }
.d-timeline li::after { content: ''; position: absolute; top: 1px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #0b1830; box-shadow: inset 0 0 0 2px #5d7471; }
.d-timeline .is-done::before { background: #a9d6c5; }
.d-timeline .is-done::after { background: #a9d6c5; box-shadow: none; }
.d-timeline .is-next::after { box-shadow: inset 0 0 0 2px #e6c98f; }
.d-timeline b { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 500; color: #f5f4ec; }

/* Cases */
.d-queue-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; font-size: 10px; letter-spacing: 1.4px; text-transform: uppercase; color: #e6c98f; }
.d-queue-head b { display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #c294482e; color: #f1dcae; font-size: 10px; letter-spacing: 0; }
.d-track { margin-top: 16px; padding: 14px 16px 16px; border: 1px solid #ffffff12; border-radius: 12px; background: #ffffff08; }
.d-track-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; font-size: 12px; }
.d-track-head strong { font-weight: 500; color: #f5f4ec; }
.d-track ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.d-track li { position: relative; padding-top: 20px; font-size: 10px; text-align: center; color: #8fa7a3; }
.d-track li::before { content: ''; position: absolute; top: 5px; left: -50%; right: 50%; height: 2px; background: #ffffff17; }
.d-track li:first-child::before { display: none; }
.d-track li::after { content: ''; position: absolute; top: 0; left: calc(50% - 6px); width: 12px; height: 12px; border-radius: 50%; background: #0b1830; box-shadow: inset 0 0 0 2px #5d7471; }
.d-track .is-done, .d-track .is-now { color: #cfe0dc; }
.d-track .is-done::before, .d-track .is-now::before { background: #a9d6c5; }
.d-track .is-done::after { background: #a9d6c5; box-shadow: none; }
.d-track .is-now::after { box-shadow: inset 0 0 0 3px #a9d6c5, 0 0 0 4px #a9d6c526; }

/* Commissions */
.d-earn { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
.d-earn span { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid #ffffff12; border-radius: 12px; background: #ffffff08;
  font-size: 10px; letter-spacing: 1.2px; text-transform: uppercase; color: #94aba7; }
.d-earn b { font-size: 24px; font-weight: 500; letter-spacing: -.6px; text-transform: none; color: #f5f4ec; font-variant-numeric: tabular-nums; }
.d-earn .is-gold { color: #e6c98f; }
.d-chart { margin: 0 0 10px; }
.d-chart figcaption { margin-bottom: 8px; font-size: 10px; color: #94aba7; }
.d-bars { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; height: 96px; }
.d-bars span { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 2px; height: 100%; padding-bottom: 16px; }
.d-bars i { display: block; border-radius: 4px 4px 1px 1px; background: linear-gradient(#a9d6c5, #4f9e95); transform-origin: bottom; }
.d-bars .is-pending { border: 1px solid #c2944880; border-bottom: 0; background: repeating-linear-gradient(135deg, #c2944859 0 3px, #c294481f 3px 6px); }
.d-bars small { position: absolute; right: 0; bottom: 0; left: 0; text-align: center; font-size: 9px; color: #8fa7a3; }
.d-ledger li { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-top: 1px solid #ffffff12; font-size: 12px; color: #cfe0dc; }
.d-ledger li > span:first-child { flex: 1; min-width: 0; }
.d-ledger b { font-weight: 500; color: #f5f4ec; font-variant-numeric: tabular-nums; }
.d-ledger .d-chip { min-width: 70px; text-align: center; }

/* Your book */
.d-book { display: flex; align-items: center; gap: 18px; margin-bottom: 14px; }
.d-shield { flex: none; width: 72px; height: 80px; }
.d-shield svg { display: block; width: 100%; height: 100%; }
.d-book .d-li-main { align-items: flex-start; gap: 5px; }
.d-book .d-li-main strong { margin-top: 4px; font-size: 15px; }
.d-promises { margin-bottom: 16px; }
.d-promises li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid #ffffff12; font-size: 12px; color: #cfe0dc; }
.d-promises b { flex: none; font-weight: 500; color: #a9d6c5; }
.d-promises .is-plain { color: #f5f4ec; }
.d-book-stack { display: flex; align-items: center; }
.d-book-stack span { display: grid; place-items: center; width: 30px; height: 30px; margin-right: -8px; border: 2px solid #0e2130; border-radius: 50%; background: #1f3a40; color: #cfe3dd; font-size: 11px; font-weight: 600; }
.d-book-stack small { margin-left: 18px; font-size: 11px; color: #94aba7; }

/* Each view builds itself in: the panel rises in order, then its numbers fill. Finite, and off for reduced motion. */
.d-preview-content.changed > * { animation: d-rise .5s cubic-bezier(.2, .7, .2, 1) both; }
.d-preview-content.changed > :nth-child(2) { animation-delay: .04s; }
.d-preview-content.changed > :nth-child(3) { animation-delay: .1s; }
.d-preview-content.changed > :nth-child(4) { animation-delay: .16s; }
.d-preview-content.changed > :nth-child(5) { animation-delay: .22s; }
.d-preview-content.changed .d-ring-fill { animation: d-ring 1.1s cubic-bezier(.2, .7, .2, 1) .2s both; }
.d-preview-content.changed .d-meter > i > i { animation: d-fill 1s cubic-bezier(.2, .7, .2, 1) .3s both; }
.d-preview-content.changed .d-bars i { animation: d-grow .8s cubic-bezier(.2, .7, .2, 1) both; }
.d-preview-content.changed .d-bars span:nth-child(2) i { animation-delay: .05s; }
.d-preview-content.changed .d-bars span:nth-child(3) i { animation-delay: .1s; }
.d-preview-content.changed .d-bars span:nth-child(4) i { animation-delay: .15s; }
.d-preview-content.changed .d-bars span:nth-child(5) i { animation-delay: .2s; }
.d-preview-content.changed .d-bars span:nth-child(6) i { animation-delay: .25s; }
.d-preview-content.changed .d-track .is-now::after { animation: d-pulse 1.4s ease-out .5s 2; }
@keyframes d-rise { from { opacity: 0; transform: translateY(8px); } }
@keyframes d-ring { from { stroke-dasharray: 0 100; } }
@keyframes d-fill { from { transform: scaleX(0); } }
@keyframes d-grow { from { transform: scaleY(0); } }
@keyframes d-pulse { from { box-shadow: inset 0 0 0 3px #a9d6c5, 0 0 0 0 #a9d6c566; } to { box-shadow: inset 0 0 0 3px #a9d6c5, 0 0 0 10px #a9d6c500; } }

/* Sized by the card, not the screen: at 768px the layout is still two columns and the card is narrow. */
@container (max-width: 640px) {
  .d-preview-content { padding: 20px; }
  .d-stages span { padding: 9px 10px; }
}
@container (max-width: 560px) {
  .d-preview-body { grid-template-columns: minmax(0, 1fr); }
  .d-app-rail { display: none; }
  .d-preview-chrome { padding: 13px 16px; }
  .d-preview-content { min-height: 0; padding: 18px 18px 20px; }
  .d-preview-content h3 { font-size: 21px; }
  .d-preview-caption { padding: 12px 16px; }
  .d-renew { gap: 16px; }
  .d-ring { width: 92px; height: 92px; }
  .d-ring b { font-size: 24px; }
}
@container (max-width: 420px) {
  .d-preview-chrome > span:nth-child(2) { font-size: 8px; letter-spacing: 1px; white-space: nowrap; }
  .d-next { flex-wrap: wrap; row-gap: 8px; }
  .d-next-tag { width: 100%; }
  .d-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .d-renew { align-items: flex-start; }
  .d-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
  .d-track li:not(.is-now) { font-size: 0; }
  .d-earn b { font-size: 20px; }
  .d-bars { gap: 6px; }
}
@media (prefers-reduced-motion: reduce) { .d-preview-content .d-track .is-now::after { animation: none; } }

/* Closing mark: the logo's silhouette in the section's sage, lighter for the mark and DIRECT, deeper from the
   "1" of 130 (78% across), so it sits in the background the way the old wordmark did. Left-aligned to the page grid,
   its torch under the header and footer logos: centred, the readable DIRECT130 sits right of the heading and leans right. */
.d-closing-word { width: min(1180px, 88%); aspect-ratio: 1356 / 410; margin: 48px 0 56px; user-select: none;
  background: linear-gradient(90deg, #c5d5d1 0 78%, #9fbeb8 78%);
  -webkit-mask: url('/assets/direct130-logo-mask.png') center / contain no-repeat; mask: url('/assets/direct130-logo-mask.png') center / contain no-repeat; }
@media (max-width: 600px) { .d-closing-word { width: 92%; margin: 28px 0 40px; } }

/* Sign in (/login): the intro on the left, the form card on the right with the way in for new agents under it;
   on phones one column, the form first. */
.d130-home body:has(> .signin-layout) { background: #f2f6f4; }
.d130-home .nav-signin[aria-current="page"] { color: #1b555d; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; }
.d130-home .signin-layout { display: grid; width: min(1080px, calc(100% - 80px)); grid-template-columns: minmax(0, 1fr) minmax(0, 420px); grid-template-rows: auto 1fr;
  grid-template-areas: "intro card" "where card"; gap: 0 80px; align-items: start; padding-block: 88px 112px; }
.d130-home .signin-intro { grid-area: intro; }
.d130-home .signin-actions { grid-area: card; }
.d130-home .signin-intro h1 { margin: 18px 0 22px; max-width: none; font-size: clamp(38px, 4.6vw, 58px); line-height: 1.04; text-wrap: balance; }
.d130-home .signin-lead { margin: 0; max-width: 40ch; font-size: 18px; line-height: 1.6; color: #44555a; }
.d130-home .signin-card { margin: 0; padding: 32px; border: 1px solid #d8e3df; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px #1025300a, 0 28px 56px -36px #10253052; }
.d130-home .signin-card h2 { margin: 0 0 22px; font-size: 26px; line-height: 1.15; }
.d130-home .signin-card .field > label { font-size: 14px; font-weight: 600; }
.d130-home .signin-card .input { min-height: 52px; border-radius: 10px; background: #fff; }
.d130-home .signin-card .input:focus-visible { outline: 3px solid #236b70; outline-offset: 2px; border-color: #236b70; }
.d130-home .signin-card .form-message { margin: 16px 0 0; border-radius: 0 8px 8px 0; }
.d130-home .signin-note { margin: 18px 0 0; font-size: 13px; }
.d130-home .signin-new { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 20px 0 0; padding: 0 4px; font-size: 15px; color: #44555a; }
.d130-home .signin-new .btn { background: #fff; }
.d130-home .signin-new .btn:hover { background: #eef4f2; }
.d130-home .signin-password { position: relative; }
.d130-home .signin-password .input { padding-right: 80px; }
.d130-home .signin-reveal { position: absolute; top: 50%; right: 6px; min-width: 64px; min-height: 40px; padding: 0 12px; transform: translateY(-50%); border: 0; border-radius: 8px; background: none; color: #1b555d; font-size: 13px; font-weight: 600; }
.d130-home .signin-reveal:hover { background: #eef4f2; }
.d130-home .signin-reveal:focus-visible { outline: 3px solid #236b70; outline-offset: 0; }
.d130-home .signin-link { display: inline-flex; align-items: center; min-height: 44px; margin: -8px 0 8px; padding: 0; border: 0; background: none; color: #1b555d; font-size: 14px; font-weight: 500; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.d130-home .signin-link:hover { color: #15464e; }
.d130-home .signin-link:focus-visible { outline: 3px solid #236b70; outline-offset: 2px; border-radius: 4px; }
.d130-home .signin-card form + .signin-link, .d130-home .signin-card .btn + .signin-link { margin: 10px 0 0; }
.d130-home .signin-turnstile { min-height: 65px; margin: 0 0 14px; }
.d130-home .signin-or { display: flex; align-items: center; gap: 12px; margin: 20px 0; font-size: 13px; color: #5d6c66; }
.d130-home .signin-or::before, .d130-home .signin-or::after { content: ''; flex: 1; border-top: 1px solid #dfe7e4; }
.d130-home .signin-hint { margin: 12px 0 0; font-size: 13px; line-height: 1.5; color: #44555a; }
.d130-home .signin-card .signin-note { margin: -8px 0 18px; font-size: 14px; line-height: 1.55; color: #44555a; }
.d130-home .signin-card .field .signin-note { margin: 8px 0 0; font-size: 13px; }
.d130-home .a-code { max-width: 240px; font-size: 22px; letter-spacing: 6px; }
@media (max-width: 900px) {
  .d130-home .signin-layout { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-template-areas: "intro" "card" "where"; gap: 32px; padding-block: 48px 72px; }
}
@media (max-width: 600px) {
  .d130-home .signin-layout { width: calc(100% - 36px); gap: 26px; padding-block: 32px 56px; }
  .d130-home .signin-intro h1 { margin: 14px 0; }
  .d130-home .signin-lead { font-size: 16px; }
  .d130-home .signin-card { padding: 24px 20px; border-radius: 14px; }
  .d130-home .signin-card h2 { margin-bottom: 18px; font-size: 22px; }
  .d130-home .signin-new { padding: 0; }
}

/* The sign-in page on its own: one centred card, nothing beside it. */
.d130-home .signin-solo { grid-template-columns: minmax(0, 420px); grid-template-areas: "card"; justify-content: center; }
.d130-home .signin-card h1 { margin: 0 0 22px; font-size: 26px; line-height: 1.15; }
@media (max-width: 600px) { .d130-home .signin-card h1 { margin-bottom: 18px; font-size: 22px; } }