:root{--orange:#ffad00;--ink:#101010;--paper:#f2efe8;--white:#fffdf7;--grey:#bdb8ad;--line:rgba(16,16,16,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;overflow-x:hidden}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}h1,h2,h3,p{margin-top:0}.header{height:82px;padding:0 clamp(20px,5vw,80px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(242,239,232,.95);backdrop-filter:blur(13px);position:sticky;top:0;z-index:50}.logo{display:grid;width:max-content}.logo strong{font-size:19px;font-weight:900;letter-spacing:-.06em;border-block:3px solid var(--ink);line-height:1.05}.logo span{font:500 7px DM Mono,monospace;letter-spacing:.12em;margin-top:4px}.header nav{display:flex;gap:32px;text-transform:uppercase;font:500 9px DM Mono,monospace}.header nav a:hover{color:#b77c00}.head-action{justify-self:end;background:var(--ink);color:white;padding:13px 17px;text-transform:uppercase;font:500 9px DM Mono,monospace}.menu{display:none;width:42px;height:42px;border:1px solid var(--ink);background:transparent;border-radius:50%;padding:12px}.menu i{display:block;height:1px;background:var(--ink);margin:5px}
.hero{min-height:calc(100vh - 82px);position:relative;padding:45px clamp(22px,7vw,120px) 65px;background:var(--orange);overflow:hidden;display:flex;flex-direction:column}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(16,16,16,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(16,16,16,.1) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,black,transparent 85%)}.hero-kicker{display:flex;justify-content:space-between;position:relative;text-transform:uppercase;font:500 8px DM Mono,monospace;letter-spacing:.1em}.hero-copy{position:relative;margin:auto 0}.hero h1{font-size:clamp(63px,10.3vw,175px);font-weight:900;line-height:.77;letter-spacing:-.095em;margin:40px 0}.hero h1 em{font-style:normal;color:var(--paper);-webkit-text-stroke:3px var(--ink);text-shadow:8px 8px 0 var(--ink)}.hero-copy>p{max-width:600px;font-size:clamp(17px,1.5vw,23px);line-height:1.5}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px;flex-wrap:wrap}.button{min-height:60px;padding:0 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:48px;text-transform:uppercase;font:500 9px DM Mono,monospace;transition:.2s}.button:hover{transform:translateY(-3px)}.button.dark{background:var(--ink);color:white}.button b{font-size:18px;color:var(--orange)}.under{border-bottom:1px solid var(--ink);padding-bottom:7px;text-transform:uppercase;font:500 9px DM Mono,monospace}.hero-score{position:absolute;right:clamp(22px,7vw,120px);bottom:70px;width:280px}.hero-score>span{font:500 8px DM Mono,monospace}.meter{height:12px;border:2px solid var(--ink);margin:8px 0 12px;padding:2px}.meter i{display:block;width:86%;height:100%;background:var(--ink)}.hero-score strong{font-size:42px;font-weight:900}.hero-badge{position:absolute;right:clamp(22px,7vw,120px);top:90px;width:130px;aspect-ratio:1;border-radius:50%;background:var(--ink);color:white;display:grid;place-content:center;text-align:center;transform:rotate(8deg)}.hero-badge b{font-size:36px}.hero-badge span{font:500 7px/1.4 DM Mono,monospace;text-transform:uppercase}.ticker{height:48px;background:var(--ink);color:var(--orange);display:flex;align-items:center;overflow:hidden;white-space:nowrap}.ticker span{font:500 10px DM Mono,monospace;letter-spacing:.13em;animation:run 23s linear infinite}@keyframes run{to{transform:translateX(-50%)}}
.label{font:500 8px DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.label.light{color:var(--orange)}.problem{padding:clamp(95px,11vw,175px) clamp(22px,7vw,120px)}.problem h2,.approach h2,.formats h2,.progress h2,.reviews h2,.contacts h2{font-size:clamp(50px,7.7vw,126px);font-weight:900;line-height:.9;letter-spacing:-.075em;margin:40px 0 70px}.problem h2 em,.formats h2 em,.reviews h2 em{font-style:normal;color:var(--orange)}.problem-bottom{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,10vw,160px);align-items:end}.problem-bottom>p{font-size:clamp(16px,1.7vw,24px);line-height:1.55}.quote{background:var(--ink);color:white;padding:40px;font-size:clamp(26px,3vw,50px);font-weight:800;letter-spacing:-.04em;transform:rotate(-1deg)}.quote span{display:block;margin-top:22px;color:var(--orange);font:500 9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}
.approach{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white;min-height:850px}.studio-photo{position:relative;overflow:hidden}.studio-photo img{height:100%;object-fit:cover}.studio-photo span{position:absolute;left:25px;bottom:25px;background:var(--orange);color:var(--ink);width:110px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;font-weight:900;transform:rotate(-8deg)}.approach-copy{padding:clamp(65px,7vw,120px);display:flex;flex-direction:column;justify-content:center}.approach h2{font-size:clamp(45px,5vw,82px);margin:35px 0 55px}.approach h2 em,.progress h2 em,.contacts h2 em{font-style:normal;color:var(--orange)}.steps{border-top:1px solid rgba(255,255,255,.25)}.steps article{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.25)}.steps b{color:var(--orange);font:500 9px DM Mono,monospace}.steps h3{margin:0 0 7px;font-size:17px}.steps p{margin:0;color:#aaa;font-size:12px;line-height:1.65}
.formats{padding:clamp(95px,11vw,175px) clamp(22px,7vw,120px);background:var(--white)}.formats-head{display:grid;grid-template-columns:.35fr 1.65fr;align-items:start}.formats-head h2{margin:0 0 70px}.format-list{border-top:2px solid var(--ink)}.format-list article{min-height:130px;border-bottom:2px solid var(--ink);display:grid;grid-template-columns:.35fr 1.35fr auto;align-items:center;gap:25px;position:relative;transition:.25s}.format-list article:hover{padding-inline:20px;background:var(--orange)}.format-list article>span{font:500 10px DM Mono,monospace}.format-list h3{font-size:clamp(27px,3vw,47px);letter-spacing:-.05em;margin:0 0 6px}.format-list p{margin:0;color:#666;font-size:12px}.format-list b{font:500 10px DM Mono,monospace}
.progress{padding:clamp(95px,11vw,175px) clamp(22px,7vw,120px);background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,160px)}.progress h2{font-size:clamp(45px,5vw,80px);margin:35px 0}.progress-copy>p{color:#aaa;line-height:1.75}.levels{display:flex;flex-direction:column;justify-content:center;gap:34px}.levels>div{display:grid;grid-template-columns:80px 1fr;gap:10px 20px;align-items:center}.levels span{font:500 8px DM Mono,monospace;color:var(--orange)}.levels i{height:14px;border:1px solid #555;position:relative}.levels i:after{content:"";position:absolute;inset:2px auto 2px 2px;width:var(--w);background:var(--orange)}.levels b{grid-column:2;font-size:11px;text-transform:uppercase;color:#aaa}
.reviews{padding:clamp(95px,11vw,175px) clamp(22px,7vw,120px)}.reviews-head{display:grid;grid-template-columns:.3fr 1.4fr .3fr;align-items:end;gap:30px}.reviews-head h2{font-size:clamp(48px,6vw,93px);margin:0}.reviews-head>a{text-align:right;border-bottom:1px solid var(--ink);padding-bottom:7px;text-transform:uppercase;font:500 8px DM Mono,monospace}.review-grid{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink)}.review-grid article{min-height:300px;padding:35px;display:flex;flex-direction:column;border-right:2px solid var(--ink)}.review-grid article:last-child{border:0}.review-grid>article>span{color:#b57900;letter-spacing:.15em}.review-grid p{font-size:clamp(20px,2vw,29px);font-weight:800;line-height:1.35;letter-spacing:-.03em;margin:30px 0}.review-grid small{margin-top:auto;color:#777;text-transform:uppercase;font:500 8px DM Mono,monospace;line-height:1.5}
.contacts{display:grid;grid-template-columns:1.25fr .75fr;background:var(--orange)}.contact-copy{padding:clamp(75px,9vw,150px)}.contacts h2{font-size:clamp(52px,7vw,110px);margin:35px 0}.contact-copy>p{max-width:650px;font-size:16px;line-height:1.65}.contact-actions{display:flex;align-items:center;gap:30px;margin-top:30px;flex-wrap:wrap}.button.orange{background:var(--orange);color:var(--ink);border:2px solid var(--ink)}.button.orange b{color:var(--ink)}.contact-actions>a:last-child{border-bottom:1px solid var(--ink);padding-bottom:7px;text-transform:uppercase;font:500 9px DM Mono,monospace}.contact-data{background:var(--ink);color:white;padding:clamp(55px,7vw,110px);display:flex;flex-direction:column;justify-content:center;gap:55px}.contact-data small{color:var(--orange);font:500 8px DM Mono,monospace;letter-spacing:.13em}.contact-data a,.contact-data p{display:block;margin:10px 0 0;line-height:1.6}.contact-data>div:first-child a{font-size:clamp(20px,2vw,30px);font-weight:800}footer{min-height:160px;padding:35px clamp(22px,7vw,120px);background:#080808;color:white;display:grid;grid-template-columns:1fr 1fr auto;align-items:center}footer .logo strong{border-color:white}footer p{color:#777;font:500 9px/1.6 DM Mono,monospace}footer>a:last-child{color:var(--orange);font:500 10px DM Mono,monospace}.float-chat{position:fixed;right:22px;bottom:22px;z-index:45;width:58px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:var(--ink);font:500 11px DM Mono,monospace;box-shadow:0 15px 35px rgba(0,0,0,.26)}
@media(max-width:1000px){.header{grid-template-columns:1fr auto}.header nav{position:fixed;inset:82px 0 0;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;transform:translateX(100%);transition:.25s}.header nav.open{transform:none}.head-action{display:none}.menu{display:block}.hero-score{display:none}.approach{grid-template-columns:1fr}.studio-photo{min-height:600px}.progress{grid-template-columns:1fr}.reviews-head{grid-template-columns:.3fr 1.4fr}.reviews-head>a{grid-column:2;justify-self:start}.contacts{grid-template-columns:1fr}}
@media(max-width:700px){.header{height:70px;padding:0 17px}.header nav{inset:70px 0 0}.hero{min-height:calc(100vh - 70px);padding:30px 20px 50px}.hero-kicker span:last-child{display:none}.hero h1{font-size:clamp(54px,15.5vw,73px);line-height:.82;margin:90px 0 35px}.hero h1 em{-webkit-text-stroke:1px var(--ink);text-shadow:4px 4px 0 var(--ink)}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.under{width:max-content}.hero-badge{right:20px;top:65px;width:95px}.problem h2,.formats h2,.reviews h2,.contacts h2{font-size:clamp(43px,12vw,60px)}.problem-bottom{grid-template-columns:1fr}.quote{padding:28px}.studio-photo{min-height:450px}.approach-copy{padding:75px 20px}.formats-head,.reviews-head{display:block}.formats-head h2{margin-top:30px}.format-list article{grid-template-columns:65px 1fr;padding:25px 0}.format-list article>b{display:none}.format-list p{line-height:1.6}.progress{padding-inline:20px}.levels>div{grid-template-columns:65px 1fr}.review-grid{display:block}.review-grid article{border-right:0;border-bottom:2px solid var(--ink);min-height:245px;padding:28px}.review-grid article:last-child{border-bottom:0}.reviews-head>a{display:inline-block;margin-top:30px}.contact-copy,.contact-data{padding:75px 20px}footer{grid-template-columns:1fr auto;gap:20px}footer p{grid-row:2}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
