@font-face{font-family:Haffer;src:url('/fonts/HafferSQ-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Haffer;src:url('/fonts/HafferSQ-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:Haffer;src:url('/fonts/HafferSQ-SemiBold.otf') format('opentype');font-weight:600;font-display:swap}
:root{--paper:#f4f1eb;--ink:#16140f;--ink-70:#55534c;--muted:#6e6a61;--hairline:#16140f21;--accent:#e8470c}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 Haffer,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}h1,h2,h3,strong,b{font-weight:500}h1,h2,h3{letter-spacing:-.035em;line-height:1.15}
img{display:block;max-width:100%}a{color:inherit}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}
::selection{background:var(--accent);color:white}
.page-width{width:calc(100% - 88px);max-width:1152px;margin-inline:auto}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:14px 25px;border:0;border-radius:100px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .2s}
.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#39362e}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:8px 0;font:500 15px/1.5 Haffer,sans-serif;background:none;border:0;text-decoration:none}.text-link:hover{color:var(--accent)}
.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:white;padding:12px 20px;border-radius:10px}.skip-link:focus{top:80px}
.entry-error{font-size:14px;line-height:1.5;color:#a52e15}.entry-error:empty{display:none}.entry-error:not(:empty){margin-top:16px}

/* One view of what the upgrade adds. */
.upgrade-hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:64px;padding-top:123px;padding-bottom:60px}
.hero-heading{display:flex;align-items:center;gap:16px}.plan-label{font-size:15px;color:var(--accent);margin-bottom:14px}.hero-portrait{display:none}
h1{font-size:clamp(49px,5.5vw,73px);letter-spacing:-.055em;line-height:1.02}h1 span{color:var(--accent)}h1 .hero-greeting{color:inherit}
.hero-offer{font-size:20px;letter-spacing:-.025em;margin-top:20px}.hero-offer strong{white-space:nowrap}
.upgrade-benefits{list-style:none;padding:0;margin:27px 0;display:grid;gap:17px}
.upgrade-benefits li{display:flex;align-items:flex-start;gap:13px}.benefit-check{flex:none;display:grid;place-items:center;width:20px;height:24px;color:var(--accent);font-size:16px}
.upgrade-benefits h2{font-size:17px;line-height:1.4;letter-spacing:-.015em}.upgrade-benefits p{font-size:14px;line-height:1.5;color:var(--muted);margin-top:2px}
.hero-actions{display:flex;align-items:center;gap:23px}.hero-actions>p{font-size:13px;line-height:1.45;color:var(--muted)}.hero-actions>p strong{font-size:15px;color:var(--ink)}
.hero-scene{min-width:0}.hero-scene>img{width:100%;height:510px;object-fit:cover;object-position:54% 50%;border-radius:30px}

/* The landing page's existing program and customer credibility marks. */
.neo-proof-label{font-size:12px;line-height:1.4;color:var(--muted);margin:0 0 10px}
.neo-proof-brands{display:flex;align-items:center;justify-content:center;gap:27px;min-height:25px}
.neo-proof-brand{display:inline-flex;align-items:center;gap:5px;font-size:19px;line-height:1;white-space:nowrap;letter-spacing:-.035em;color:var(--ink-70)}
.neo-proof-brand img{height:23px;width:auto;max-width:84px;object-fit:contain;filter:grayscale(1);opacity:.73}
.neo-proof-brand.apple img{height:23px;width:19px}.neo-proof-brand.amazon img{height:24px;max-width:82px}.neo-proof-brand.yc img{height:23px;width:23px}.neo-proof-brand.yc span{font-size:16px;font-weight:500}
.neo-support-proof{text-align:center;margin-top:20px}.neo-support-proof .neo-proof-label{margin-bottom:8px}.neo-support-proof .neo-proof-brand{font-size:14px;gap:6px}.neo-support-proof .google-support img{height:19px;max-width:62px}.neo-support-proof .aws-support{gap:5px;align-items:baseline}.aws-wordmark{font-size:19px;font-weight:600;letter-spacing:-.045em;line-height:1}
.neo-people-proof{display:flex;align-items:center;justify-content:center;gap:30px;grid-column:1/-1;width:100%;margin:0;padding-top:20px;border-top:1px solid var(--hairline)}.neo-people-proof .neo-proof-label{margin:0}

/* A few bigger assignments, with the result visible. */
.assignments{border-top:1px solid var(--hairline);padding-top:48px;padding-bottom:42px}
.assignments>h2{font-size:36px;margin-bottom:27px}
.assignment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.assignment{min-width:0}.assignment-visual{height:218px;border-radius:19px;overflow:hidden;position:relative}
.assignment h3{font-size:20px;line-height:1.3;min-height:52px;margin-top:17px;max-width:310px;text-wrap:balance}
.assignment>p{font-size:15px;color:var(--muted);margin-top:8px;max-width:330px}
.more-cases{margin-top:23px}
.launch-visual{background:#e9e1d4;padding:20px 20px 14px}.studio-site{background:#faf6ee;box-shadow:0 5px 15px #624d3110;border:1px solid #fff9;border-radius:9px;overflow:hidden}
.studio-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #16140f13;padding:10px 14px;font-size:9px;color:#705a45}.studio-nav b{font-size:12px;letter-spacing:-.04em}
.studio-body{padding:20px 14px 24px;position:relative;overflow:hidden;height:128px}.studio-body>strong{position:relative;z-index:1;display:block;font-size:27px;line-height:1.03;letter-spacing:-.045em;max-width:185px}
.ceramic{position:absolute;width:73px;height:79px;right:29px;bottom:10px;background:linear-gradient(100deg,#cc9a73,#ecc8a8 55%,#b8845b);border-radius:30% 30% 40% 40%;transform:rotate(8deg);box-shadow:9px 9px 16px -10px #73553266}
.ceramic:before{content:'';position:absolute;left:0;right:0;top:-9px;height:22px;border:6px solid #cf9e7a;border-radius:50%;background:#8c6246}.ceramic:after{content:'';position:absolute;right:-20px;top:15px;width:24px;height:37px;border:8px solid #c49370;border-left:0;border-radius:0 50% 50% 0}
.launch-ready{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:11px;font-size:10px;color:#79634e;white-space:nowrap}
.content-visual{padding:19px;background:#ebddd9;display:flex;flex-direction:column;gap:15px}.voice-note{align-self:center;display:flex;align-items:center;gap:13px;background:#faf4f0;border-radius:24px;padding:9px 15px;color:#986158;font-size:11px;height:40px}.voice-note>span:first-child{font-size:10px}.waveform{height:22px;display:flex;align-items:center;gap:3px}.waveform i{height:8px;width:3px;background:#c89389;border-radius:3px}.waveform i:nth-child(3n){height:20px}.waveform i:nth-child(3n+1){height:13px}.waveform i:nth-child(4n+1){height:5px}
.content-results{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:8px;flex:1;min-height:0}.content-results>div{position:relative;overflow:hidden;border-radius:8px;background:#fff9f3}.post-result{padding:10px;display:flex;flex-direction:column;justify-content:space-between}.post-result>span:first-child{font-size:9px;color:#9a7f73}.post-result strong{font-size:12px;line-height:1.3;letter-spacing:-.02em}.content-results img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.content-results>div>span:last-child{font-size:9px;color:#846b5e}.content-results .image-result>span,.content-results .video-result>span{position:absolute;left:0;right:0;bottom:0;padding:15px 8px 7px;color:white!important;background:linear-gradient(transparent,#000b)}
.training-visual{padding:23px;background:#e6ecdf;color:#355a42}.training-top,.training-footer{display:flex;justify-content:space-between;gap:12px;font-size:11px}.training-top>span:last-child{color:#73846c}.training-value{display:flex;align-items:baseline;gap:12px;margin-top:10px}.training-value strong{font-size:43px;line-height:1.15;letter-spacing:-.04em;font-variant-numeric:proportional-nums}.training-value strong span{font-size:20px}.training-value>span{font-size:11px;color:#6e8268}.training-chart{width:100%;height:71px;margin-top:9px;overflow:visible}.training-footer{font-size:10px;margin-top:9px;color:#698060}.training-footer strong{font-weight:500;white-space:nowrap}
.connections{display:flex;align-items:center;justify-content:center;gap:44px;border-top:1px solid var(--hairline);margin-top:36px;padding-top:30px}.connections>p{font-size:15px;color:var(--muted)}.app-icons{display:flex;gap:31px;align-items:center}.app-icons img{height:44px;width:44px;object-fit:contain}

/* Pricing stays compact: Pro first, extra capacity second. */
.plans{padding:8px 0 54px}.pro-plan{display:grid;grid-template-columns:1fr 320px;align-items:center;gap:30px;border-radius:25px;background:#e9e4da;padding:35px 40px}
.plan-intro{display:flex;align-items:center;gap:25px}.plan-intro>img{width:128px;height:128px;border-radius:50%;flex:none;box-shadow:0 14px 20px -15px #16140f66}.plan-intro h2{font-size:34px;line-height:1.15}.plan-intro p{font-size:14px;line-height:1.6;margin-top:13px;color:var(--muted)}
.plan-purchase{text-align:center}.price{font-size:48px;line-height:1.1;letter-spacing:-.05em}.price>span{font-size:16px;letter-spacing:-.01em;color:var(--muted);margin-left:4px}.plan-allowance{font-size:12px;color:var(--muted);margin:9px 0 17px}.plan-purchase .button{width:100%}
.payment-alternative{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:none;border:0;color:var(--muted);font-size:12px;padding:8px 0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#16140f30}.payment-alternative:hover{color:var(--ink)}
.power-plan{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 15px 0}.power-plan h3{font-size:17px;line-height:1.5;letter-spacing:-.02em}.power-plan p{font-size:14px;color:var(--muted);margin-top:4px}.power-actions{flex:none;display:flex;flex-direction:column;align-items:flex-start}.power-actions .text-link{min-height:40px}.power-actions .payment-alternative{font-size:11px;min-height:30px;padding-top:0}

@media(max-width:1050px){
  .page-width{width:calc(100% - 64px)}.upgrade-hero{gap:36px;grid-template-columns:1.12fr 1fr}h1{font-size:56px}.hero-offer{font-size:18px}.hero-scene>img{height:500px}.upgrade-benefits p{font-size:13px}.assignment-grid{gap:18px}.assignment-visual{height:198px}.launch-visual{padding:17px 14px}.studio-body{height:111px}.studio-body>strong{font-size:26px}.ceramic{width:60px;height:68px;right:23px}.launch-ready{font-size:8px}.training-visual{padding:19px}.training-top{font-size:10px}.training-chart{height:62px}.training-footer{font-size:9px}.content-visual{padding:16px}.post-result{padding:8px}.post-result strong{font-size:11px}.assignment h3{font-size:19px}.assignment>p{font-size:14px}.pro-plan{grid-template-columns:1fr 265px;padding:30px}.plan-intro{gap:20px}.plan-intro h2{font-size:29px}.plan-intro p{font-size:13px}.plan-intro>img{width:112px;height:112px}.app-icons{gap:25px}.connections{gap:30px}
}
@media(max-width:800px){
  .upgrade-hero{grid-template-columns:1.2fr .9fr;gap:26px}.hero-scene>img{height:455px}h1{font-size:47px}.hero-offer{font-size:17px}.upgrade-benefits h2{font-size:16px}.hero-actions{gap:15px}.hero-actions .button{font-size:14px;padding-inline:20px;gap:18px}.hero-actions>p{font-size:12px}.hero-actions>p strong{font-size:13px}.assignment-grid{gap:14px}.assignment-visual{height:171px}.assignment h3{font-size:18px}.launch-visual{padding:13px 11px}.studio-nav{padding:8px 10px}.studio-nav b{font-size:10px}.studio-nav>span{display:none}.studio-body{height:100px;padding:19px 10px}.studio-body>strong{font-size:23px}.ceramic{display:none;width:46px;height:56px;right:17px}.ceramic:after{width:17px;height:29px;right:-13px;border-width:6px}.launch-ready{font-size:8px;gap:4px;flex-wrap:wrap;margin-top:6px}.launch-ready span:last-child{display:none}.content-visual{padding:13px 11px;gap:11px}.voice-note{height:32px;padding:7px 12px}.content-results{gap:5px}.post-result{padding:7px}.post-result strong{font-size:10px}.post-result>span:first-child{font-size:8px}.training-visual{padding:16px 13px}.training-top{font-size:9px;gap:4px}.training-value{margin-top:7px}.training-value strong{font-size:34px}.training-value>span{font-size:10px}.training-chart{height:51px}.training-footer{font-size:8px;margin-top:6px;gap:4px}.connections{justify-content:space-between;gap:20px}.app-icons{gap:20px}.app-icons img{width:38px;height:38px}.connections>p{font-size:13px}.pro-plan{grid-template-columns:1fr 240px;gap:18px;padding:25px}.plan-intro{gap:16px}.plan-intro>img{width:90px;height:90px}.plan-intro h2{font-size:26px}.plan-intro p{font-size:12px}.plan-intro p br{display:none}.plan-allowance{font-size:11px}.power-plan p{font-size:12px}.power-plan h3{font-size:16px}
}
@media(max-width:640px){
  .neo-support-proof{margin-top:0}.neo-people-proof{display:block;text-align:center}.neo-people-proof .neo-proof-label{margin-bottom:11px}.neo-people-proof .neo-proof-brands{gap:22px}.neo-people-proof .neo-proof-brand{font-size:17px}.neo-people-proof .neo-proof-brand img{height:20px;max-width:66px}.neo-people-proof .apple img{width:16px}.neo-people-proof .amazon img{height:21px;max-width:70px}.neo-people-proof .yc img{width:20px}.neo-people-proof .yc span{font-size:15px}
  .page-width{width:calc(100% - 40px)}.upgrade-hero{display:block;padding-top:110px;padding-bottom:34px}.hero-scene{margin-top:24px}.hero-scene>img{display:none}.hero-heading{justify-content:space-between;gap:10px}.hero-portrait{display:block;width:82px;height:82px;flex:none;border-radius:50%}.plan-label{font-size:13px;margin-bottom:9px}h1{font-size:clamp(36px,8.85vw,55px);line-height:1.05;letter-spacing:-.05em}.hero-offer{font-size:17px;margin-top:18px}.upgrade-benefits{gap:16px;margin:25px 0}.upgrade-benefits li{gap:10px}.upgrade-benefits h2{font-size:16px}.upgrade-benefits p{font-size:14px;margin-top:2px;max-width:360px}.benefit-check{width:17px}.hero-actions{gap:23px}.hero-actions .button{font-size:15px;gap:20px;padding-inline:24px}.hero-actions>p{font-size:12px}.hero-actions>p strong{font-size:14px}
  .assignments{padding-top:30px;padding-bottom:27px}.assignments>h2{font-size:29px;margin-bottom:21px}.assignment-grid{grid-template-columns:1fr;gap:29px}.assignment-visual{height:193px}.assignment h3{font-size:20px;min-height:0;max-width:340px;margin-top:14px;text-wrap:initial}.assignment>p{font-size:14px;margin-top:6px;max-width:340px}.launch-visual{padding:16px 20px 12px}.studio-nav{padding:8px 14px}.studio-nav b{font-size:12px}.studio-nav>span{display:block}.studio-body{height:112px;padding:16px 14px}.studio-body>strong{font-size:27px;max-width:165px}.ceramic{display:block;width:70px;height:71px;right:35px}.ceramic:after{width:24px;height:33px;right:-19px;border-width:8px}.launch-ready{font-size:10px;gap:6px;margin-top:10px;flex-wrap:nowrap}.launch-ready span:last-child{display:block}.content-visual{padding:16px 20px;gap:13px}.voice-note{height:33px}.content-results{gap:9px}.post-result{padding:10px}.post-result strong{font-size:12px;max-width:100px}.post-result>span:first-child{font-size:9px}.training-visual{padding:19px 24px}.training-top{font-size:11px}.training-value{margin-top:7px}.training-value strong{font-size:38px}.training-value>span{font-size:11px}.training-chart{height:54px;margin-top:6px}.training-footer{font-size:10px;margin-top:6px}.more-cases{font-size:14px;margin-top:16px}
  .connections{flex-direction:column;gap:17px;padding-top:23px;margin-top:24px}.connections>p{font-size:14px}.app-icons{justify-content:space-between;width:100%;max-width:350px;gap:15px}.app-icons img{width:36px;height:36px}
  .plans{padding:4px 0 32px}.pro-plan{grid-template-columns:1fr;gap:25px;padding:25px 22px 14px;border-radius:22px}.plan-intro{flex-direction:column;text-align:center;gap:20px}.plan-intro>img{width:112px;height:112px}.plan-intro h2{font-size:29px}.plan-intro p{font-size:14px;max-width:290px;margin-top:10px}.plan-purchase .price{font-size:44px}.plan-allowance{font-size:12px;margin-top:8px}.power-plan{display:block;padding:23px 8px 0}.power-plan h3{font-size:17px}.power-plan p{font-size:14px;max-width:315px}.power-actions{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-top:7px}.power-actions .text-link{font-size:14px;gap:10px;min-height:44px}.power-actions .payment-alternative{font-size:10px;min-height:44px;padding:8px 0}
}
@media(max-width:370px){
  .neo-people-proof .neo-proof-brands{gap:8px}.neo-people-proof .neo-proof-brand{font-size:15px}.neo-people-proof .neo-proof-brand img{height:18px;max-width:54px}.neo-people-proof .apple img{width:15px}.neo-people-proof .amazon img{height:19px;max-width:56px}.neo-people-proof .yc img{width:18px}.neo-people-proof .yc span{font-size:14px}
  .hero-portrait{width:64px;height:64px}.hero-heading{gap:8px}h1{font-size:34px}.hero-offer{font-size:15px}.hero-actions{gap:14px}.hero-actions .button{font-size:14px;padding-inline:19px;gap:16px}.hero-actions>p strong{font-size:13px}.upgrade-benefits p{font-size:13px}.assignments>h2{font-size:26px}.assignment-visual{height:183px}.studio-body{height:107px}.studio-body>strong{font-size:23px;max-width:150px}.ceramic{width:54px;height:65px;right:16px}.launch-visual{padding-inline:15px}.launch-ready{font-size:9px}.content-visual{padding-inline:15px}.post-result strong{font-size:11px}.training-visual{padding-inline:19px}.training-chart{height:49px}.training-footer{font-size:9px}.app-icons{gap:12px}.app-icons img{width:32px;height:32px}.power-actions{flex-direction:column;align-items:flex-start;gap:0}.power-actions .payment-alternative{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep the Russian language switch and upgrade action on one mobile row. */
@media(max-width:760px){
  html[lang="ru"] .entry-language{min-width:44px;min-height:44px;padding:0;gap:0}
  html[lang="ru"] .entry-language svg,html[lang="ru"] .entry-language span{display:none}
  html[lang="ru"] .entry-language:after{content:"EN"}
}
@media(max-width:370px){html[lang="ru"] h1{font-size:30px}}
@media(max-width:360px){html[lang="ru"] .nav-brand{gap:6px}html[lang="ru"] .nav-right{gap:0}}