/* it-t10-driving.css: driving instructor page, the owner's mockup scaled
   (tools/trades10/references-2/driving-instructor.png, 836 wide). --u = one mockup pixel; every
   position and size below is the mockup's own, measured. Built by tools/trades10/driving.py. */
main.t-driving{container-type:inline-size;--u:calc(min(100cqw,1440px) / 836);
  --dv-ink:#0B1A38;--dv-sub:#46515F;--dv-or:#EC6A1C;--dv-mist:#F5F6F9;--dv-font:"IBM Plex Sans",Inter,'Inter Fallback',-apple-system,"Segoe UI",sans-serif;font-family:var(--dv-font)}
.t-driving .dv-board{position:relative}
.t-driving .dv-art{position:relative;width:calc(836 * var(--u));height:calc(var(--h) * var(--u));margin:0 auto}
.t-driving .dv-a{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u))}
.dv-hand{font-family:"Caveat","Segoe Script",cursive;font-weight:500;color:#1B2A4A}
.t-driving h1,.t-driving h2,.t-driving h3{font-family:var(--dv-font);color:var(--dv-ink)}
.dv-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dv-kick{font:700 calc(9.8 * var(--u))/1.2 var(--dv-font);letter-spacing:.12em;text-transform:uppercase;color:var(--dv-or)}
.dv-h2{font-weight:700;font-size:calc(24.2 * var(--u));line-height:calc(28 * var(--u));letter-spacing:0}
.dv-btn{display:flex;align-items:center;justify-content:center;height:calc(34 * var(--u));background:var(--cta);color:#fff!important;border-radius:calc(5 * var(--u));
  font:600 calc(11.6 * var(--u))/1 var(--dv-font);text-decoration:none!important;box-shadow:0 calc(6 * var(--u)) calc(12 * var(--u)) calc(-8 * var(--u)) rgba(192,78,6,.7);transition:background .15s}
.dv-btn:hover{background:var(--cta-h)}
.dv-tag{font:700 calc(9.2 * var(--u))/1.2 var(--dv-font);letter-spacing:.08em;text-transform:uppercase;color:var(--dv-ink)}

/* hero */
.dv-hero{overflow:hidden}
.dv-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0 0;display:block}
.dv-hero h1{display:block}
.dv-k{position:absolute;left:0;bottom:100%;margin-bottom:calc(7 * var(--u));white-space:nowrap;font:700 calc(8 * var(--u))/1.2 var(--dv-font);letter-spacing:.12em;text-transform:uppercase;color:var(--cta)}
.dv-big{display:block;font-weight:700;font-size:calc(32 * var(--u));line-height:calc(33.5 * var(--u));letter-spacing:-.005em}
.dv-lede{font-size:calc(11.8 * var(--u));line-height:calc(16.5 * var(--u));color:#1F2A3A}

/* winding road */
.dv-flow-h{text-align:center;font-weight:700;font-size:calc(22.4 * var(--u));line-height:1.2}
.dv-flow-p{text-align:center;font-size:calc(11.9 * var(--u));line-height:1.2;color:var(--dv-sub)}
.dv-road{display:block;height:calc(164 * var(--u));max-width:none;overflow:visible}
.dv-step{text-align:center}
.dv-step h3{font:700 calc(10.6 * var(--u))/1.2 var(--dv-font);letter-spacing:.02em;text-transform:uppercase;color:var(--dv-ink);white-space:nowrap;margin-left:-20%!important;margin-right:-20%!important}
.dv-step p{margin-top:calc(5 * var(--u))!important;font-size:calc(10.5 * var(--u));line-height:calc(14.6 * var(--u));color:#2A3544}
.dv-step a{display:block;color:inherit}
.dv-step a:hover h3{color:var(--cta)}
.dv-flag{text-align:center;font:700 calc(9.1 * var(--u))/calc(13.2 * var(--u)) var(--dv-font);letter-spacing:.08em;text-transform:uppercase;color:var(--dv-ink)}

/* lesson record: the design's tilted, skewed sheet */
.dv-paper-wrap{position:absolute;inset:0;margin:0}
.dv-paper{position:absolute;left:calc(50 * var(--u));top:calc(4 * var(--u));width:calc(406 * var(--u));height:calc(384 * var(--u));background:linear-gradient(160deg,#fff 0 60%,#FBFBFC 100%);
  padding:calc(31 * var(--u)) calc(26 * var(--u)) 0 calc(28 * var(--u));transform:matrix(1,-.046,.022,1,0,0);
  box-shadow:0 calc(10 * var(--u)) calc(26 * var(--u)) calc(-6 * var(--u)) rgba(15,30,51,.22),0 calc(2 * var(--u)) calc(8 * var(--u)) rgba(15,30,51,.10)}
.dv-paper::after{content:"";position:absolute;right:0;bottom:0;width:calc(42 * var(--u));height:calc(34 * var(--u));
  background:linear-gradient(140deg,#fff 0 40%,#EDEFF3 62%,#FAFBFC 100%);box-shadow:calc(-3 * var(--u)) calc(-3 * var(--u)) calc(7 * var(--u)) calc(-2 * var(--u)) rgba(15,30,51,.16);border-top-left-radius:calc(34 * var(--u)) calc(26 * var(--u))}
.dv-ptop{display:flex;justify-content:space-between;align-items:flex-end;height:calc(40 * var(--u));border-bottom:1px solid #E4E7EC}
.dv-logo{font:700 calc(18.8 * var(--u))/1 var(--dv-font);letter-spacing:-.03em;color:var(--dv-ink);white-space:nowrap;padding-bottom:calc(16 * var(--u))}
.dv-logo b{color:var(--dv-or);font-weight:700}
.dv-pt{font:700 calc(10.8 * var(--u))/1 var(--dv-font);letter-spacing:.04em;text-transform:uppercase;color:var(--dv-ink);padding-bottom:calc(19 * var(--u))}
.dv-dl{margin:calc(5 * var(--u)) 0 0!important}
.dv-dl div{display:grid;grid-template-columns:calc(110 * var(--u)) 1fr;height:calc(24 * var(--u));align-items:center;border-bottom:1px solid #E9ECF0}
.dv-dl dt{font:600 calc(10 * var(--u))/1 var(--dv-font);color:var(--dv-ink)}
.dv-dl dd{margin:0;font-size:calc(10.6 * var(--u));line-height:1;color:#1F2A3A;white-space:nowrap}
.dv-notes-h{width:fit-content;margin-top:calc(22 * var(--u))!important;font:700 calc(8.4 * var(--u))/1 var(--dv-font);letter-spacing:.06em;text-transform:uppercase;color:var(--dv-ink)}
.dv-notes{font-size:calc(16.2 * var(--u));line-height:calc(21 * var(--u));transform:rotate(-2.6deg) skewX(7deg);transform-origin:0 0;white-space:nowrap}
.dv-rules{height:calc(64 * var(--u));margin-top:calc(4 * var(--u));background:repeating-linear-gradient(transparent 0 calc(20 * var(--u)),#E9ECF0 calc(20 * var(--u)) calc(21 * var(--u)))}
.dv-feat{display:flex;align-items:center;height:calc(48 * var(--u))}
.dv-fi{display:block;width:calc(42 * var(--u));height:calc(42 * var(--u));margin:0 calc(3 * var(--u));flex:none}
.dv-feat a{margin-left:calc(11 * var(--u));font-size:calc(11.9 * var(--u));color:#26313F!important;white-space:nowrap}
.dv-feat a:hover{color:var(--cta)!important;text-decoration:underline!important;text-underline-offset:3px}
.dv-p{font-size:calc(13.1 * var(--u));line-height:calc(18.2 * var(--u));color:#26313F}

/* estimate > invoice > receipt */
.t-driving .dv-tp{position:absolute;left:calc(var(--x) * var(--u));top:calc(22 * var(--u));width:calc(221 * var(--u));height:calc(180 * var(--u));
  border-radius:calc(2 * var(--u));overflow:hidden;background:#fff;box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) rgba(15,30,51,.13),0 0 calc(2 * var(--u)) rgba(15,30,51,.08)}
.dv-doc{height:100%;padding:calc(21 * var(--u)) calc(15 * var(--u)) 0;color:var(--dv-ink)}
.dv-dhead{display:flex;justify-content:space-between;align-items:center;height:calc(32 * var(--u));border-bottom:1px solid #E1E5EA}
.dv-logo-s{font-size:calc(12.6 * var(--u));padding:0 0 calc(10 * var(--u))}
.dv-dhead>b{font:700 calc(11.2 * var(--u))/1 var(--dv-font);text-transform:uppercase;padding-bottom:calc(10 * var(--u))}
.dv-dl2{padding-top:calc(9 * var(--u))}
.dv-dl2 div{display:flex;justify-content:space-between;height:calc(28 * var(--u));align-items:center;font-size:calc(10.6 * var(--u));color:#26313F}
.dv-dl3 div{height:calc(20 * var(--u))}
.dv-dtot{display:flex;justify-content:space-between;align-items:center;height:calc(44 * var(--u));margin-top:calc(6 * var(--u));border-top:1px solid #D5DAE1}
.dv-dtot span{font:600 calc(10.9 * var(--u))/1 var(--dv-font)}
.dv-dtot b{font:700 calc(13.6 * var(--u))/1 var(--dv-font)}
.dv-thanks{position:absolute;left:calc(21 * var(--u));top:calc(140 * var(--u));font-size:calc(24.5 * var(--u));line-height:1;transform:rotate(-8deg) skewX(6deg);transform-origin:0 100%;white-space:nowrap}
.dv-tp .t10-edit{bottom:12%}
.dv-arr{position:absolute;left:calc(var(--x) * var(--u));top:calc(103 * var(--u));width:calc(22 * var(--u));height:calc(14 * var(--u));fill:none;stroke:var(--dv-or);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.dv-cap{position:absolute;left:calc((var(--c) - 110) * var(--u));top:calc(209 * var(--u));width:calc(220 * var(--u));text-align:center;font-size:calc(11.6 * var(--u));line-height:calc(16 * var(--u));color:var(--dv-sub)}
.dv-cap b{display:block;font:700 calc(10.6 * var(--u))/calc(15 * var(--u)) var(--dv-font);letter-spacing:.04em;text-transform:uppercase;color:var(--dv-ink);margin-bottom:calc(1 * var(--u))}

/* payment band */
.dv-pay{background:var(--dv-mist)}
.dv-qr-card{height:calc(135 * var(--u));background:#fff;border-radius:calc(4 * var(--u));padding:calc(12 * var(--u)) calc(12 * var(--u)) 0;text-align:center;box-shadow:0 1px calc(3 * var(--u)) rgba(15,30,51,.06)}
.dv-qr{width:calc(97 * var(--u));margin:0 auto}
.dv-qr-card span{display:block;margin-top:calc(7 * var(--u));font-size:calc(10.6 * var(--u));line-height:1.2;color:var(--dv-ink)}
.dv-h2s{font-size:calc(21.6 * var(--u));line-height:1.2}
.dv-pp{font-size:calc(12 * var(--u));line-height:1.2;color:#2D3848}
.dv-methods li{display:contents}
.dv-ml{font:500 calc(13 * var(--u))/1.2 var(--dv-font);color:var(--dv-ink);white-space:nowrap}
.dv-mi{height:calc(36 * var(--u))}
.dv-arrow{height:calc(40 * var(--u));fill:none;stroke:var(--dv-or);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.dv-note{font-size:calc(22.4 * var(--u));line-height:calc(26.5 * var(--u));color:#EE6A1D;transform:rotate(-7deg) skewX(6deg);transform-origin:0 0;white-space:nowrap}

/* FAQ */
.dv-faqs{padding:calc(21 * var(--u)) 0 0}
.t-driving .dv-faq-in{height:auto;display:grid;grid-template-columns:calc(318 * var(--u)) calc(429 * var(--u));padding-left:calc(42 * var(--u));align-items:start}
.dv-faq-side{padding-top:calc(3 * var(--u))}
.dv-h2f{margin-top:calc(4 * var(--u))!important;font-size:calc(22.5 * var(--u));line-height:calc(27.5 * var(--u))}
.t-driving .dv-faq{margin-top:calc(-5 * var(--u))}
.t-driving .dv-faq details{border-bottom:1px solid #E3E6EB}
.t-driving .dv-faq summary{padding:0 calc(2 * var(--u)) 0 0;height:calc(22.3 * var(--u));font-size:calc(11.5 * var(--u));color:#1F2A3A}
.t-driving .dv-faq summary::after{font:500 calc(15 * var(--u))/1 var(--dv-font);color:var(--dv-ink)}
.t-driving .dv-faq .a{padding:calc(2 * var(--u)) calc(20 * var(--u)) calc(10 * var(--u)) 0}
.t-driving .dv-faq .a p{font-size:calc(10.8 * var(--u));line-height:1.55;color:var(--dv-sub)}

/* evening road */
.dv-end{overflow:hidden;background:#fff;margin-top:calc(1 * var(--u))}
.dv-end-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0 100%;display:block}
.dv-end-h{color:#fff!important;font-weight:700;font-size:calc(24.7 * var(--u));line-height:1.2;white-space:nowrap}
.dv-end-p{color:#fff;font-size:calc(14.7 * var(--u));line-height:1.2}
.dv-btn-s{height:calc(33 * var(--u));font-size:calc(12.2 * var(--u))}
.dv-tag-w{color:#fff;font-size:calc(9 * var(--u))}
.dv-end-r{font:700 calc(12.2 * var(--u))/calc(17.7 * var(--u)) var(--dv-font);letter-spacing:.1em;text-transform:uppercase;color:#fff}
.dv-end-r::after{content:"";display:block;width:calc(47 * var(--u));height:calc(4 * var(--u));margin-top:calc(4 * var(--u));background:var(--dv-or)}
.dv-end-h,.dv-end-p,.dv-tag-w,.dv-end-r{text-shadow:0 1px 3px rgba(0,0,0,.35)}

/* added below the design: pricing links */
.dv-more{padding-block:56px 8px}
.dv-price-h{font:700 13px/1.3 var(--dv-font)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--dv-ink);margin-bottom:22px!important}
.dv-price{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px)}
.dv-price h3{font-weight:700;font-size:18px;margin-bottom:6px!important}
.dv-price p{font-size:15.5px;line-height:1.5;color:var(--dv-sub);margin-bottom:10px!important}
.dv-link{display:inline-flex;align-items:center;gap:7px;font:600 15px var(--dv-font);color:var(--cta)!important}
.dv-link svg{width:16px;height:16px;flex:none}
.dv-link:hover{color:var(--cta-h)!important;text-decoration:underline!important;text-underline-offset:3px}
.dv-util{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:28px!important}

/* below 900px: the same pieces, stacked in the design's order */
@media (max-width:899px){
  main.t-driving{--u:1.3px}
  .t-driving .dv-art{width:auto;height:auto;padding:0 20px}
  .t-driving .dv-a{position:static;width:auto}
  .dv-br{display:none}
  .dv-hero-img{position:static;height:auto}
  .dv-hero .dv-art{padding:26px 20px 36px}
  .dv-k{position:static;display:block;white-space:normal;margin-bottom:10px;font-size:11px}
  .dv-big{font-size:36px;line-height:1.08}
  .dv-lede{margin-top:14px!important}
  .dv-btn{display:inline-flex;margin-top:20px;padding:0 24px;min-height:46px}
  .dv-tag{margin-top:16px!important}
  .dv-flow .dv-art{padding-top:40px}
  .dv-flow-h{font-size:26px}
  .dv-flow-p{margin-top:6px!important}
  .t-driving .dv-road{width:100%!important;height:auto;margin:18px 0 0}
  .dv-steps{display:grid;gap:18px;margin-top:10px!important;counter-reset:none}
  .dv-step{text-align:left}
  .dv-step h3{margin:0!important}
  .dv-step p{margin-top:2px!important}
  .dv-step br{display:none}
  .dv-flag{text-align:left;margin-top:18px!important;color:var(--cta)}
  .dv-flag br{display:none}
  .dv-rec .dv-art{padding-top:44px;display:flex;flex-direction:column}
  main.t-driving .dv-paper-wrap{position:relative;inset:auto;--u:calc((100cqw - 40px) / 416);height:calc(392 * var(--u));margin:0 0 30px calc(-46 * var(--u))}
  .dv-paper-wrap .dv-a{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u))}
  .dv-h2{font-size:30px;line-height:1.15;margin-top:6px!important}
  .dv-p{margin-top:12px!important;font-size:16px;line-height:1.5}
  .dv-feats{margin-top:18px!important;display:grid;gap:10px}
  .dv-fi{width:44px;height:44px;margin:0}
  .dv-feat{height:auto}
  .dv-feat a{font-size:16px;white-space:normal;margin-left:12px}
  .dv-docs .dv-art{padding-top:40px}
  .dv-row{display:grid;gap:12px;justify-items:center}
  .t-driving .dv-tp{position:relative;left:auto;top:auto;--u:min(1.6px,calc((100cqw - 40px) / 221));width:calc(221 * var(--u));height:calc(180 * var(--u))}
  .dv-arr{position:static;transform:rotate(90deg);width:26px;height:18px;margin:4px auto}
  .dv-caps{display:none}
  .dv-pay .dv-art{padding:36px 20px;display:grid;grid-template-columns:1fr;gap:0}
  .dv-qr-card{width:150px!important;height:auto;padding:14px 14px 12px}
  .dv-qr{width:122px}
  .dv-kick{margin-top:24px!important}
  .dv-h2s{font-size:26px;margin-top:6px!important}
  .dv-pp{font-size:16px;line-height:1.5;margin-top:10px!important}
  .dv-methods{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px!important}
  .dv-methods li{display:flex;align-items:center;gap:10px}
  .dv-mi{width:32px!important;height:32px}
  .dv-ml{font-size:16px}
  .dv-arrow{display:none}
  .dv-note{margin:40px 0 6px 8px!important;font-size:26px;line-height:1.15;transform:rotate(-3deg)}
  .dv-faqs{padding:44px 0 36px}
  .t-driving .dv-faq-in{display:block;padding:0 20px}
  .dv-h2f{font-size:28px;line-height:1.15;margin-bottom:16px!important}
  .t-driving .dv-faq summary{height:auto;min-height:48px;font-size:16px;padding:10px 0}
  .t-driving .dv-faq .a p{font-size:15px}
  .dv-end{background:#1B1611}
  .dv-end-img{position:static;height:auto}
  .dv-end .dv-art{padding:28px 20px 36px}
  .dv-end-h{font-size:30px;white-space:normal}
  .dv-end-p{margin-top:8px!important;font-size:18px}
  .dv-end-r{margin-top:22px!important;font-size:14px;line-height:1.4}
  .dv-end-r br{display:none}
  .dv-price{grid-template-columns:1fr}
}

/* it-hero-phone-v1 start */
/* One composed hero on phones (24 Sep 2026): the picture sits under the copy inside the same panel,
   with a scrim in the panel color, instead of a separate strip beneath the text. */
@media (max-width:899px){
.dv-hero{display:flex;flex-direction:column;position:relative;background:rgb(255,255,255);overflow:hidden;height:auto;min-height:0}
.dv-hero .dv-art{order:1;position:relative;inset:auto;z-index:2;background:transparent;padding-bottom:0;margin-bottom:0}
.dv-hero .dv-hero-img{order:2;position:relative;z-index:1;inset:auto;margin:calc(100vw*-0.2450) 0 0;width:100%;max-width:none;height:auto}
.dv-hero .dv-hero-img{aspect-ratio:1/0.7000;overflow:hidden}
.dv-hero .dv-hero-img{display:block;padding-top:calc(100vw*0.1470);box-sizing:border-box;background:rgb(255,255,255);object-fit:cover;object-position:0 50%;z-index:0;-webkit-mask-image:none;mask-image:none}
.dv-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(100vw*0.7000);z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(255,255,255) 0,rgb(255,255,255) calc(100vw*0.1540),rgba(255,255,255,0.85) calc(100vw*0.1890),rgba(255,255,255,0.5) calc(100vw*0.2660),rgba(255,255,255,0) calc(100vw*0.4690))}
}
/* it-hero-phone-v1 end */