:root{--frame:#8aaed8;--blue:#81aed9;--deep:#2b4c9b;--sheet:#f5f5f3;--ink:#111;--char:#333;--orange:#ff8562;--burg:#681F36;--serif:"IS",Georgia,serif;--sans:"MR",-apple-system,Helvetica,Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--frame);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;letter-spacing:-.02em;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
i{font-style:italic}
.page{position:relative;padding:14px;display:flex;flex-direction:column;gap:14px}
#flow{position:absolute;top:0;left:0;pointer-events:none;z-index:1;overflow:visible}
#flow path{fill:none;stroke:#2b2b2b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.6s cubic-bezier(.45,0,.2,1)}
#flow path.on{stroke-dashoffset:0}
summary:after{background:var(--sheet)}
.sheet{position:relative;background:var(--sheet);border-radius:30px;padding:56px 64px}
.sheet>*,.split>*{position:relative;z-index:2}
.sheet>.abs{position:absolute}
/* type */
.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.sh{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:10px;margin-bottom:48px}
.no{font-family:var(--serif);font-size:18px;color:#888}
.sh h2{font-family:var(--serif);font-weight:400;font-size:clamp(44px,6vw,84px);line-height:.98;letter-spacing:-.015em}
.sh h2 .o{display:block;padding-left:22%}
.cap{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);letter-spacing:-.01em;font-size:12.5px;line-height:1.35;color:var(--char);max-width:220px}
.cap:before,.cap:after{font-family:var(--serif);font-size:54px;line-height:1;color:var(--char);font-weight:400}
.cap:before{content:"("}.cap:after{content:")"}
/* buttons */
.pill{display:flex;align-items:center;justify-content:center;width:100%;height:96px;border-radius:100px;border:1px solid var(--blue);background:var(--sheet);box-shadow:9px -9px 0 var(--blue);font:600 14px var(--sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .2s}
.pill:hover{transform:translate(-3px,3px);box-shadow:12px -12px 0 var(--blue)}
.pill.primary{background:var(--deep);border-color:var(--deep);color:#fff;gap:14px;font-size:15px;letter-spacing:.12em;transition:transform .2s,box-shadow .2s,background .3s,color .3s,border-color .3s}
.pill.primary:hover{background:#bcd4ee;border-color:#bcd4ee;color:var(--deep);box-shadow:12px -12px 0 var(--deep)}
.pill.primary svg{width:22px;height:22px;transition:transform .2s}
.pill.primary:hover svg{transform:translate(3px,-3px)}
.quizcta{display:inline-flex;align-items:center;gap:16px;padding:9px 9px 9px 10px;border:1px solid var(--ink);border-radius:100px;background:var(--sheet);box-shadow:5px -5px 0 var(--burg);cursor:pointer;font:inherit;color:var(--ink);transition:transform .2s,box-shadow .2s}
.quizcta:hover{transform:translate(-2px,2px);box-shadow:8px -8px 0 var(--burg)}
.qbadge{background:var(--burg);color:#fff;font:600 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;border-radius:100px;padding:9px 13px;white-space:nowrap}
.qtxt{font-family:var(--serif);font-size:27px;line-height:1;white-space:nowrap}
.qgo{width:46px;height:46px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;flex:none;animation:nudge 2.6s ease-in-out infinite}
.qgo svg{width:20px;height:20px}
@keyframes nudge{0%,72%,100%{transform:none}80%{transform:translateX(5px)}88%{transform:translateX(-2px)}}
.arrowlink{display:inline-flex;align-items:center;gap:16px;font-family:var(--serif);font-size:34px;cursor:pointer;background:none;border:none;color:inherit}
.arrowlink .c{width:52px;height:52px;border-radius:50%;border:1px solid var(--ink);background:var(--sheet);box-shadow:4px -4px 0 var(--char);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s}
.arrowlink:hover .c{transform:rotate(-45deg)}
.arrowlink svg{width:22px;height:22px}
.round{width:52px;height:52px;border-radius:50%;border:1px solid var(--ink);background:var(--sheet);box-shadow:4px -4px 0 var(--char);display:inline-flex;align-items:center;justify-content:center;font:600 12px var(--sans)}
/* nav */
.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.logo{font-family:"PF",Georgia,serif;font-size:30px;letter-spacing:-.02em;line-height:1;color:var(--ink);white-space:nowrap}
.logo i{font-style:italic;color:var(--deep);font-size:1.12em}
.nav .r{display:flex;gap:22px;align-items:center;font-size:13px}
.lang{cursor:pointer;color:#999}.lang b{color:var(--ink);font-weight:600}
.menu-btn{position:fixed;top:28px;right:32px;z-index:40;width:56px;height:56px;border-radius:50%;background:var(--sheet);border:1px solid var(--ink);box-shadow:4px -4px 0 var(--char);cursor:pointer;display:flex;align-items:center;justify-content:center}
.menu-btn i{display:block;width:20px;height:1.5px;background:var(--ink);box-shadow:0 -6px 0 var(--ink),0 6px 0 var(--ink)}
.menu{position:fixed;inset:14px;z-index:39;background:var(--sheet);border-radius:30px;display:none;flex-direction:column;justify-content:center;padding:80px}
.menu.on{display:flex}
.menu a{font-family:var(--serif);font-size:clamp(40px,6vw,76px);line-height:1.15}
.menu a:hover{font-style:italic}
.menu .mfoot{margin-top:40px;font-size:14px;color:var(--char)}
/* hero */
.hl{font-family:var(--serif);font-weight:400;font-size:clamp(44px,5.3vw,80px);line-height:1.05;letter-spacing:-.02em}
.hl>span{display:block}
.hl .l1{display:flex;align-items:center;gap:.4em;flex-wrap:wrap}
.hl .l1 .ava{margin-left:auto;margin-right:9%}
.hl .l2{white-space:nowrap;padding-left:38%}
.hl .l4{padding-left:12%;display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.hl .l5{text-align:right;padding-right:56px}
.ava{position:relative;width:.95em;height:.95em;display:inline-block;vertical-align:middle}
.ava .ph{position:absolute;inset:0;border-radius:50%;border:2px solid var(--sheet);background-size:cover;opacity:0;transform:scale(.8) rotate(-8deg);transition:all .6s cubic-bezier(.3,1.4,.5,1);display:flex;align-items:center;justify-content:center;font:600 9px var(--sans);letter-spacing:0;color:#fff;text-transform:uppercase}
.ava .ph.on{opacity:1;transform:none}
.note{font:500 12px var(--sans);color:var(--deep);letter-spacing:0}
.hero .intro{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin:44px 0 40px}
.hero .intro p{max-width:460px;color:var(--char);font-size:16px}
/* ribbon */
.ribbon{overflow:hidden;margin:-4px -14px;padding:10px 0;position:relative;z-index:2}
.track{display:flex;gap:14px;width:max-content;animation:mq 40s linear infinite}
.ribbon:hover .track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.chipbig{background:var(--sheet);border-radius:24px;padding:14px 30px 16px;font-family:var(--serif);font-size:32px;line-height:1.05;white-space:nowrap;display:flex;flex-direction:column;justify-content:center}
.chipbig small{font:600 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:5px}
.chipbig img{height:30px;width:auto;filter:grayscale(1) brightness(.2)}
.chipbig i{color:var(--deep)}
/* cards */
.card{position:relative;background:var(--sheet);border:1px solid var(--blue);border-radius:24px;box-shadow:8px -8px 0 var(--blue);padding:34px}
.card.solid{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:8px -8px 0 var(--deep)}
.card .num{font-family:var(--serif);font-style:italic;color:#999;font-size:16px}
.card.solid .num{color:#fff}
.card h3{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.02;margin:8px 0 12px}
.card p{font-size:14px;color:var(--char)}
.card.solid p{color:#fff}
.tagp{display:inline-block;margin-top:18px;font-size:12px;font-weight:600;border:1px solid currentColor;border-radius:100px;padding:5px 13px}
.zig{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;align-items:start}
.zig>:nth-child(2){margin-top:90px}.zig>:nth-child(3){margin-top:20px}.zig>:nth-child(4){margin-top:130px}
.more{margin-top:44px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;color:var(--char)}
/* steps */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}

.step .round{width:72px;height:72px;font-family:var(--serif);font-size:28px;font-weight:400;margin-bottom:22px}
.step h4{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.05;margin-bottom:8px}
.step p{font-size:14px;color:var(--char)}
/* services */
.grp{margin-top:56px}
.grp h5{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--char);margin-bottom:26px;display:flex;align-items:center;gap:14px}
.grp h5:after{content:"";flex:1;height:1px;background:var(--blue)}
#g-cons{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:820px}
#g-cons>:nth-child(2){margin-top:60px}
#g-ment{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
#g-ment>:nth-child(2){margin-top:90px}#g-ment>:nth-child(3){margin-top:30px}
#g-diy{max-width:560px;margin-left:auto}
.svc{cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;min-height:260px}
.svc:hover{transform:translate(-3px,3px);box-shadow:11px -11px 0 var(--blue)}
.svc.diy{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:8px -8px 0 var(--deep)}
.svc.diy p,.svc.diy .num{color:#fff}
.svc h3{font-size:44px}
.svc p{flex:1}
.svc .foot{display:flex;justify-content:space-between;align-items:center;margin-top:26px}
.svc .chip{font-size:12px;font-weight:600;border:1px solid currentColor;border-radius:100px;padding:5px 13px}
.svc .go{width:46px;height:46px;border-radius:50%;border:1px solid currentColor;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.svc:hover .go{transform:rotate(-45deg)}
.badge{position:absolute;top:-14px;left:28px;background:var(--deep);color:#fff;font-size:11px;font-weight:600;border-radius:100px;padding:5px 13px;letter-spacing:.02em}
.includes{margin-top:64px;border-top:1px solid var(--blue);padding-top:30px;display:grid;grid-template-columns:260px 1fr;gap:30px}
.includes b{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.05}
.includes ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.includes li{border:1px solid var(--blue);border-radius:100px;padding:8px 16px;font-size:13.5px;background:var(--sheet)}
.includes .pay{grid-column:2;font-weight:600;font-size:14px}
/* dark sheet */
.sheet.dark{background:radial-gradient(120% 90% at 80% 50%,#3d6fd0 0%,#2447a8 45%,#162f7a 100%);color:#fff;overflow:hidden;min-height:620px}
.dark .sh h2,.dark .no{color:#fff}
.dark .cap,.dark .cap:before,.dark .cap:after{color:#fff}
.dark .photo-r{position:absolute!important;right:0;bottom:0;top:0;width:44%;background:linear-gradient(200deg,rgba(255,255,255,.12),rgba(255,255,255,0));display:flex;align-items:flex-end;justify-content:center;padding-bottom:30px;font:500 12px var(--sans);color:rgba(255,255,255,.7);z-index:0!important}
.dark .pill{background:#fff;color:var(--deep);border-color:#fff;box-shadow:9px -9px 0 rgba(255,255,255,.35);max-width:620px}
.dark p.lead{max-width:520px;color:rgba(255,255,255,.85);font-size:16px;margin:-10px 0 40px}
/* not for */
.nf{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 60px}
.nf .card:nth-child(even){margin-top:50px}
.nf .card h3{font-size:32px}
/* testimonials */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;align-items:start}
.tgrid>:nth-child(2){margin-top:80px}.tgrid>:nth-child(3){margin-top:20px}
.tq{font-family:var(--serif);font-size:25px;line-height:1.15;margin:12px 0 24px}
.who2{display:flex;align-items:center;gap:12px}
.av{width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;flex:none;box-shadow:3px -3px 0 var(--deep)}
.who2 b{display:block;font-size:14px}.who2 span{font-size:12px;color:#888}
.ok{display:inline-block;font-size:11px;font-weight:600;border:1px solid var(--blue);border-radius:100px;padding:3px 10px;margin-top:5px;color:var(--deep)}
.voice{margin-top:44px;display:flex;align-items:center;gap:16px;color:var(--char);font-size:13px}
.vpill{display:flex;align-items:center;gap:12px;border:1px solid var(--ink);border-radius:100px;padding:10px 18px 10px 10px;box-shadow:4px -4px 0 var(--char);background:var(--sheet)}
.vpill .pl{width:32px;height:32px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center}
.wave{display:flex;gap:2px;align-items:center;height:22px}.wave i{width:2px;background:var(--ink);border-radius:2px}
/* split about */
.split{display:grid;grid-template-columns:1fr 300px;gap:14px;align-items:stretch}
.split .side{display:flex;flex-direction:column;justify-content:space-between;padding:26px 6px;color:#fff;font-size:13px;gap:20px}
.split .side>span{max-width:180px}
.vid{aspect-ratio:9/16;border-radius:24px;background:linear-gradient(170deg,#c9daf0,#6f97cf 60%,#2b4c9b);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#fff;text-align:center;padding:20px;font-size:12.5px}
.vid .play{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center}
.vid .sub{position:absolute;bottom:26px;left:16px;right:16px;background:rgba(0,0,0,.45);border-radius:8px;padding:6px 8px;font-weight:600}
.aboutg{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.photo{aspect-ratio:4/5;border-radius:24px;background:linear-gradient(160deg,#dfe8f2,#9dbbe0);box-shadow:8px -8px 0 var(--blue);display:flex;align-items:flex-end;justify-content:center;padding:20px;font-size:12px;color:#fff}
.aboutg h3{font-family:var(--serif);font-weight:400;font-size:64px;line-height:1;margin-bottom:22px}
.aboutg p{color:var(--char);font-size:16px;margin-bottom:14px;max-width:520px}
/* atty + faq */
.atty{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center;margin-bottom:70px}
.atty h3{font-family:var(--serif);font-weight:400;font-size:48px;line-height:1.02}
.atty p{color:var(--char);font-size:16px}
.faq{max-width:780px}
details{border-bottom:1px solid var(--blue);padding:22px 0;background:var(--sheet)}
summary{list-style:none;cursor:pointer;font-family:var(--serif);font-size:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;font:400 20px var(--sans);transition:transform .2s}
details[open] summary:after{transform:rotate(45deg)}
details p{color:var(--char);margin-top:12px;font-size:15.5px;max-width:680px}
/* final */
.sheet.soft{background:linear-gradient(100deg,#e9eef4 0%,#cfdcec 60%,#b3c9e4 100%);min-height:520px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.soft .photo-r{position:absolute!important;right:0;top:0;bottom:0;width:42%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:30px;font-size:12px;color:#fff;background:linear-gradient(200deg,rgba(43,76,155,.25),rgba(43,76,155,0));z-index:0!important}
.soft h2{font-family:var(--serif);font-weight:400;font-size:clamp(50px,7vw,100px);line-height:.98}
.soft h2 i{display:block;padding-left:12%;color:var(--deep)}
.soft .cap{margin-top:30px}
/* contact */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:520px}
.icons{display:flex;margin-top:22px}
.icons .round{margin-right:-4px;width:58px;height:58px}
.icons svg{width:20px;height:20px}
.contact .big{font-family:var(--serif);font-size:46px;color:var(--ink);display:inline-flex;align-items:center;gap:16px;margin-top:10px}
.contact .ph2{aspect-ratio:1/1;max-width:260px;margin-left:auto;border-radius:24px;background:linear-gradient(160deg,#dfe8f2,#9dbbe0);display:flex;align-items:flex-end;justify-content:center;padding:16px;font-size:12px;color:#fff}
.legal{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;font-size:12px;color:#777;margin-top:auto}
.legal p{max-width:560px}
/* modal (reused from v1) */
.ov{position:fixed;inset:0;background:rgba(22,47,122,.35);backdrop-filter:blur(3px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.ov.on{display:flex}
.modal{background:var(--sheet);border:1px solid var(--blue);border-radius:30px;box-shadow:10px -10px 0 var(--blue);width:min(660px,100%);max-height:88vh;overflow:auto;padding:46px;position:relative;animation:pop .25s ease}
@keyframes pop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.x{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;border:1px solid var(--ink);background:var(--sheet);box-shadow:3px -3px 0 var(--char);font-size:20px;cursor:pointer}
.modal .num{font-family:var(--serif);font-style:italic;color:#999}
.modal h3{font-family:var(--serif);font-weight:400;font-size:52px;line-height:1}
.modal .sub{font-family:var(--serif);font-style:italic;color:var(--char);font-size:22px;margin:8px 0 26px}
.modal h6{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--deep);margin:24px 0 8px}
.modal p,.modal li{font-size:14.5px;color:var(--char)}
.modal ul,.modal ol{padding-left:20px}.modal li{margin:4px 0}
.modal .inc li b{color:var(--ink)}
.modal a{color:var(--deep);text-decoration:underline}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;padding:16px 28px;font:600 13px var(--sans);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:1px solid var(--blue);background:var(--sheet);color:var(--ink)!important;text-decoration:none!important;box-shadow:6px -6px 0 var(--blue)}
.btn.fill{background:var(--deep);border-color:var(--deep);color:#fff!important;box-shadow:6px -6px 0 var(--blue)}
.pricebox{margin-top:30px;border-top:1px solid var(--blue);padding-top:26px;text-align:center}
.price{display:none;animation:pop .3s ease}
.price .big{font-family:var(--serif);font-size:40px;line-height:1.25}
.price .big small{font-family:var(--sans);font-size:14px;color:var(--char)}
.price p{margin:6px 0}
.price .btn{margin-top:18px}
.qz{min-height:480px;display:flex;flex-direction:column}
.bar{height:4px;background:#dde6f0;border-radius:4px;margin:8px 60px 28px 0;overflow:hidden}
.bar i{display:block;height:100%;background:var(--deep);width:0;transition:width .3s}
.qn{font-family:var(--serif);font-style:italic;color:#999;font-size:16px}
.qq{font-family:var(--serif);font-size:36px;line-height:1.08;margin:6px 0 24px}
.opts{display:flex;flex-direction:column;gap:12px}
.opt{text-align:left;background:var(--sheet);border:1px solid var(--blue);border-radius:100px;padding:15px 22px;font:500 14.5px var(--sans);cursor:pointer;transition:all .15s}
.opt:hover{border-color:var(--ink);transform:translate(-2px,2px);box-shadow:4px -4px 0 var(--blue)}
.back{margin-top:auto;padding-top:18px;font-size:13px;color:#888;background:none;border:none;cursor:pointer;align-self:flex-start}
.react{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:16px;animation:pop .2s}
.react svg{width:104px;height:104px}
.react p{font-family:var(--serif);font-style:italic;font-size:30px}
.res h3{font-size:44px;margin:8px 0 14px}
.res .btn{margin:20px 12px 0 0}
.res .diy{display:block;margin-top:20px;font-size:14px}
.res .fine{font-size:11.5px;color:#999;margin-top:22px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:50px;font-size:13px;z-index:120;display:none}
@media(max-width:900px){
 .sheet{padding:34px 22px;border-radius:24px}
 .page{padding:8px;gap:8px}
 .menu-btn{top:18px;right:18px;width:48px;height:48px}
 .nav .r .lang{display:none}
 .sh{grid-template-columns:1fr;gap:6px}.sh h2 .o{padding-left:10%}
 .hl .l2{white-space:normal;text-align:left;padding-left:10%}.hl .l1 .ava{margin:0}.hl .l4{padding-left:0;gap:14px}
 .hero .intro{grid-template-columns:1fr}
 .pill{height:76px}
 .zig,.steps,#g-cons,#g-ment,.nf,.tgrid,.aboutg,.atty,.contact,.split,.includes{grid-template-columns:1fr}
 .zig>*,.steps>*,#g-cons>*,#g-ment>*,.nf>*,.tgrid>*{margin-top:0!important}
 .includes .pay{grid-column:1}
 .dark .photo-r,.soft .photo-r{position:relative!important;width:100%;height:260px;margin-top:24px;border-radius:20px}
 .split .vid{max-width:300px;margin:0 auto}
 .modal{padding:34px 22px}.ov{padding:0;align-items:flex-end}.modal{border-radius:26px 26px 0 0;max-height:94vh;width:100%}
 .chipbig{font-size:24px;padding:16px 24px}
 #flow{display:none}
}

/* palette: ink + deep blue + burgundy + sky blue */
.no,.card .num,.modal .num,.qn{color:var(--burg)!important}
.sh h2 i,.hl i,.soft h2 i,.aboutg h3 i,.atty h3 i{color:var(--deep)}
.badge{background:var(--burg)}
.ok{color:var(--burg);border-color:rgba(136,37,81,.35)}
.av{box-shadow:3px -3px 0 var(--burg)}
.chipbig small,.grp h5,.modal h6{color:var(--burg)}
details[open] summary:after,summary:hover:after{border-color:var(--burg);color:var(--burg)}
.opt:hover{box-shadow:4px -4px 0 var(--burg)}
.bar i{background:var(--burg)}

/* about (short) */
.facts{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 16px}
.facts span{font-size:12.5px;border:1px solid var(--blue);border-radius:100px;padding:6px 14px;color:var(--char);background:#fff}
.facts b{color:var(--deep);font-weight:600}
.aboutg .cred{font-size:13.5px;color:#666;margin-bottom:22px}.aboutg .cred b{color:var(--ink);font-weight:600}
/* who (compact) */
.tri{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:30px;align-items:stretch}
.tri .card{display:flex;flex-direction:column}
.tri .card h3{margin-top:0}
.tri .card.solid h3{font-size:44px}
.tri .card .num{margin-bottom:6px}
#who .more{margin-top:40px;padding:22px 30px;border:1px dashed var(--blue);border-radius:22px;align-items:center}
#who .more p{max-width:640px;font-size:15px;color:var(--char)}#who .more p b{color:var(--ink);font-weight:600}
/* brands marquee */
.brands{margin-top:56px;padding-top:34px;border-top:1px solid rgba(129,174,217,.45)}
.brands .bl{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--char);margin-bottom:26px}
.brands .st{color:var(--burg);font-size:22px;line-height:1}
.bmq{overflow:hidden;margin:0 -64px;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.btrack{display:flex;width:max-content;animation:mq 38s linear infinite}
.bmq:hover .btrack{animation-play-state:paused}
.bset{display:flex;align-items:center;gap:78px;padding-right:78px;height:64px}
.bset img{width:auto;display:block;opacity:.85;transition:opacity .2s}
.bset img:hover{opacity:1}
@keyframes mq{to{transform:translateX(-50%)}}
@media(max-width:900px){#story .side{display:none}.aboutg .photo{aspect-ratio:1/1;max-width:220px}.aboutg h3{font-size:46px}.tri{grid-template-columns:1fr;gap:22px}.tri .card{padding:24px}.tri .card h3,.tri .card.solid h3{font-size:30px}.bmq{margin:0 -22px}.bset{gap:48px;padding-right:48px}.bset img{transform:scale(.8)}#who .more{padding:18px}}

/* dark headings: light accent */
.dark .sh h2 i{color:#bcd4ee!important}
/* v3: header links, hero "for" line */
.nav .links{display:flex;gap:26px;margin-left:auto;margin-right:40px;font-size:13.5px;font-weight:500}
.nav .links a{position:relative}.nav .links a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:var(--deep);transition:right .25s}.nav .links a:hover:after{right:0}
.forl{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:22px 56px 0 0;flex-wrap:wrap}
.forl .fl{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--char);margin-right:4px}
.forl a{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);border-radius:100px;padding:10px 18px;transition:background .2s,color .2s}
.forl a:hover{background:#bcd4ee;border-color:#bcd4ee}
.forl a.on{background:var(--deep);border-color:var(--deep);color:#fff}
/* content notes */
.need{display:block;width:fit-content;max-width:360px;font:500 12px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--burg);background:#fbeef3;border:1px dashed #c98aa6;border-radius:10px;padding:7px 11px;margin:12px 0}
.need:before{content:"контент: ";font-weight:700}
body.nonotes .need{display:none}
.ntog{position:fixed;left:24px;bottom:24px;z-index:60;font:600 12px var(--sans);background:var(--burg);color:#fff;border:0;border-radius:100px;padding:10px 16px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.15)}
.split .side .need{color:var(--burg)}
/* about: three results + travel strip */
.three{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:26px;align-items:start;margin-top:52px;padding-top:34px;border-top:1px solid rgba(129,174,217,.45)}
.three h4{font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.05}.three h4 i{color:var(--deep)}
.r3 .k{display:block;font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--burg);margin-bottom:8px}
.r3 b{display:block;font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.05;margin-bottom:8px}
.r3 p{font-size:13.5px;color:var(--char)}
.r3 a{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:600;color:var(--deep);border-bottom:1px solid var(--deep)}
.tstrip{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1.5fr 1fr;gap:12px;margin-top:30px;height:230px}
.tstrip figure{margin:0;border-radius:18px;position:relative;overflow:hidden}
.tstrip figure:nth-child(even){margin-top:26px}
.tstrip figcaption{position:absolute;left:10px;bottom:10px;right:10px;font:600 11px var(--sans);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.3)}
/* guides shelf */
.gshelf{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;align-items:stretch}
#guides #g-diy{max-width:none;margin:0;display:flex}#guides #g-diy>.svc{flex:1}
.gtravel{display:flex;flex-direction:column;cursor:pointer;transition:transform .2s;padding-top:20px}
.gtravel:hover{transform:translate(-3px,3px)}
.gtravel .gimg{height:150px;border-radius:16px;margin-bottom:20px;background:linear-gradient(135deg,#f3c9a8 0%,#9fd3d6 55%,#2f7f9a 100%);position:relative}
.gtravel .soon{position:absolute;top:12px;left:12px;background:var(--burg);color:#fff;font:600 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:6px 11px;border-radius:100px}
.gtravel h3,.gcareer h3{font-size:34px}
.gtravel p,.gcareer p{flex:1}
.gtravel .foot,.gcareer .foot{display:flex;justify-content:space-between;align-items:center;margin-top:24px}
.gtravel .chip,.gcareer .chip{font-size:12px;font-weight:600;border:1px solid currentColor;border-radius:100px;padding:5px 13px}
.gtravel .go{width:46px;height:46px;border-radius:50%;border:1px solid currentColor;display:flex;align-items:center;justify-content:center}
.gcareer{display:flex;flex-direction:column;border-style:dashed;box-shadow:none;background:transparent}
.gcareer .mini{font-size:13px;font-weight:600;color:var(--deep);border-bottom:1px solid var(--deep)}
.gnotes{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}
@media(max-width:900px){
 .nav .links{display:none}
 .forl{justify-content:flex-start;margin:18px 0 0;gap:8px}.forl .fl{font-size:20px}.forl a{padding:8px 12px;font-size:10.5px;letter-spacing:.08em}
 .hero .intro{grid-template-columns:minmax(0,1fr)}.quizcta{width:100%;gap:10px}.qtxt{white-space:normal;font-size:20px;flex:1;text-align:left}.qbadge{font-size:9.5px;padding:7px 9px}
 .three{grid-template-columns:1fr;gap:18px}
 .tstrip{display:flex;overflow-x:auto;height:200px;margin:24px -22px 0;padding:0 22px;scroll-snap-type:x mandatory}
 .tstrip figure{flex:0 0 62%;scroll-snap-align:start}.tstrip figure:nth-child(even){margin-top:0}
 .gshelf{grid-template-columns:1fr;gap:26px}
 .ntog{left:12px;bottom:12px}
}

/* v4 */
.gshelf{grid-template-columns:repeat(2,1fr)}
#guides .gshelf .num{display:block;font-family:var(--serif);font-style:normal;font-size:clamp(48px,4.6vw,66px);line-height:.95;letter-spacing:-.015em;margin:4px 0 14px}
#guides .svc.diy .num{color:#fff!important}
#guides .gtravel .num{color:var(--deep)!important}
#guides .gshelf h3{font-size:28px;margin:0 0 8px}
#guides .svc.diy h3{font-size:28px}
/* attorney: collapsible */
details.attyd{border:1px solid var(--blue);border-radius:22px;padding:20px 26px;margin-bottom:60px;background:#fff}
details.attyd summary{font-size:26px;align-items:center}
details.attyd summary i{color:var(--deep)}
details.attyd .why{margin-left:auto;font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--burg)}
details.attyd summary:after{flex:none}
details.attyd p{max-width:820px}
/* quiz: compact */
.sheet.dark.qmini{min-height:0;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding-top:44px;padding-bottom:44px}
.qmini .no{color:#bcd4ee!important;font-size:16px}
.qmini h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,3.8vw,56px);line-height:1;margin:6px 0 10px;color:#fff}
.qmini h2 i{color:#bcd4ee}
.qmini p{color:rgba(255,255,255,.85);font-size:15px}
.qmini .pill{width:auto;height:72px;padding:0 44px;max-width:none}
/* motto + contact merged */
.contact{min-height:0;align-items:start}
.contact .cmain{display:flex;flex-direction:column;align-items:flex-start}
.contact .motto{font-family:var(--serif);font-weight:400;font-size:clamp(48px,5.6vw,84px);line-height:.98;letter-spacing:-.015em}
.contact .motto i{display:block;padding-left:10%;color:var(--deep)}
.contact .cap{margin:22px 0 26px}
.contact .crow{display:flex;align-items:center;gap:18px;margin-top:26px;color:var(--char);font-size:13px}
.contact .crow .icons{margin-top:0}
.contact .ph2{width:100%;max-width:320px}
@media(max-width:900px){
 .gshelf{grid-template-columns:1fr}
 details.attyd summary{font-size:21px}details.attyd{padding:16px 18px}
 .sheet.dark.qmini{grid-template-columns:1fr;gap:22px}.qmini .pill{width:100%;height:64px}
 .contact .motto i{padding-left:0}.contact .crow{flex-wrap:wrap}
}

/* v5: guide cards */
#guides .gtitle{font-family:var(--serif);font-weight:400;font-size:clamp(56px,5.4vw,80px);line-height:.92;letter-spacing:-.02em;margin:6px 0 14px}
#guides .gtitle i{font-style:italic}
.gvisa{position:relative;overflow:hidden;background:var(--deep)!important;border-color:var(--deep)!important;color:#fff;box-shadow:8px -8px 0 var(--blue)!important;padding:34px 36px}
.gvisa .gtitle{color:#fff}.gvisa .gtitle i{color:#bcd4ee}
.gvisa h3{color:#fff;font-size:30px!important;margin:0 0 8px}
.gvisa p{color:rgba(255,255,255,.85)!important;max-width:380px;flex:none!important}
.gbadge{align-self:flex-start;background:var(--burg);color:#fff;font:600 11px var(--sans);letter-spacing:.1em;border-radius:100px;padding:7px 13px;margin-bottom:18px;position:relative;z-index:1}
.gchips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 4px;max-width:470px;position:relative;z-index:1}
.gchips span{font-size:12px;border:1px solid rgba(255,255,255,.45);border-radius:100px;padding:5px 12px;color:#fff}
.gchips span.b{border-color:#bcd4ee;background:rgba(188,212,238,.18)}
.gvisa .foot{margin-top:auto;padding-top:26px}
.gvisa .chip{color:#fff}.gvisa .go{color:#fff}
.gvisa:hover{box-shadow:12px -12px 0 var(--blue)!important}
.pdfs{position:absolute;right:30px;top:30px;width:120px;height:150px;pointer-events:none}
.pdfs i{position:absolute;inset:0;border-radius:12px;background:var(--sheet);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.pdfs i:nth-child(1){transform:rotate(10deg) translate(14px,6px);background:#bcd4ee}
.pdfs i:nth-child(2){transform:rotate(4deg) translate(6px,2px);background:#dfe8f2}
.pdfs i:nth-child(3){background:var(--sheet) linear-gradient(var(--blue),var(--blue)) 16px 26px/60% 3px no-repeat;}
.pdfs i:nth-child(3):before{content:"";position:absolute;left:16px;right:16px;top:42px;height:60px;background:repeating-linear-gradient(#cfdcec 0 2px,transparent 2px 12px)}
.pdfs i:nth-child(3):after{content:"PDF";position:absolute;left:16px;bottom:14px;font:700 11px var(--sans);letter-spacing:.1em;color:var(--burg)}
.gtravel .gtitle{color:var(--ink)}.gtravel .gtitle i{color:var(--deep)}
@media(max-width:600px){.pdfs{display:none}}
@media(max-width:900px){.pdfs{width:80px;height:100px;right:18px;top:18px}.gvisa{padding:26px 22px}#guides .gtitle{font-size:52px}}

/* ===== v5 ===== */
.page{padding:30px;gap:26px}
.menu-btn{top:40px;right:44px}
/* hero */
.hero .intro p b{color:var(--ink);font-weight:600}
/* who (compact) */
.whos{padding-top:44px;padding-bottom:40px}
.whos-h{display:grid;grid-template-columns:70px auto 1fr;gap:10px 24px;align-items:center;margin-bottom:30px}
.whos-h h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.4vw,64px);line-height:1}
.whos-h h2 i{color:var(--deep)}
.whos-h p{font-size:14px;color:var(--char);max-width:340px;justify-self:end}
.whos-g{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--blue);border-bottom:1px solid var(--blue)}
.wcol{padding:26px 28px 26px 0}
.wcol+.wcol{padding-left:28px;border-left:1px solid var(--blue)}
.wk{display:block;font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--burg);margin-bottom:10px}
.wcol h3{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1;margin-bottom:8px}
.wcol h3 i{color:var(--deep)}
.wcol p{font-size:14px;color:var(--char)}
.whos-more{margin-top:20px;font-size:14px;color:var(--char)}
.whos-more a{color:var(--deep);font-weight:600;border-bottom:1px solid var(--deep);margin-left:6px}
/* proof band */
.proof{padding-top:34px;padding-bottom:34px;display:flex;flex-direction:column;gap:26px}
.prow{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center}
.prow+.prow{padding-top:26px;border-top:1px solid rgba(129,174,217,.45)}
.pl{font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--burg)}
.plogos{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.plogos img{opacity:.85}
.proof .bmq{margin:0;min-width:0}
/* how: 4 steps */
.steps.s4{grid-template-columns:repeat(4,1fr);gap:30px;position:relative}
.steps.s4:before{content:"";position:absolute;left:36px;right:22%;top:36px;border-top:1px dashed var(--blue);z-index:0}
.steps.s4 .round{position:relative;z-index:1;background:var(--sheet)}
.step h4 i{color:var(--deep)}
.forkb{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.forkb a{display:block;border:1px solid var(--blue);border-radius:16px;padding:12px 16px;font-family:var(--serif);font-size:21px;line-height:1.1;background:#fff;transition:transform .2s}
.forkb a small{display:block;font:500 12px var(--sans);color:var(--char);margin-top:4px}
.forkb a.on{background:var(--deep);border-color:var(--deep);color:#fff}.forkb a.on small{color:rgba(255,255,255,.8)}
.forkb a:hover{transform:translateX(4px)}
/* services: compact, colour-coded */
.grp{margin-top:40px}
.grp h5 span{color:var(--char);letter-spacing:.08em;font-weight:500}
#g-cons{grid-template-columns:1fr 1fr;gap:28px;max-width:none}
#g-ment{grid-template-columns:repeat(3,1fr);gap:28px}
#g-cons>*,#g-ment>*{margin-top:0!important}
#services .svc{min-height:230px;padding:30px 32px}
#services .svc h3{font-size:44px;line-height:.98;margin:6px 0 10px}
#services .svc h3 i{font-style:italic}
#services .svc .num{font-style:normal;font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.14em}
.svc.k-first{background:var(--sheet)}.svc.k-first h3 i{color:var(--deep)}
.svc.k-deep{background:var(--burg);border-color:var(--burg);color:#fff;box-shadow:8px -8px 0 #bcd4ee}
.svc.k-deep p,.svc.k-deep .num{color:rgba(255,255,255,.85)!important}.svc.k-deep h3 i{color:#f3c6d6}
.svc.k-deep .badge{background:#fff;color:var(--burg)}
.svc.k-cut{background:#e3ecf6;border-color:#bcd4ee}.svc.k-cut h3 i{color:var(--deep)}
.svc.k-up{background:var(--blue);border-color:var(--blue);box-shadow:8px -8px 0 var(--deep)}.svc.k-up h3 i{color:#fff}
.svc.k-up p,.svc.k-up .num{color:var(--ink)!important}
.svc.k-zero{background:var(--deep);border-color:var(--deep);color:#fff;box-shadow:8px -8px 0 var(--blue)}
.svc.k-zero p,.svc.k-zero .num{color:rgba(255,255,255,.85)!important}.svc.k-zero h3 i{color:#bcd4ee}
.includes{margin-top:44px;padding-top:24px}
/* guides: single wide card */
.gshelf{grid-template-columns:1fr!important}
.gvisa{padding:40px 44px}
.gvisa .pdfs{width:170px;height:210px;right:70px;top:50%;margin-top:-105px}
.gvisa p{max-width:520px}.gchips{max-width:620px}
/* faq: collapsed strip */
.qfaq{padding-top:40px;padding-bottom:40px}
.qf-row{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.qf-row h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,3.8vw,56px);line-height:1;margin:6px 0 10px}
.qf-row h2 i{color:var(--deep)}
.qf-row p{font-size:15px;color:var(--char)}
.qfaq .fbtn{width:auto;height:72px;padding:0 40px;gap:12px}
.qfaq .fbtn span{font-size:22px;font-weight:400;transition:transform .25s}
.qfaq .fbtn.open span{transform:rotate(45deg)}
.faqwrap{margin-top:34px}
.faqwrap details.attyd{margin-bottom:24px}
/* final: compact */
.cfin{padding-top:44px;padding-bottom:34px}
.cf-top{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;margin-bottom:34px}
.cfin .motto{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.6vw,54px);line-height:1.02;letter-spacing:-.01em}
.cfin .motto i{color:var(--deep)}
.cf-act{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
.cfin .big{font-family:var(--serif);font-size:36px;display:inline-flex;align-items:center;gap:12px}
.cfin .icons{margin-top:0}
.cfin .legal{padding-top:22px;border-top:1px solid rgba(129,174,217,.45)}
@media(max-width:900px){
 .page{padding:12px;gap:12px}
 .menu-btn{top:18px;right:18px}
 .whos-h{grid-template-columns:1fr}.whos-h p{justify-self:start}
 .whos-g{grid-template-columns:1fr}.wcol h3{font-size:30px}.wcol,.wcol+.wcol{padding:14px 0;border-left:0}.wcol+.wcol{border-top:1px solid var(--blue)}
 .prow{grid-template-columns:1fr;gap:14px}.plogos{justify-content:flex-start;gap:22px}.plogos img{transform:scale(.85);transform-origin:left center}
 .steps.s4{grid-template-columns:1fr}.steps.s4:before{display:none}
 #g-cons,#g-ment{grid-template-columns:1fr}
 #services .svc h3{font-size:36px}
 .gvisa{padding:26px 22px}
 .qf-row{grid-template-columns:1fr;gap:20px}.qfaq .fbtn{width:100%;height:62px}
 .cf-top{grid-template-columns:1fr}.cf-act{align-items:flex-start}.cfin .big{font-size:30px}
}

/* ===== v6: calmer system ===== */
/* thinner offset shadows */
.card{box-shadow:5px -5px 0 var(--blue)}
.card.solid{box-shadow:5px -5px 0 var(--deep)}
.photo{box-shadow:5px -5px 0 var(--blue)}
.svc.k-deep{box-shadow:5px -5px 0 #bcd4ee}.svc.k-up{box-shadow:5px -5px 0 var(--deep)}.svc.k-zero,.gvisa{box-shadow:5px -5px 0 var(--blue)!important}
.svc:hover{transform:translate(-2px,2px)}
/* bigger body text */
.card p,.svc p{font-size:16px;line-height:1.5}
.step p{font-size:16px;line-height:1.5}
.aboutg p{font-size:17px;line-height:1.55}
.wcol p{font-size:15.5px}
.whos-more,.howm-alt{font-size:15px}
.includes li{font-size:14.5px}
.cap{font-size:13px}
/* hero */
.hero .intro p{font-size:18px;max-width:600px;line-height:1.5}
.hero .intro p b{font-weight:600}
.hformats{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-16px 0 30px}
.hformats>span{font-size:13px;color:#6b7a90;margin-right:4px}
.hformats a{font-size:14px;border:1px solid var(--blue);border-radius:100px;padding:8px 14px;background:#fff;transition:border-color .2s}
.hformats a b{color:var(--deep);font-weight:600}
.hformats a:hover{border-color:var(--deep)}
/* about */
.about2 .aboutg{grid-template-columns:.8fr 1.2fr;align-items:start}
.about2 h3{margin-bottom:18px}
.approach{margin:22px 0 18px;padding:20px 22px;border:1px solid var(--blue);border-radius:18px;background:#fff}
.approach .al{display:block;font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--deep);margin-bottom:12px}
.approach ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:a}
.approach li{counter-increment:a;font-size:14.5px;color:var(--char);line-height:1.45;position:relative;padding-top:26px}
.approach li:before{content:counter(a);position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;background:var(--deep);color:#fff;font:600 11px/20px var(--sans);text-align:center}
.approach li:not(:last-child):after{content:"→";position:absolute;top:0;right:-12px;color:var(--blue)}
.approach li b{display:block;font-family:var(--serif);font-weight:400;font-size:21px;color:var(--ink);margin-bottom:4px}
.aboutg .cred{font-size:15px}
.aacts{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:10px}
.watch{display:inline-flex;align-items:center;gap:10px;font:600 13px var(--sans);border:1px solid var(--ink);border-radius:100px;padding:8px 16px 8px 8px;background:var(--sheet);cursor:pointer}
.watch .wpl{width:28px;height:28px;border-radius:50%;background:var(--deep);display:flex;align-items:center;justify-content:center}
/* who + proof in one section */
.proof-in .bmq{margin:0;min-width:0}
.proof-in{margin-top:30px;padding-top:28px;border-top:1px solid rgba(129,174,217,.45);display:flex;flex-direction:column;gap:24px}
/* services */
#g-cons,#g-ment{align-items:stretch}
#services .svc{display:flex;flex-direction:column;min-height:250px}
#services .svc h3{margin:8px 0 16px}
#services .svc p{flex:1}
.svc .foot{margin-top:22px}
.svc .act{display:inline-flex;align-items:center;gap:10px}
.svc .sd{font-size:13.5px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:1px}
.svc.k-deep .sd,.svc.k-zero .sd,.svc.k-deep .go,.svc.k-zero .go,.svc.k-deep .chip,.svc.k-zero .chip{color:#fff;border-color:rgba(255,255,255,.8)}
.sh h2 .o{color:var(--deep)}
.term{margin-top:22px;font-size:15px;color:var(--char)}
.term b,.terms b{color:var(--ink);font-weight:600}
.terms{margin-top:24px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;font-size:15px;color:var(--char)}
.terms p{padding:16px 20px;border-radius:16px;background:#fff;border:1px solid rgba(129,174,217,.6)}
.howm{margin-top:46px;padding-top:34px;border-top:1px solid var(--blue)}
.howm h4{font-family:var(--serif);font-weight:400;font-size:38px;line-height:1;margin-bottom:26px}
.howm .step h5{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.05;margin-bottom:8px}
.howm .step .round{width:60px;height:60px;font-size:24px;margin-bottom:18px}
.steps.s4:before{left:30px;right:24%;top:30px}
.howm-alt{margin-top:24px;color:var(--char)}.howm-alt a{color:var(--deep);font-weight:600;border-bottom:1px solid var(--deep)}
.includes{margin-top:40px}
.includes .pay{grid-column:2;font-size:13.5px;color:var(--char);font-weight:400}
/* guides: spread instead of a stack */
.gvisa .spread{position:absolute;right:56px;top:50%;transform:translateY(-50%) rotate(-2deg);display:flex;width:400px;height:250px;box-shadow:0 14px 34px rgba(0,0,0,.25);border-radius:10px;overflow:hidden}
.spread .pg{flex:1;background:var(--sheet);padding:18px 16px;color:var(--ink);position:relative;display:flex;flex-direction:column;gap:7px}
.spread .pg+.pg{background:#fff;border-left:1px solid #dfe5ec}
.spread .pk{font:600 8.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.spread b{font-family:var(--serif);font-weight:400;font-size:16px;line-height:1.1;margin-bottom:4px}
.spread .pg>i,.spread .tpl i{display:block;height:5px;border-radius:3px;background:#d6dee8}
.spread i.sh2{width:70%}
.spread ul{list-style:none;padding:0;margin:6px 0 0;font-size:9.5px;color:var(--char);display:flex;flex-direction:column;gap:5px}
.spread li:before{content:"";display:inline-block;width:8px;height:8px;border:1px solid var(--deep);border-radius:2px;margin-right:6px;vertical-align:-1px}
.spread .tpl{border:1px dashed var(--blue);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:7px;margin-top:4px}
.spread .tpl i.hl2{background:#bcd4ee}
/* testimonials on the blue background */
.onblue{padding:34px 34px 14px}
.onblue .sh{margin-bottom:30px}
.onblue .tgrid{align-items:stretch;gap:24px}
.onblue .tgrid>*{margin-top:0!important}
.onblue .card{background:#fff;border-color:#fff;box-shadow:none;display:flex;flex-direction:column}
.onblue .tq{font-family:var(--sans);font-size:17px;line-height:1.55;flex:1;margin:10px 0 22px}
.onblue .who2 b{font-size:15px}.onblue .who2 span{font-size:13px}
/* colour roles: burgundy only for Deep Dive + quiz CTA */
.no,.card .num,.modal .num,.qn{color:#6b7a90!important}
.wk,.pl,.grp h5,.modal h6,.chipbig small{color:var(--deep)!important}
.grp h5 span{color:#6b7a90}
.ok{color:var(--deep)!important;border-color:var(--blue)!important}
.av{box-shadow:3px -3px 0 var(--deep)!important}
details[open] summary:after,summary:hover:after{border-color:var(--deep)!important;color:var(--deep)!important}
details.attyd .why{color:var(--deep)}
.gbadge{background:#fff!important;color:var(--deep)!important}
.bar i{background:var(--deep)!important}
.opt:hover{box-shadow:4px -4px 0 var(--deep)!important}
@media(max-width:900px){
 .about2 .aboutg{grid-template-columns:1fr}
 .approach ol{grid-template-columns:1fr}.approach li:not(:last-child):after{display:none}
 .terms{grid-template-columns:1fr}
 .howm h4{font-size:30px}
 .includes .pay{grid-column:1}
 .gvisa .spread{display:none}
 .onblue{padding:22px 8px 6px}
 .onblue .tgrid{grid-template-columns:1fr}
}

/* ===== v7 ===== */
/* hero: tighter composition */
.hero.sheet{padding-top:44px;padding-bottom:44px}
.nav{margin-bottom:26px}
.hl{line-height:.97}
.hero .intro{margin:30px 0 26px}
.hformats{margin:-6px 0 24px}
.hero .pill.primary{height:80px}
/* about: approach without a nested card */
.approach{border:0;background:none;border-radius:0;padding:18px 0 0;border-top:1px solid rgba(129,174,217,.6);margin:24px 0 20px}
.approach ol{gap:0}
.approach li{padding:30px 18px 0 0}
.approach li+li{padding-left:18px;border-left:1px solid rgba(129,174,217,.6)}
.approach li+li:before{left:18px}
.approach li:not(:last-child):after{display:none}
/* consultations: visible price */
.pr2{display:inline-flex;align-items:baseline;gap:10px}
.pr2 b{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1}
.pr2 span{font-size:14px;opacity:.8}
.alsoinc{margin-top:22px;font-size:15px;color:var(--char)}.alsoinc b{color:var(--ink);font-weight:600}
/* faq: open list */
.qfaq{display:grid;grid-template-columns:minmax(260px,.75fr) 1.25fr;grid-template-areas:'head top' 'btn wrap';column-gap:50px;align-items:start}
.qf-head{grid-area:head}#faqtop{grid-area:top}.faqwrap{grid-area:wrap}.fmore{grid-area:btn;justify-self:start;align-self:start}
.qfaq .faq{max-width:none}
.qf-head{display:block!important}.qf-head .no{display:block;margin-bottom:8px}
.qf-head{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;margin-bottom:18px}
.qf-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,3.8vw,56px);line-height:1}
.qfaq .faq details:last-child{border-bottom:1px solid var(--blue)}
.faqwrap{margin-top:0}
.faqwrap details.attyd{margin:24px 0 0}
.fmore{margin-top:22px;display:inline-flex;align-items:center;gap:10px;font:600 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;background:none;border:1px solid var(--ink);border-radius:100px;padding:12px 20px;cursor:pointer}
.fmore span{font-size:18px;font-weight:400;transition:transform .25s}
.fmore.open span{transform:rotate(45deg)}
/* guide window table */
table.kit{width:100%;border-collapse:collapse;font-size:13.5px;margin:8px 0 10px}
table.kit th,table.kit td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(129,174,217,.5)}
table.kit th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
table.kit td:first-child{font-weight:600;color:var(--ink)}
.kitnote{font-size:13px!important}
@media(max-width:900px){
 .hero.sheet{padding-top:30px;padding-bottom:30px}
 .hero .pill.primary{height:66px}
 .approach li,.approach li+li{padding:28px 0 12px;border-left:0}
 .approach li+li{border-top:1px solid rgba(129,174,217,.6);padding-top:40px}.approach li+li:before{left:0;top:12px}
 .qfaq{grid-template-columns:1fr;grid-template-areas:'head' 'top' 'wrap' 'btn'}
 .pr2 b{font-size:28px}
 table.kit{font-size:12px}table.kit th,table.kit td{padding:6px}
}

/* ===== v8 ===== */
/* hero: bigger photo circle */
.hl{position:relative}
.hl .l1 .ava{position:absolute;right:6%;top:-14px;width:124px;height:124px;margin:0}
.ava .ph{border:3px solid var(--sheet);box-shadow:5px -5px 0 var(--blue);font-size:11px}
/* about: free composition */
.about2 .aboutg{grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center}
.about2 .aph .photo{transform:rotate(-2deg)}
.about2 .atext p{max-width:560px}
.pq{margin:56px 0 0;padding-top:40px;border-top:1px solid rgba(129,174,217,.5);position:relative}
.pq blockquote{font-family:var(--serif);font-size:clamp(30px,3.2vw,46px);line-height:1.12;letter-spacing:-.01em;max-width:1050px}
.circ{position:relative;display:inline-block;color:var(--deep);font-style:italic;white-space:nowrap}
.circ-s{position:absolute;left:-14%;top:-24%;width:128%;height:150%;pointer-events:none}
.hnote{display:flex;align-items:flex-end;gap:6px;margin:6px 0 0 34%;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--deep);transform:rotate(-2deg)}
.harrow{width:90px;height:52px;flex:none;transform:scaleX(-1) translateY(-6px)}
/* approach card inside services */
.howm .approach.box{border:1px solid var(--blue);border-radius:18px;background:#fff;padding:22px 24px;margin:0 0 40px}
.howm .approach.box ol{gap:18px}
.howm .approach.box li{padding:28px 14px 0 0;border:0}
.howm .approach.box li+li{padding-left:0;border-left:0}
.howm .approach.box li+li:before{left:0}
.howm .approach.box li:not(:last-child):after{display:block;content:"→";position:absolute;top:0;right:-4px;color:var(--blue)}
/* headings: one-line variants */
#services .sh h2 i{color:var(--deep)}
/* quiz: light with burgundy accent */
.sheet.qlight{background:#f9eef2;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding-top:44px;padding-bottom:44px;overflow:hidden}
.qlight h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4vw,60px);line-height:1;margin:6px 0 12px}
.qlight h2 i{color:var(--burg)}
.qlight p{font-size:16px;color:var(--char);margin-bottom:22px}
.qbtn{display:inline-flex;align-items:center;gap:12px;background:var(--burg);color:#fff;border:0;border-radius:100px;padding:18px 30px;font:600 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:5px -5px 0 #e4b9ca;transition:transform .2s}
.qbtn:hover{transform:translate(-2px,2px)}
.ql-art{position:relative;width:340px;height:200px}
.stampw{position:absolute;right:10px;top:0;width:190px;height:190px;transform:rotate(-12deg)}
.stampw svg{width:100%;height:100%}
.qnote{position:absolute;left:0;bottom:2px;font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.05;color:var(--burg);transform:rotate(-6deg)}
/* testimonials: one main story */
.rhead{display:flex;align-items:baseline;gap:18px;margin:0 0 26px}
.rhead h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.4vw,50px);line-height:1}
.rcap{font-size:14px;color:var(--ink);opacity:.75}
.tfeat{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:stretch}
.tmain{margin:0;background:#fff;border-radius:24px;padding:30px;display:grid;grid-template-columns:200px 1fr;gap:30px}
.tph{align-self:start;height:280px;border-radius:18px;background:linear-gradient(160deg,#dfe8f2,#9dbbe0);display:flex;align-items:flex-end;justify-content:center;padding:14px;color:#fff;font-size:12px;min-height:240px}
.tbody{align-self:center}
.tmain blockquote{font-family:var(--serif);font-size:clamp(26px,2.4vw,34px);line-height:1.15;margin-bottom:16px}
.tsub{font-size:16px;line-height:1.55;color:var(--char);margin-bottom:20px}
.tmain figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14px}
.tmain figcaption b{font-size:16px}.tmain figcaption span{color:#6b7a90}
.tmain .ok{margin-top:0}
.tside{display:flex;flex-direction:column;gap:24px}
.tside .card{background:#fff;border-color:#fff;box-shadow:none;flex:1}
.tside .tq{font-family:var(--sans);font-size:16px;line-height:1.5;margin:8px 0 16px}
@media(max-width:900px){
 .hl .l1 .ava{position:relative;right:auto;top:auto;width:1.1em;height:1.1em}
 .about2 .aboutg{grid-template-columns:1fr;gap:24px}
 .pq{margin-top:34px;padding-top:28px}.hnote{margin-left:10%;font-size:18px}
 .howm .approach.box ol{grid-template-columns:1fr}.howm .approach.box li:not(:last-child):after{display:none}
 .sheet.qlight{grid-template-columns:1fr}.ql-art{display:none}
 .rhead{flex-wrap:wrap}
 .tfeat{grid-template-columns:1fr}.tmain{grid-template-columns:1fr;padding:22px}.tph{min-height:200px}
}

/* ===== v9 ===== */
/* hero: photo circle sits in the "pitch themselves" line */
.hl .l1 .ava{position:static}
.hl .l4 .ava{position:relative;width:2em;height:2em;margin-left:auto;margin-right:11%;flex:none}
.hl .l4{min-height:2.05em}
.hl .l4{padding-right:0}
/* about: photo | text | quote on the blue side */
.about3{grid-template-columns:1fr 340px}
.about3 .aboutg{grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.about3 .photo{transform:none}
.about3 .aboutg p{max-width:540px}
.about3 .facts{margin:18px 0 14px}
.qside{justify-content:flex-start!important;gap:14px!important}
.qside>span{font-size:13px;color:#fff;letter-spacing:.02em}
.qcard{margin:0;background:var(--sheet);border-radius:24px;padding:30px 26px 22px;box-shadow:5px -5px 0 var(--deep);flex:1;display:flex;flex-direction:column;justify-content:center}
.qcard blockquote{font-family:var(--serif);font-size:30px;line-height:1.14;color:var(--ink)}
.qcard .circ-s{left:-12%;top:-22%;width:124%;height:146%}
.qcard .hnote{margin:14px 0 0 0;font-size:18px;align-items:center}
.qcard .harrow{width:60px;height:36px;transform:scaleX(-1) rotate(-20deg)}
/* logos: own slim strip */
.proofs{padding-top:26px;padding-bottom:26px;display:flex;flex-direction:column;gap:20px}
.proofs .prow+.prow{padding-top:20px}
.proofs .bmq{margin:0;min-width:0}
.proofs .plogos{justify-content:space-between}
/* who: three directions, one accent */
.who3{padding-top:46px;padding-bottom:42px}
.w3-h{display:grid;grid-template-columns:auto 1fr;gap:12px 50px;align-items:end;margin-bottom:28px}
.w3-h h2{font-family:var(--serif);font-weight:400;font-size:clamp(42px,4.6vw,66px);line-height:1}
.w3-h h2 i{color:var(--deep)}
.w3-h p{font-size:16px;color:var(--char);max-width:420px;justify-self:end;line-height:1.5}
.w3-g{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:26px;align-items:stretch}
.w3{padding:26px 6px 10px 0}
.w3.home{background:#dfe9f5;border-radius:22px;padding:26px 28px}
.w3k{display:inline-block;font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--deep);background:#fff;border-radius:100px;padding:5px 11px;margin-bottom:12px}
.w3 h3{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.02;margin-bottom:10px}
.w3:not(.home) h3{margin-top:31px}
.w3 p{font-size:16px;line-height:1.5;color:var(--char)}
.w3-more{margin-top:26px;font-size:16px;color:var(--char)}
.w3-more a{color:var(--deep);font-weight:600;border-bottom:1px solid var(--deep);margin-left:4px}
@media(max-width:900px){
 .hl .l4 .ava{width:1.1em;height:1.1em;margin-right:0}
 .about3{grid-template-columns:1fr}
 #story.about3 .qside{display:flex!important;padding:6px 0}
 .qcard blockquote{font-size:24px}
 .w3-h{grid-template-columns:1fr}.w3-h p{justify-self:start}
 .w3-g{grid-template-columns:1fr;gap:10px}.w3:not(.home) h3{margin-top:0}.w3{padding:14px 0}
}

/* ===== v10 ===== */
/* quiz: solid wine */
.sheet.qwine{background:#681F36;color:#FAF6F0;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding-top:46px;padding-bottom:46px}
.qwine .no{color:rgba(250,246,240,.6)!important}
.qwine h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.2vw,62px);line-height:1;margin:6px 0 12px;color:#FAF6F0}
.qwine h2 i{color:#FAF6F0}
.qwine p{font-size:16px;color:rgba(250,246,240,.72)}
.qw-btn{display:inline-flex;align-items:center;gap:12px;background:#FAF6F0;color:#681F36;border:0;border-radius:100px;padding:20px 34px;font:600 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .2s,background .2s}
.qw-btn:hover{transform:translateX(3px);background:#fff}
/* testimonials heading: classic two-line */
.onblue .rsh{margin-bottom:34px}
.onblue .rsh h2 i{color:var(--deep);font-style:italic}
.onblue .rsh h2 .o{color:var(--ink)}
.onblue .rsh .no{color:rgba(17,17,17,.45)!important}
.onblue .rsh .cap,.onblue .rsh .cap:before,.onblue .rsh .cap:after{color:var(--ink)}
@media(max-width:900px){
 .sheet.qwine{grid-template-columns:1fr;gap:22px}.qw-btn{justify-content:center}
}

/* ===== v11: bolder contrast (blue stays #2b4c9b) ===== */
:root{--burg:#681F36}
/* about: the short version in cobalt */
.qcard{background:var(--deep);box-shadow:none;color:#FAF6F0}
.qcard blockquote{color:#FAF6F0}
.qcard .circ{color:#FAF6F0}
.qcard .circ-s path,.qcard .harrow path{stroke:#FAF6F0}
.qcard .hnote{color:rgba(250,246,240,.85)}
.qside>span{color:var(--ink);opacity:.7}
/* guides: no outer milky panel */
.openblue{padding:34px 34px 10px}
.openblue .sh{margin-bottom:26px}
.openblue .sh .no{color:rgba(17,17,17,.45)!important}
.openblue .cap,.openblue .cap:before,.openblue .cap:after{color:var(--ink)}
.openblue .gvisa{box-shadow:none!important}
/* burgundy: one shade */
.svc.k-deep{background:#681F36;border-color:#681F36}
/* quiz: brighter subtitle */
.qwine p{color:rgba(250,246,240,.9)}
@media(max-width:900px){.openblue{padding:22px 8px 4px}}

/* ===== v12 ===== */
/* numbering: burgundy on light, milky on dark */
.no,.card .num,.qn{color:var(--burg)!important}
.svc.k-up .num{color:var(--burg)!important}
.svc.k-deep .num,.svc.k-zero .num,.qwine .no{color:rgba(250,246,240,.9)!important}
.onblue .rsh .no,.openblue .sh .no{color:var(--burg)!important}
/* how mentorship works: compact, heading left + 2x2 */
.howm2{margin-top:46px;padding-top:40px;border-top:1px solid rgba(129,174,217,.6);display:grid;grid-template-columns:.8fr 1.6fr;gap:50px;align-items:start}
.howm2 h4{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4vw,58px);line-height:1}
.howm2 h4 i{color:var(--deep)}
.hm-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 50px}
.hm .hn{display:block;font-family:var(--serif);font-size:26px;line-height:1;color:var(--burg);margin-bottom:8px}
.hm b{display:block;font:600 17px var(--sans);color:var(--ink);margin-bottom:4px}
.hm p{font-size:15.5px;color:var(--char);line-height:1.5}
@media(max-width:900px){.howm2{grid-template-columns:1fr;gap:24px}.hm-grid{grid-template-columns:1fr;gap:20px}}

/* ===== v13: step numbers in circles (as before) ===== */
.hm{display:grid;grid-template-columns:62px 1fr;grid-template-rows:min-content 1fr;column-gap:20px;align-items:start}
.hm .hn{grid-row:1/3;width:62px;height:62px;border-radius:50%;border:1px solid var(--ink);background:var(--sheet);box-shadow:4px -4px 0 var(--char);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:24px;color:var(--ink)!important;margin:4px 0 0}
.hm b{margin-top:8px}
@media(max-width:900px){.hm{grid-template-columns:52px 1fr}.hm .hn{width:52px;height:52px;font-size:21px}}

/* ===== v14: lighter guide card ===== */
#guides .svc.gvisa{min-height:0!important;padding:36px 44px 38px;display:block}
.gvisa .gtitle{margin-bottom:10px}
.gvisa p{margin-bottom:0}
.gfoot{display:flex;align-items:center;gap:22px;margin-top:26px;position:relative;z-index:1}
.gbtn{display:inline-flex;align-items:center;gap:10px;background:#FAF6F0;color:var(--deep);border-radius:100px;padding:15px 26px;font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;transition:transform .2s}
.gvisa:hover .gbtn{transform:translateX(3px)}
.gfmt{font-size:14px;color:rgba(255,255,255,.85)}
.gvisa .spread{width:500px;height:310px;right:48px}
.spread b{font-size:19px}
.spread .pk{font-size:9.5px}
.spread ul{font-size:11px;gap:7px}
.spread .pg{padding:22px 20px;gap:9px}
.spread .pg>i,.spread .tpl i{height:6px}
@media(max-width:1200px){.gvisa .spread{width:400px;height:250px;right:30px}}
@media(max-width:900px){#guides .svc.gvisa{padding:26px 22px}.gfoot{flex-wrap:wrap;gap:12px}}

/* ===== v15: more air in the guide card ===== */
.gvisa .gbadge{display:inline-block;margin-bottom:28px}
#guides .gvisa .gtitle{display:block;margin:0 0 18px;line-height:1}
#guides .gvisa h3{margin:0 0 14px!important;line-height:1.1}
.gvisa p{line-height:1.55}
.gvisa .gchips{margin-top:24px}

/* ===== v16: white offset backing under the burgundy quiz block ===== */
.sheet.qwine{box-shadow:9px -9px 0 #FAF6F0}

/* ===== v17: same white offset backing under the guide card ===== */
.openblue .gvisa,#guides .svc.gvisa{box-shadow:9px -9px 0 #FAF6F0!important}
.openblue .gvisa:hover{box-shadow:12px -12px 0 #FAF6F0!important}

/* ===== v18: hand-drawn star after "for it." ===== */
.cfin .motto .mstar{display:inline-block;width:2.9em;height:1.1em;margin-left:.1em;vertical-align:-.1em;line-height:0}
.cfin .motto .mstar svg{width:100%;height:100%;overflow:visible}

/* ===== v19: open sections use the same full width as the panels ===== */
.openblue,.onblue{padding-left:0!important;padding-right:0!important}
.openblue>.sh,.onblue>.sh,.openblue>.need,.onblue>.need{margin-left:64px;margin-right:64px}
@media(max-width:900px){.openblue>.sh,.onblue>.sh,.openblue>.need,.onblue>.need{margin-left:22px;margin-right:22px}}

#guides .svc.gvisa{padding-left:64px;padding-right:64px}
.openblue .gshelf .need{margin-left:64px}
@media(max-width:900px){#guides .svc.gvisa{padding-left:22px;padding-right:22px}.openblue .gshelf .need{margin-left:22px}}

/* ===== v22: deep blue, a touch more saturated ===== */
:root{--deep:#2b4c9b}

/* ===== v23: airy & calm — palette of v10, milky panels, one thread ===== */
:root{--deep:#2b4c9b;--milk:#FAF6F0}
/* rhythm: air between groups, groups stay tight */
.page{padding:30px;gap:22px}
.sheet{border-radius:30px}
.hero.sheet{padding:44px 72px 60px}
.about3 .sheet{padding:64px 72px}
.proofs{padding:30px 72px}
.who3{padding:72px 72px 64px}
#services{padding:80px 72px 84px}
.guides2{padding:80px 72px 84px}
.sheet.qwine{padding:56px 72px}
.results{padding:80px 72px 84px}
.qfaq{padding:76px 72px 80px}
.cfin{padding:84px 72px 32px}
.split{gap:22px}
/* section heads: number · heading · short caption (no brackets) */
.sh{margin-bottom:60px;align-items:center}
.cap{display:block;max-width:230px;font-size:14px;line-height:1.45;color:#555;letter-spacing:-.005em}
.cap:before,.cap:after{content:none!important}
.sh h2 .o{display:block;padding-left:22%;color:var(--ink)!important}
.sh h2 i,.o2 i{color:var(--deep)}
.o2{display:block;padding-left:1.1em}
/* no heavy shadows or offset layers */
.card,.card.solid,.svc,.svc.diy,.svc.k-deep,.svc.k-up,.svc.k-zero,.gvisa,#guides .svc.gvisa,.openblue .gvisa,.sheet.qwine,.photo,.pill,.pill.primary,.quizcta,.arrowlink .c,.round,.menu-btn,.x,.btn,.btn.fill,.modal,.av,.ava .ph,.hm .hn,.qcard,.vpill,.qbtn{box-shadow:none!important}
.svc:hover,.gvisa:hover,#guides .svc.gvisa:hover,.openblue .gvisa:hover,.pill:hover,.pill.primary:hover,.quizcta:hover,.opt:hover{box-shadow:none!important}
.svc:hover,#guides .svc.gvisa:hover{transform:translateY(-3px)}
.pill:hover,.quizcta:hover,.opt:hover{transform:none}
.quizcta:hover{border-color:var(--burg)}
.opt:hover{border-color:var(--deep)}
/* outlines: only on things you can press */
.round,.arrowlink .c,.x,.hm .hn{border:1px solid rgba(17,17,17,.75);background:transparent}
.menu-btn{border:1px solid rgba(17,17,17,.75);background:var(--sheet)}
.modal{border:1px solid rgba(129,174,217,.7)}
.btn{border-color:rgba(17,17,17,.6)}.btn.fill{border-color:var(--deep)}
.hformats a{background:transparent}
.icons{gap:10px}.icons .round{margin-right:0;width:48px;height:48px}
.ok{border:0!important;padding:0;font-size:12.5px;font-weight:600;letter-spacing:.01em;color:var(--deep)!important}
.facts{gap:4px 0;margin:20px 0 14px}
.facts span{border:0;background:none;padding:0;font-size:15px;color:var(--char)}
.facts span+span:before{content:"·";margin:0 12px;color:var(--char);opacity:.5}
.terms p{background:none;border:0;border-radius:0;padding:14px 0 0;border-top:1px solid rgba(129,174,217,.6)}
.svc .chip{border:0;padding:0;font-size:14px;font-weight:600}
.svc .go{border-width:1px}
/* service cards: colour fills, no extra contours */
.svc{border:0!important}
.svc.k-first{background:#e3ecf6}
/* about */
.photo{border-radius:24px}
.aboutg h3{line-height:1.02}
.qcard{border-radius:24px}
/* who */
.w3-h h2{line-height:1.02}
/* guides */
.guides2 .sh{margin-bottom:64px}
.guides2 .gshelf{display:block}
.guides2 #g-diy{display:block;max-width:none;margin:0}
#guides .svc.gvisa{border-radius:26px;padding:56px 64px 58px;min-height:0;display:block;background:var(--deep)!important}
.gvisa .gbadge{background:var(--burg)!important;color:var(--milk)!important;letter-spacing:.1em}
.gtopics{list-style:none;display:flex;flex-wrap:wrap;max-width:560px;margin:24px 0 0;padding:0;font-size:14.5px;line-height:2;color:rgba(250,246,240,.88);position:relative;z-index:1}
.gtopics li{display:inline-flex;align-items:center}
.gtopics li+li:before{content:"";width:1px;height:12px;background:rgba(250,246,240,.4);margin:0 12px}
.gtopics li.b{color:#bcd4ee;font-weight:600}
.gvisa .spread{box-shadow:none;right:64px;transform:translateY(-50%) rotate(-1.5deg)}
.gvisa .gfoot{margin-top:34px}
.guides2 .gshelf .need{margin-left:0}
/* quiz */
.sheet.qwine{border-radius:30px}
/* testimonials */
.results .sh{margin-bottom:50px}
.results .tfeat{gap:56px}
.results .tside{gap:40px}
.results .tmain,.results .tside .card{background:#fff;border:0;border-radius:24px}
.results .tside .card{padding:30px 30px 26px}
.results .tq{font-family:var(--sans);font-size:16px;line-height:1.5;margin:0 0 18px}
.results .rsh h2 .o{color:var(--ink)!important}
/* faq */
.qf-head h2{line-height:1.02}
/* final */
.cf-grid{display:grid;grid-template-columns:1fr 240px;gap:60px;align-items:start}
.cfin .motto{font-size:clamp(46px,5.2vw,76px);line-height:1.02;letter-spacing:-.015em}
.cfin .motto>span{display:block}
.cfin .motto .m2{padding-left:1.1em}
.cfin .motto .m3{padding-left:2.5em}
.cfin .motto i{color:var(--deep)}
.cf-contacts{margin-top:58px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cf-k{font-size:13px;color:#666;letter-spacing:.01em}
.cfin .big{font-size:36px;line-height:1.1}
.cf-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:6px}
.cf-row .icons{margin:0}
.cf-mail{font-size:14px;color:var(--char);border-bottom:1px solid rgba(17,17,17,.25);padding-bottom:1px}
.cf-photo{margin:6px 0 0}
.cf-photo .ph3{aspect-ratio:4/5;border-radius:22px;background:linear-gradient(160deg,#dfe8f2,#9dbbe0);display:flex;align-items:flex-end;justify-content:center;padding:14px;color:#fff;font-size:12px}
.cf-heart{height:130px}
.cfin .legal{padding-top:20px;border-top:1px solid rgba(129,174,217,.45)}
/* the thread: static, thin, close to the text colour */
#flow path{fill:none;stroke:#2a2a2a;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none!important;stroke-dashoffset:0!important;transition:none!important;opacity:.9}
/* where the thread passes behind */
#services,.sheet.qwine,.proofs{z-index:3}
@media(max-width:900px){
 .page{padding:12px;gap:12px}
 .hero.sheet,.about3 .sheet,.who3,#services,.guides2,.results,.qfaq{padding:40px 22px 44px}
 .proofs{padding:22px}
 .sheet.qwine{padding:36px 22px}
 .cfin{padding:46px 22px 24px}
 .sh{margin-bottom:34px}
 .sh h2 .o{padding-left:12%}
 .o2{padding-left:.7em}
 #guides .svc.gvisa{padding:30px 22px 32px}
 .gtopics{font-size:13.5px}
 .results .tfeat{gap:22px}.results .tside{gap:22px}
 .cf-grid{grid-template-columns:1fr;gap:34px}
 .cfin .motto .m2{padding-left:.6em}.cfin .motto .m3{padding-left:1.3em}
 .cf-contacts{margin-top:34px}
 .cfin .big{font-size:30px}
 .cf-photo{max-width:200px}
 .cf-heart{height:120px}
 #flow{display:block!important}
 #flow path{stroke-width:1.1}
}

/* v23: topic list — separators never start a line */
.gtopics{column-gap:25px;overflow:hidden}
.gtopics li{margin-left:-25px}
.gtopics li:before,.gtopics li+li:before{content:"";width:1px;height:12px;background:rgba(250,246,240,.4);margin:0 12px;flex:none}
/* hero: a little more air under the menu row and under the button */
.hero .nav{margin-bottom:44px}
.hero.sheet{padding-bottom:100px}
/* about: the panel sits under the thread, its content above it */
.split>.sheet{z-index:auto}
/* faq: the thread passes behind */
#faq{z-index:3}
@media(max-width:900px){
 /* mobile: the thread stays out of the dense blocks — it runs behind them and only shows between panels */
 .split>.sheet,#who,#guides,#results{z-index:3}
 /* about on mobile: one column (was stuck in two narrow columns) */
 .about3 .aboutg{grid-template-columns:1fr;gap:26px}
 .about3 .photo{aspect-ratio:4/5;max-width:240px}
 .cf-heart{height:110px}
 .cfin .motto{font-size:40px}
 .cfin .motto .m2{padding-left:.5em}.cfin .motto .m3{padding-left:1em}
}

/* ===== v24 ===== */
/* who I work with: deep blue panel, like the guide card */
.sheet.who3{background:var(--deep);color:var(--milk)}
.who3 .w3-h h2{color:var(--milk)}
.who3 .w3-h h2 i,.who3 .o2 i{color:#bcd4ee}
.who3 .w3-h p{color:rgba(250,246,240,.85)}
.who3 .w3.home{background:rgba(250,246,240,.1)}
.who3 .w3k{background:var(--burg);color:var(--milk)}
.who3 .w3 h3{color:var(--milk)}
.who3 .w3 p{color:rgba(250,246,240,.82)}
.who3 .w3-more{color:rgba(250,246,240,.85)}
.who3 .w3-more a{color:#bcd4ee;border-color:#bcd4ee}
#flow path.lt{stroke:#FAF6F0;opacity:.85}
/* quiz: burgundy in a soft radial gradient */
.sheet.qwine{background:radial-gradient(120% 150% at 80% 50%,#8e3a57 0%,#6c2139 45%,#4c1426 100%)}
/* faq: two questions, button under the heading, lower panel */
.qfaq{padding-top:60px;padding-bottom:62px;grid-template-areas:'head top' 'btn top' '. wrap';grid-template-rows:auto 1fr auto;row-gap:0}
.qf-head{margin-bottom:0}
.qfaq .fmore{align-self:end;margin-top:22px}
.qfaq .faqwrap:not([hidden]){margin-top:0}
.qfaq.open{grid-template-areas:'head top' 'btn wrap';grid-template-rows:auto auto}
.qfaq.open .fmore{align-self:start}
@media(max-width:900px){
 .qfaq,.qfaq.open{grid-template-areas:'head' 'top' 'wrap' 'btn';grid-template-rows:none;padding-top:40px;padding-bottom:40px}
 .qf-head{margin-bottom:12px}
}

/* ===== v25: passages for the thread on the first screen ===== */
.hl .l1{column-gap:1.35em}
.hero .intro{margin-top:86px}
@media(max-width:1375px) and (min-width:901px){.hero .intro{grid-template-columns:minmax(0,600px);row-gap:22px}.hero .intro .quizcta{justify-self:start}}
.about3 .sheet{padding-top:140px}
@media(max-width:1200px){.hl .l1{column-gap:.9em}}
@media(max-width:900px){.hl .l1{column-gap:.4em}.hero .intro{margin-top:30px}.about3 .sheet{padding-top:40px}
 .split>.sheet{z-index:auto}}

/* ===== v26 ===== */
@media(max-width:900px){.hl .l5{padding-right:0;text-align:right;white-space:nowrap;font-size:min(1em,10.8vw)}}

/* ===== v27 ===== */
/* hero: the intro in two lines, formats + quiz in one row */
.hero .intro{display:block;margin:86px 0 0}
.hero .intro p{max-width:none;font-size:18px;line-height:1.6}
.hero .intro p>span{display:block}
.hrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 40px;margin:46px 0 30px}
.hrow .hformats{margin:0}
@media(min-width:1100px){.hero .intro p>span{white-space:nowrap}}
@media(max-width:1099px) and (min-width:901px){.hero .intro p{max-width:600px}}
@media(max-width:1375px) and (min-width:901px){.hrow{flex-direction:column;align-items:flex-start;gap:18px}.hrow .quizcta{order:-1}}
@media(max-width:1200px) and (min-width:901px){.about3{grid-template-columns:1fr}.about3 .qside{flex-direction:row!important;align-items:flex-start;padding:4px 0 0}.about3 .qside>span{flex:0 0 140px}.about3 .qcard{flex:1}}
/* about: the real photo and a hand-written note pointing at the stack */
.aph{position:relative}
.about3 img.photo{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 30%;padding:0;border-radius:24px;background:#3b4659}
.anote{position:absolute;left:4px;bottom:calc(100% + 34px);font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.08;color:var(--deep);transform:rotate(-2deg);transform-origin:left bottom;white-space:nowrap}
.anarrow{position:absolute;left:0;top:0;width:220px;height:90px;overflow:visible}

/* logo strip: judging row */
.pjudge{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 26px;font-family:var(--serif);font-size:22px;line-height:1.15;color:#1d1d1d;letter-spacing:-.005em}
@media(max-width:900px){
 .hero .intro{margin-top:30px}
 .hrow{flex-direction:column;align-items:stretch;gap:18px;margin:26px 0 22px}
 .hrow .quizcta{order:-1}
 .aph{margin-top:104px;max-width:240px}
 .about3 img.photo{max-width:240px}
 .anote{font-size:22px}
 .pjudge{justify-content:flex-start;font-size:18px;gap:4px 16px}
}

/* ===== v28: hand-written notes ===== */

.anote{font-family:"HW",cursive;font-style:normal;font-size:31px;line-height:1.2;letter-spacing:0;bottom:calc(100% + 14px);transform:rotate(-3deg)}
.qcard .hnote span{font-family:"HW",cursive;font-style:normal;font-size:21px;line-height:1.35;letter-spacing:0;white-space:nowrap}
.qcard .hnote{gap:4px}.qcard .harrow{width:46px;height:30px}
@media(max-width:900px){.anote{font-size:26px}.aph{margin-top:84px}.qcard .hnote span{font-size:19px}}

/* ===== v29: judging row with logos ===== */
.pjudge{font-size:0}
.pjudge img{width:auto;display:block}
@media(max-width:900px){.pjudge{justify-content:flex-start}}

/* ===== v31: hand-written notes — Zeyada with a light pencil grain ===== */

.anote{font-family:"HW3",cursive;font-style:normal;font-size:44px;line-height:1.08;letter-spacing:0;filter:url(#pencil);transform:rotate(-3deg)}
.qcard .hnote span{font-family:"HW3",cursive;font-style:normal;font-size:24px;line-height:1.2;letter-spacing:0;filter:url(#pencil)}
@media(max-width:900px){.anote{font-size:36px}.qcard .hnote span{font-size:26px}}

/* ===== v32: a casual margin note ===== */
.anote{font-size:29px;line-height:1;left:14px;bottom:calc(100% + 12px);transform:rotate(-7deg);transform-origin:left bottom;opacity:.88}
.anote .n1,.anote .n2{display:block;white-space:nowrap}
.anote .n2{margin:2px 0 0 26px;transform:rotate(3deg);transform-origin:left center}
@media(max-width:900px){.anote{font-size:26px}.aph{margin-top:78px}}

/* ===== v33: who I work with — closer to the reference ===== */
.who3 .w3-h{align-items:start;margin-bottom:42px}
.who3 .w3-h h2{font-size:clamp(64px,7vw,104px);line-height:.95}
.who3 .w3-h h2 i,.who3 .o2 i{color:var(--milk)}
.who3 .w3-h p{font-size:17px;line-height:1.5;max-width:none;justify-self:end;margin-top:14px;color:rgba(250,246,240,.88)}
.who3 .w3-g{grid-template-columns:1.12fr 1fr 1fr;gap:40px;align-items:start}
.who3 .w3{padding:34px 0 0}
.who3 .w3.home{background:var(--burg);border-radius:24px;padding:40px 40px 42px}
.who3 .w3k{background:none;padding:0;border-radius:0;color:rgba(250,246,240,.85);font:600 12px var(--sans);letter-spacing:.2em;margin-bottom:18px}
.who3 .w3 h3{font-size:clamp(44px,4.4vw,64px);line-height:.98;margin:0 0 18px;letter-spacing:-.01em}
.who3 .w3:not(.home) h3{margin-top:0}
.who3 .w3 p{font-size:17px;line-height:1.5;color:rgba(250,246,240,.86)}
.who3 .w3-more{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:44px;font-size:16px;color:rgba(250,246,240,.86)}
.who3 .w3-more a{display:inline-flex;align-items:center;gap:8px;color:var(--milk);font-weight:500;font-size:17px;border-bottom:1.5px solid rgba(250,246,240,.85);padding-bottom:3px;margin:0}
.who3 .w3-more a svg{transition:transform .2s}.who3 .w3-more a:hover svg{transform:translate(2px,-2px)}
@media(max-width:900px){
 .who3 .w3-h h2{font-size:56px}
 .who3 .w3-h p{justify-self:start;font-size:16px}
 .who3 .w3-g{grid-template-columns:1fr;gap:26px}
 .who3 .w3{padding:6px 0 0}
 .who3 .w3.home{padding:28px 24px 30px}
 .who3 .w3 h3{font-size:42px}
 .who3 .w3-more{flex-direction:column;align-items:flex-start}
}

/* ===== v34: consistent heading sizes in "Who I work with" ===== */
.who3 .w3-h h2{font-size:clamp(44px,6vw,84px);line-height:.98}          /* = section headings (.sh h2) */
.who3 .w3 h3{font-size:44px;line-height:.98;margin:0 0 14px}            /* = service card titles */
.who3 .w3.home{padding:32px 34px 34px}
.who3 .w3{padding-top:26px}
.who3 .w3k{margin-bottom:14px}
.who3 .w3 p{font-size:16px}
.who3 .w3-h p{font-size:16px;margin-top:10px}
@media(max-width:900px){.who3 .w3-h h2{font-size:44px}.who3 .w3 h3{font-size:36px}.who3 .w3.home{padding:26px 24px 28px}}

/* ===== v35: first screen without the line; photo between the lines ===== */
.hl{position:relative}
.hl .l1{column-gap:.26em}
.hl .l2{padding-left:0!important;white-space:nowrap}
.hl .l4{display:block;padding-left:1.9em;min-height:0;white-space:nowrap}
.hl>.ava{position:absolute;right:4%;top:-.28em;width:2.5em;height:2.5em;margin:0}
.hl>.ava .ph{font-size:12px}
.hero .intro{margin-top:56px}
.hero .intro p>span{white-space:nowrap}
.hero.sheet{padding-bottom:64px}
.hrow{margin:30px 0 28px}
.about3 .sheet{padding-top:110px}
.cf-heart{height:40px}
@media(max-width:1375px) and (min-width:901px){.hrow{flex-direction:row;align-items:center;gap:20px 40px}.hrow .quizcta{order:0}}
@media(max-width:1100px) and (min-width:901px){.hl>.ava{right:2%;top:-.2em;width:2.2em;height:2.2em}}
@media(max-width:900px){
 .hl .l1,.hl .l2,.hl .l4{white-space:normal}
 .hl .l4{padding-left:.9em}
 .hl>.ava{right:0;top:2px;width:76px;height:76px}
 .hero .intro{margin-top:28px}
 .hero .intro p>span{white-space:normal;display:inline}
 .about3 .sheet{padding-top:40px}
 .cf-heart{height:28px}
}

/* ===== v36: titles on one baseline, hand-written "my home turf" ===== */
.who3 .w3{padding-top:30px}
.who3 .w3.home{position:relative;padding:30px 34px 34px}
.who3 .w3 h3{min-height:1.96em}
.who3 .w3.home h3{display:flex;flex-direction:column;justify-content:flex-end}
.who3 .w3k{position:absolute;left:30px;top:24px;margin:0;padding:0;background:none;
 font-family:"HW3",cursive;font-size:31px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1;
 color:rgba(250,246,240,.92);filter:url(#pencil);transform:rotate(-6deg);transform-origin:left center}
@media(max-width:1180px){
 .who3 .w3 h3{min-height:0}
 .who3 .w3k{position:static;display:inline-block;margin:0 0 6px -2px}
}
@media(max-width:900px){.who3 .w3k{font-size:28px}}

/* ===== v37: a lighter first screen ===== */
.hl{line-height:1.38}
.hl .l1{padding-left:2.75em}
.hl .l2{padding-left:1em!important}
.hl .l4{padding-left:3.2em}
.hl>.ava{right:3%;top:.05em;width:2.7em;height:2.7em}
.hrow2{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px 40px;margin:62px 0 30px;padding-left:calc(clamp(44px,5.3vw,80px)*1)}
.hvisa{display:flex;flex-direction:column;gap:8px}
.hv-k{font:600 11.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--burg)}
.hv-v{font-family:var(--serif);font-size:34px;line-height:1;letter-spacing:-.005em;color:var(--ink);white-space:nowrap}
.hv-v i{font-style:normal;color:var(--deep);margin:0 .32em}
/* who: "my home turf" written over the top edge of the card */
.who3 .w3k{top:-12px;left:24px;font-size:44px;transform:rotate(-7deg);z-index:2}
@media(max-width:1180px){.who3 .w3.home{padding-top:46px}.who3 .w3k{position:absolute;top:-12px;margin:0}}
@media(max-width:900px){
 .hl{line-height:1.12}
 .hl .l1,.hl .l2{padding-left:0!important}
 .hl .l4{padding-left:.9em}
 .hl>.ava{right:0;top:2px;width:76px;height:76px}
 .hrow2{flex-direction:column;align-items:stretch;padding-left:0;margin:30px 0 22px;gap:18px}
 .hv-v{font-size:28px}
 .who3 .w3k{font-size:36px;top:-12px}
}

/* ===== v38: compact "Ways to work together" ===== */
#services{padding-top:64px;padding-bottom:70px}
#services .sh{margin-bottom:38px}
#services .grp{margin-top:26px}
#services .grp h5{margin-bottom:14px}
#g-cons,#g-ment{gap:18px}
#services .svc{min-height:0;padding:24px 28px 22px;border-radius:20px}
#services .svc h3{font-size:42px;line-height:1;margin:6px 0 10px}
#services .svc p{font-size:15.5px;line-height:1.45}
#services .svc .foot{margin-top:28px}
#services .svc .go{border:0;width:auto;height:auto;margin-left:8px}
#services .svc .go svg{width:18px;height:18px}
#services .svc:hover .go{transform:translateX(3px)}
#services .svc.k-zero h3{font-size:40px}
#services .term{margin-top:14px;font-size:15px}
#services .pr2 b{font-size:32px}
/* how mentorship works: plain numbers, no circles */
#services .howm2{margin-top:44px;padding-top:34px}
#services .hm{display:block}
#services .hm .hn{display:block;width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;margin:0 0 6px;font:500 14px var(--sans);letter-spacing:.04em;color:var(--burg)!important}
#services .hm b{margin-top:0;font-size:17px}
#services .hm p{font-size:15.5px}
/* who: hand-written note at the same size as by the photo */
.who3 .w3k{font-size:29px;top:-8px;left:26px}
@media(max-width:900px){
 #services .svc h3{font-size:36px}
 .who3 .w3k{font-size:26px;top:-8px}
}

/* ===== v39: titles level at the top; note lowered onto the card edge ===== */
.who3 .w3 h3{min-height:0}
.who3 .w3.home h3{display:block}
.who3 .w3,.who3 .w3.home{padding-top:46px}
.who3 .w3k{top:4px}
@media(max-width:1180px){.who3 .w3.home{padding-top:46px}.who3 .w3k{top:4px}}
@media(max-width:900px){.who3 .w3{padding-top:6px}.who3 .w3.home{padding-top:40px}.who3 .w3k{top:4px}}

/* ===== v40: guides — text left, open guide spread right ===== */
.gkit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center;background:var(--deep);color:var(--milk);border-radius:26px;padding:60px 56px 60px 64px;cursor:pointer;transition:transform .25s}
.gkit:hover{transform:translateY(-3px)}
.gk-k{display:block;font:600 12px var(--sans);letter-spacing:.22em;color:rgba(250,246,240,.85);margin-bottom:22px}
#guides .gkit .gk-t{font-family:var(--serif);font-weight:400;font-size:clamp(56px,5.6vw,84px);line-height:.92;letter-spacing:-.015em;color:var(--milk);margin:0 0 26px}
.gkit .gk-t i{display:block;color:#bcd4ee;font-style:italic}
.gk-d{font-size:18px;line-height:1.5;color:rgba(250,246,240,.9);max-width:470px;margin:0 0 24px}
.gk-topics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:auto auto;grid-auto-flow:column;grid-template-rows:repeat(3,auto);justify-content:start;column-gap:56px;row-gap:6px;font-size:16px;color:var(--milk)}
.gk-topics li:nth-child(n+4){color:rgba(250,246,240,.82)}
.gk-inc{font-size:15px;color:rgba(250,246,240,.82);margin:22px 0 30px}
.gk-foot{display:flex;align-items:center;flex-wrap:wrap;gap:16px 26px}
.gk-btn{display:inline-flex;align-items:center;gap:12px;background:var(--milk);color:var(--deep);border-radius:100px;padding:16px 28px;font:600 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;transition:transform .2s}
.gkit:hover .gk-btn{transform:translateX(3px)}
.gk-fmt{font-size:15px;color:rgba(250,246,240,.82)}
/* the spread */
.gk-art{container-type:inline-size;display:flex;justify-content:center}
.gk-book{width:94%;display:grid;grid-template-columns:1fr 1fr;font-size:2.02cqw;perspective:2200px;filter:drop-shadow(0 18px 26px rgba(8,20,60,.28));transform:rotate(-1deg)}
.gk-pg{position:relative;background:#fbfaf7;color:#1d1d1d;padding:2.3em 2em 3.6em;min-height:29.5em;display:flex;flex-direction:column}
.gk-l{border-radius:.5em 0 0 .5em;transform-origin:right center;transform:rotateY(7deg);background:linear-gradient(to left,rgba(0,0,0,.09),rgba(0,0,0,0) 9%),#fbfaf7}
.gk-r{border-radius:0 .5em .5em 0;transform-origin:left center;transform:rotateY(-7deg);background:linear-gradient(to right,rgba(0,0,0,.07),rgba(0,0,0,0) 9%),#fbfaf7}
.gk-pk{display:block;font:600 .68em var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--deep);margin-bottom:1.1em}
.gk-pt{display:block;font-family:var(--serif);font-weight:400;font-size:2.35em;line-height:1.02;letter-spacing:-.01em;margin-bottom:.6em}
.gk-pp{font-size:.92em;line-height:1.5;color:#333;margin:0}
.gk-pg hr{border:0;border-top:1px solid rgba(43,76,155,.3);margin:1.8em 0 1.6em}
.gk-chk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.95em;font-size:.95em;color:#222}
.gk-chk li{display:flex;align-items:center;gap:.9em}
.gk-chk li:before{content:"";flex:none;width:1.05em;height:1.05em;border:1.5px solid var(--deep);border-radius:.2em}
.gk-mail{margin-top:.6em;background:#e6eef8;border:1px solid #cfdcec;border-radius:.5em;padding:1.3em 1.3em 1.4em;font-size:.88em;line-height:1.5;color:#222;display:flex;flex-direction:column;gap:.9em}
.gk-mail p{margin:0}
.gk-mail b{font-weight:600}
.gk-pf{position:absolute;left:2em;right:2em;bottom:1.5em;display:flex;justify-content:space-between;font:500 .62em var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#999}
#guides .gshelf .need{margin-top:14px}
#guides #g-diy>.gkit{flex:1;min-width:0}
#guides .sh .cap{max-width:300px}
@media(max-width:1180px){.gkit{grid-template-columns:1fr;gap:44px;padding:48px 44px}.gk-book{width:100%;max-width:640px}}
@media(max-width:900px){
 .gkit{padding:30px 22px 34px;gap:34px;border-radius:22px}
 #guides .gkit .gk-t{font-size:52px}
 .gk-d{font-size:16px}
 .gk-topics{column-gap:24px;font-size:15px}
 .gk-btn{padding:14px 22px}
 .gk-book{width:100%;transform:none}
 .gk-pg{padding:1.8em 1.4em 3em;min-height:30em}
 .gk-pf{left:1.4em;right:1.4em}
}

/* ===== v41: real guide content on the spread ===== */
.gk-pg{padding:2em 1.9em 3.4em}
.gk-run{display:block;text-align:right;font:500 .58em var(--sans);letter-spacing:.06em;color:#9a9a9a;margin-bottom:1.6em}
.gk-pk{margin-bottom:.7em}
.gk-pt{font-size:1.95em;line-height:1.04;margin-bottom:.75em}
.gk-tab{display:grid;grid-template-columns:1fr 1fr;border-radius:.4em;overflow:hidden;font-size:.74em;line-height:1.35}
.gk-tab>span{padding:.7em .75em;border-top:1px solid rgba(255,255,255,.9)}
.gk-tab .gk-y{background:#e7eef8;color:#1d1d1d}
.gk-tab .gk-n{background:#f6e9ed;color:#1d1d1d;border-left:1px solid rgba(255,255,255,.9)}
.gk-tab .gk-th{font:600 1em var(--sans);border-top:0;padding:.75em}
.gk-tab .gk-th.gk-y{background:var(--deep);color:var(--milk)}
.gk-tab .gk-th.gk-n{background:var(--burg);color:var(--milk)}
.gk-tip{margin-top:1.1em;padding:.85em 1em;border-left:2px solid var(--burg);background:#faf3ef;font-size:.74em;line-height:1.45;color:#333}
.gk-tip b{display:block;font:600 .85em var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--burg);margin-bottom:.3em}
.gk-r .gk-pp{font-size:.8em;margin-bottom:1em}
.gk-mail{margin-top:0;font-size:.74em;gap:.75em;padding:1.1em 1.15em 1.2em}
.gk-mail .gk-subj{padding-bottom:.75em;border-bottom:1px solid #cfdcec}

/* ===== v42: a lower guides block ===== */
.guides2{padding-top:64px;padding-bottom:64px}
.guides2 .sh{margin-bottom:40px}
.gkit{padding:44px 48px 46px 56px;gap:48px}
.gk-k{display:inline-block;background:var(--burg);color:var(--milk);border-radius:100px;padding:9px 18px;font:500 13.5px var(--sans);letter-spacing:.03em;margin-bottom:20px}
#guides .gkit .gk-t{font-size:clamp(48px,4.5vw,66px);line-height:.94;margin:0 0 16px}
.gk-d{font-size:16.5px;margin-bottom:16px}
.gk-topics{font-size:15.5px;row-gap:3px}
.gk-inc{margin:14px 0 22px;font-size:14.5px}
.gk-btn{padding:14px 26px}
.gk-book{width:100%}
.gk-pg{min-height:27.5em}
@media(max-width:1180px){.gkit{padding:40px 40px}}
@media(max-width:900px){.guides2{padding-top:40px;padding-bottom:44px}.gkit{padding:28px 22px 32px}#guides .gkit .gk-t{font-size:48px}.gk-k{font-size:12.5px;padding:8px 14px}}

/* ===== v43: one-line guide title ===== */
#guides .gkit .gk-t{white-space:nowrap;font-size:clamp(44px,4.9vw,70px);line-height:1;margin:0 0 18px}
.gkit .gk-t i{display:inline}
@media(max-width:1180px){#guides .gkit .gk-t{font-size:clamp(40px,6vw,60px)}}
@media(max-width:900px){#guides .gkit .gk-t{white-space:normal;font-size:44px;line-height:1}}

/* ===== v44: testimonials with Elizabeth & Mariia ===== */
.results .tfeat{grid-template-columns:1.62fr 1fr;gap:28px}
.results .tmain{grid-template-columns:240px 1fr;gap:34px;padding:28px}
.results .tmain img.tph{display:block;width:100%;height:100%;min-height:330px;max-height:420px;object-fit:cover;object-position:50% 22%;padding:0;align-self:stretch;border-radius:18px}
.results .tmain blockquote{font-size:clamp(26px,2.3vw,33px);margin-bottom:14px}
.results .tsub{font-size:15.5px;line-height:1.55;margin-bottom:10px}
.results .tmain figcaption{margin-top:16px}
.results .tside .card.tcm{display:flex;flex-direction:column;padding:30px}
.results .tq-big{font-family:var(--serif)!important;font-size:24px!important;line-height:1.2!important;color:var(--ink)}
.results .tcm .who2{margin-top:auto}
.tmore{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}
.tmore .card{background:#fff;border:0;border-radius:24px;padding:28px 28px 24px;box-shadow:none;display:flex;flex-direction:column}
.tmore .tq{flex:1}
.av.avp{padding:0;overflow:hidden;background:none}
.av.avp img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:1100px){.results .tfeat{grid-template-columns:1fr}.tmore{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
 .results .tmain{grid-template-columns:1fr;padding:20px}
 .results .tmain img.tph{min-height:0;height:360px;max-height:none}
 .tmore{grid-template-columns:1fr;gap:16px;margin-top:16px}
 .results .tfeat{gap:16px}
}

/* ===== v45: photos + testimonial carousel ===== */
.cf-photo img.ph3{display:block;width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;border-radius:22px;padding:0}
.results{padding-top:64px;padding-bottom:64px}
.results .sh{margin-bottom:36px}
.rcol{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.tnav{display:flex;gap:10px}
.tbtn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(17,17,17,.7);background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}
.tbtn:hover{background:var(--ink);color:var(--milk)}
.tcar{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}
.tcar::-webkit-scrollbar{display:none}
.tcar>*{scroll-snap-align:start;flex:none;margin:0}
.results .tcar .tmain{width:64%;grid-template-columns:200px 1fr;gap:30px;padding:26px}
.results .tcar .tmain img.tph{min-height:0;max-height:none;height:100%}
.results .tcar .tmain blockquote{font-size:clamp(24px,2.1vw,30px)}
.results .tcar .tsub{font-size:15px;line-height:1.5}
.tcar>.card{width:calc(36% - 28px);background:#fff;border:0;border-radius:24px;padding:28px 28px 24px;box-shadow:none;display:flex;flex-direction:column}
.tcar>.card .tq{flex:1}
.results .tcar .tcm{padding:28px}
.results .tq-big{font-size:22px!important}
@media(max-width:1100px){.results .tcar .tmain{width:82%}.tcar>.card{width:52%}}
@media(max-width:900px){
 .rcol{align-items:flex-start}
 .results .tcar .tmain{width:88%;grid-template-columns:1fr;padding:18px}
 .results .tcar .tmain img.tph{height:260px}
 .tcar{gap:14px}
 .tcar>.card{width:82%}
}

/* ===== v46: testimonials — a magazine-clipping feel ===== */
/* featured story */
.results .tcar .tmain{position:relative;overflow:visible}
.tclip{position:relative;align-self:stretch;transform:rotate(-2.2deg);margin:6px 4px 6px 2px}
.tclip img.tph{height:100%;border-radius:6px!important;box-shadow:0 10px 22px rgba(17,17,17,.14);outline:6px solid #fff}
.ttape{position:absolute;z-index:2;top:-12px;left:50%;width:96px;height:26px;transform:translateX(-50%) rotate(-5deg);background:rgba(188,212,238,.78);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.tkick{display:block;font:600 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--burg);margin-bottom:10px}
.results .tmain blockquote i{color:var(--deep)}
.results mark{background:linear-gradient(transparent 58%,rgba(129,174,217,.5) 58%,rgba(129,174,217,.5) 92%,transparent 92%);color:inherit;padding:0 2px}
.results .tmain .circ{font-style:normal;font-weight:600;color:var(--burg);margin:0 .5em}
.results .tmain .circ-s{left:-16%;top:-30%;width:132%;height:160%}
.results .tmain figcaption{align-items:center;gap:6px 14px}
.results .tmain figcaption b{flex-basis:100%}
.results .tmain figcaption>span:not(.tpill):not(.thw){flex-basis:100%}
.tpill{display:inline-block;background:var(--burg);color:var(--milk);border-radius:100px;padding:6px 13px;font:600 11.5px var(--sans);letter-spacing:.04em}
.thw{display:inline-flex;align-items:center;gap:4px;font-family:"HW3",cursive;font-size:25px;line-height:1;color:var(--burg);filter:url(#pencil);transform:rotate(-3deg)}
.tarr{width:44px;height:26px;flex:none}
.results .tmain figcaption .tpill{color:var(--milk)}
.results .tmain figcaption .thw,.results .who2 .thw{color:var(--burg)}
/* decorative quote mark + colour fills on the other cards */
.tcar>.card{position:relative}
.tqm{display:block;font-family:var(--serif);font-size:72px;line-height:.62;height:30px;color:var(--burg);margin:4px 0 6px}
.results .tq i{color:var(--deep)}
.tcar>.card.tc-deep{background:var(--deep)}
.tc-deep .tq,.tc-deep .tq-big{color:var(--milk)!important}
.tc-deep .tq i{color:#bcd4ee}
.tc-deep .tqm{color:#bcd4ee}
.tc-deep .who2 b{color:var(--milk)}.tc-deep .who2 span{color:rgba(250,246,240,.75)}
.tc-deep .ok{color:#bcd4ee!important}
.tc-deep .av{background:rgba(250,246,240,.16)}
.tcar>.card.tc-sky{background:#e3ecf6}
.tc-sky mark{background:linear-gradient(transparent 58%,rgba(43,76,155,.22) 58%,rgba(43,76,155,.22) 92%,transparent 92%)}
.tcar>.card.tc-burg{background:var(--burg)}
.tc-burg .tq{color:var(--milk)}
.tc-burg .tqm{color:#e7c9d2}
.tc-burg .who2 b{color:var(--milk)}.tc-burg .who2 span{color:rgba(250,246,240,.75)}
.tc-burg .ok{color:#f3c6d6!important}
.tc-burg .av{background:rgba(250,246,240,.16)}
.thw-sm{font-size:22px;margin-top:2px}
@media(max-width:900px){
 .tclip{transform:rotate(-1.5deg);margin:8px 6px 4px}
 .tclip img.tph{height:260px}
 .thw{font-size:22px}
}

/* ===== v47 ===== */
.ava .ph{border:3px solid var(--sheet);font-size:0}
/* second case story: same template, blue pill */
.tclip2{transform:rotate(1.8deg)}
.tclip2 .ttape{transform:translateX(-50%) rotate(4deg);background:rgba(231,201,210,.85)}
.tpill-b{background:var(--deep)!important}
.results .tmain blockquote .circ{font-weight:400;font-style:italic;color:var(--burg);margin:0 .28em}
.results .tmain blockquote .circ-s{left:-14%;top:-10%;width:128%;height:130%}
.results .tmain .thw{font-size:27px}
/* arrow: note → stack of paper */
.nstk{position:absolute;z-index:2;left:10%;top:0;margin-top:-12.2%;width:46%;height:auto;aspect-ratio:150/140;overflow:visible;pointer-events:none}
@media(max-width:900px){.results .tmain .thw{font-size:24px}}

/* ===== v48 ===== */
.ava .ph{transition:opacity .35s ease,transform .35s ease}
.narr{position:absolute;z-index:2;left:-62px;top:-58px;width:90px;height:160px;overflow:visible;pointer-events:none}
@media(max-width:900px){.aph{margin-left:42px}.narr{left:-46px;top:-50px;width:70px;height:124px}}

/* ===== v49 ===== */
/* desktop: the full menu is visible, no burger */
@media(min-width:901px){.menu-btn{display:none!important}}
/* headings: the offset second line stays only in the hero, About and Guides */
#services .sh h2.h1l{white-space:nowrap}
@media(max-width:1180px){#services .sh h2.h1l{white-space:normal}}
.sh h2 .o.ol,.o2.ol{padding-left:0!important}
.cfin .motto .m2,.cfin .motto .m3{padding-left:0!important}
.cf-photo img.ph3{object-position:50% 30%}
.aboutg h3{font-size:clamp(46px,4.2vw,60px)}
.aboutg h3 .o2{white-space:nowrap;padding-left:.8em}
@media(max-width:900px){.aboutg h3{font-size:40px}.aboutg h3 .o2{padding-left:.5em}}

/* ===== v50: final block ===== */
.cf-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:0 56px;align-items:stretch}
.cf-photo{margin:0;align-self:stretch;justify-self:start;width:min(100%,345px);display:flex}
.cf-photo img.ph3{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:50% 28%;border-radius:24px}
.cf-contacts{margin-top:38px;gap:12px}
.cf-btn{display:inline-flex;align-items:center;gap:12px;background:var(--deep);color:var(--milk);border-radius:100px;padding:17px 30px;font:600 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;transition:transform .2s,background .2s}
.cf-btn:hover{transform:translateX(3px);background:#24418a}
.cf-row{margin-top:10px;gap:18px}
.cfin .icons .round{width:41px;height:41px}
.cfin .icons svg{width:17px;height:17px}
.cfin .icons{gap:8px}
.cf-heart{height:34px}
@media(max-width:900px){
 .cf-grid{grid-template-columns:1fr;gap:30px}
 .cf-photo{width:100%;max-width:300px}
 .cf-photo img.ph3{min-height:0;aspect-ratio:4/5;height:auto}
 .cf-contacts{margin-top:28px}
}

/* ===== v51: hand-drawn heart in the final block ===== */
.cf-main{position:relative}
.cf-hrt{position:absolute;left:66%;bottom:-12px;width:150px;height:200px;overflow:visible;pointer-events:none}
@media(max-width:1180px){.cf-hrt{left:auto;right:0;bottom:62px;width:100px;height:133px}}
@media(max-width:900px){.cf-hrt{right:-6px;bottom:-8px;width:80px;height:107px}}

/* ===== v52: one continuous line in the final block ===== */
.cfin{overflow:hidden}
.cfin>.cf-thread{position:absolute!important;left:0;top:0;z-index:1!important;pointer-events:none;overflow:hidden}
.cf-hrt{visibility:hidden}

/* ===== v53: Anna & Alice — fuller cards ===== */
.tcar>.card.tcx{padding:26px 30px 24px}
.tcx .tqm{margin:0 0 4px}
.tcx .tkick{display:block;font:600 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--burg);margin-bottom:10px}
.tc-burg.tcx .tkick{color:#f3c6d6}
.results .tcx .tq-big{font-family:var(--serif)!important;font-size:26px!important;line-height:1.15!important;flex:none;margin:0 0 14px}
.results .tcx .tq-sm{font-size:15px;line-height:1.55;flex:1;margin:0 0 16px}
.tc-burg.tcx .tq-big{color:var(--milk)}
.tc-burg.tcx .tq-sm{color:rgba(250,246,240,.86)}
.hu{position:relative;white-space:nowrap;color:var(--burg)}
.hul{position:absolute;left:-2%;bottom:-.18em;width:104%;height:.36em;overflow:visible}
.tcx .circ{position:relative;display:inline-block;font-style:italic;white-space:nowrap;color:var(--milk);margin:.2em .26em 0 .12em}
.tcx .circ-s{position:absolute;left:-7%;top:-30%;width:114%;height:162%;pointer-events:none}
.tfoot{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:14px}
.tfoot .tpill{color:var(--milk)}
.tc-burg .tfoot .tpill.tpill-m{background:var(--milk);color:var(--burg)}
.tfoot .thw{font-size:22px}
.tc-burg .tfoot .thw{color:#f3c6d6!important}
.tcx .who2{align-items:center}
@media(max-width:900px){.results .tcx .tq-big{font-size:23px!important}.tfoot .thw{font-size:20px}.tcar{align-items:flex-start}}