/* ALX application page — responsive refresh v2.1.1.
 * Replaces the older responsive stylesheet rather than stacking prior patches.
 * This plugin is loaded on WordPress page 'basvuru' only. */
body .wp-site-blocks, body .wp-site-blocks > main,
body .wp-block-post-content, body .entry-content,
body .wp-block-post-content > .wp-block-html,
body .wp-block-post-content > .wp-block-group,
body .wp-block-post-content > .alignfull {
  max-width:none !important; width:100% !important; min-width:0 !important;
}
body .wp-site-blocks > main, body .wp-block-post-content,
body .entry-content, body .wp-block-post-content > .wp-block-html {
  margin-block:0 !important; padding-block:0 !important;
}
body .wp-block-post-content > :where(:not(.alignleft):not(.alignright)),
body .entry-content > :where(:not(.alignleft):not(.alignright)) { max-width:none !important; }
body .wp-block-post-content > .wp-block-html { margin-inline:0 !important; padding-inline:0 !important; }
body .site, body .site * {box-sizing:border-box;}
body .site {width:100% !important;max-width:1600px !important; margin-inline:auto !important;padding-inline:clamp(14px,2.4vw,42px) !important;overflow-x:clip;}
body .site :is(.hero,.media-panel,.video-frame,.intro,.features,.feature,.form-card,.form-grid,.field,.workflow) {min-width:0 !important;}
body .site :is(video,img,iframe) {max-width:100%;}
body .site .ambient {pointer-events:none;}
body .site .header {height:72px !important;min-height:72px !important;margin:0 !important;padding-block:0 !important;}
body .site .hero {margin:0 !important;padding:24px 0 14px !important;width:100% !important;max-width:100% !important;align-items:start !important;gap:clamp(16px,1.8vw,28px) !important;}
body .site .media-panel {align-self:start !important;width:100% !important;max-width:none !important;margin:0 !important;}
body .site .video-frame {width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;aspect-ratio:9 / 16 !important;border-radius:20px !important;overflow:hidden !important;position:relative !important;}
body .site .video-frame video {width:100% !important;height:100% !important;aspect-ratio:9 / 16 !important;object-fit:contain !important;}
body .site .media-panel .ai-badge {display:none !important;}
body .site .video-caption {color:#a69fbd !important;font-size:11px !important;line-height:1.35 !important;margin:5px auto 0 !important;text-align:center !important;max-width:96% !important;}
body .site .video-play {display:none !important;inset:auto 9px 58px !important;z-index:5 !important;padding:0 !important;background:transparent !important;pointer-events:none !important;text-align:center !important;}
body .site .video-play.is-visible {display:block !important;}
body .site .video-play button {pointer-events:auto !important;max-width:calc(100% - 12px) !important;font-size:13px !important;line-height:1.3 !important;border-radius:12px !important;padding:12px 16px !important;background:#f1eaff !important;color:#291548 !important;box-shadow:0 9px 28px #0008 !important;}
body .site .intro {align-self:start !important;margin:0 !important;padding:0 !important;min-width:0 !important;}
body .site .form-card {align-self:start !important;width:100% !important;max-height:none !important;overflow:visible !important;margin:0 !important;padding:22px 23px !important;}
body .site .form-card h2 {margin:6px 0 8px !important;}
body .site .form-card > p {margin:0 0 13px !important;line-height:1.38 !important;}
body .site .form-grid {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px 12px !important;}
body .site .form-grid > .field,body .site .form-grid > .field.full {grid-column:auto !important;}
body .site .field label {display:block !important;margin-bottom:5px !important;line-height:1.35 !important;overflow-wrap:anywhere !important;}
body .site .field :is(input,select) {min-height:42px !important;height:42px !important;width:100% !important;}
body .site .field textarea {min-height:58px !important;height:58px !important;width:100% !important;}
body .site .form-card .check {margin:12px 0 !important;}
body .site .form-card .submit {min-height:47px !important;height:auto !important;}
body .site .workflow {margin:15px 0 20px !important;}

/* Desktop: use the available width. Video is intentionally not shrunk to viewport
   height; short screens scroll normally rather than making the person tiny. */
@media (min-width:1180px) {
 body .site .hero {display:grid !important;grid-template-columns:minmax(295px, .98fr) minmax(310px, 1.02fr) minmax(380px, 1.18fr) !important;grid-template-areas:'media intro form' !important;}
 body .site .media-panel {grid-area:media !important;}
 body .site .video-frame {width:min(100%,365px) !important;max-width:365px !important;margin:0 auto 0 0 !important;}
 body .site .intro {grid-area:intro !important;padding-top:18px !important;}
 body .site .form-card {grid-area:form !important;}
 body .site .intro .pillrow {margin-bottom:13px !important;}
 body .site .intro h1 {font-size:clamp(31px,3.0vw,49px) !important;line-height:1.08 !important;margin:7px 0 13px !important;}
 body .site .intro .lead {font-size:clamp(13px,1.1vw,16px) !important;margin:13px 0 22px !important;}
 body .site .features {display:grid !important;grid-template-columns:1fr !important;gap:12px !important;}
 body .site .feature-icon {width:37px !important;height:37px !important;flex:0 0 37px !important;}
 body .site .feature p {font-size:11px !important;}
 body .site .nav {gap:22px !important;}
}

/* Tablet & small laptop: give the video enough room, with form beside it. */
@media (min-width:701px) and (max-width:1179px) {
 body .site .nav {display:none !important;}
 body .site .hero {display:grid !important;grid-template-columns:minmax(270px,.85fr) minmax(350px,1.15fr) !important;grid-template-areas:'media form' 'intro intro' !important;gap:22px !important;}
 body .site .media-panel {grid-area:media !important;}
 body .site .video-frame {width:min(100%,360px) !important;margin:0 !important;}
 body .site .form-card {grid-area:form !important;}
 body .site .intro {grid-area:intro !important;padding-top:8px !important;}
 body .site .intro h1 {font-size:clamp(31px,4.2vw,46px) !important;}
 body .site .intro .features {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px !important;}
 body .site .workflow {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
 body .site .workflow-header {grid-column:1/-1 !important;border-right:0 !important;}
}

/* Phones: a large, full-row vertical video; form immediately next; marketing
   copy is third, not a tiny side column that buries the video. */
@media (max-width:700px) {
 body .wp-site-blocks > main, body .wp-block-post-content,body .wp-block-post-content > .wp-block-html {margin:0 !important;padding:0 !important;}
 body .site {padding-inline:14px !important;}
 body .site .header {height:63px !important;min-height:63px !important;gap:10px !important;}
 body .site .alxbrand strong {font-size:28px !important;}
 body .site .nav {display:none !important;}
 body .site .header-cta {font-size:11px !important;padding:11px 12px !important;}
 body .site .hero {display:grid !important;grid-template-columns:minmax(0,1fr) !important;grid-template-areas:'media' 'form' 'intro' !important;gap:19px !important;padding-top:15px !important;align-items:start !important;}
 body .site .media-panel {grid-area:media !important;width:100% !important;max-width:none !important;margin:0 auto !important;}
 body .site .video-frame {width:min(100%, clamp(280px, 84vw, 360px)) !important;max-width:360px !important;height:auto !important;margin:0 auto !important;border-radius:18px !important;}
 body .site .video-play {inset:auto 6px 56px !important;}
 body .site .video-play button {font-size:13px !important;padding:11px 14px !important;}
 body .site .video-caption {font-size:10px !important;max-width:360px !important;}
 body .site .form-card {grid-area:form !important;order:initial !important;max-width:none !important;width:100% !important;padding:20px 17px !important;border-radius:16px !important;}
 body .site .form-card h2 {font-size:25px !important;}
 body .site .form-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px 10px !important;}
 body .site .form-grid > .field.full {grid-column:1/-1 !important;}
 body .site .field label {font-size:12px !important;}
 body .site .field :is(input,select,textarea) {font-size:16px !important;}
 body .site .field :is(input,select) {min-height:46px !important;height:46px !important;}
 body .site .field textarea {min-height:80px !important;height:80px !important;}
 body .site .form-card .check {font-size:11px !important;margin:12px 0 !important;}
 body .site .intro {grid-area:intro !important;order:initial !important;padding:7px 0 9px !important;}
 body .site .intro .pillrow {margin-bottom:10px !important;}
 body .site .intro .pill {font-size:10px !important;padding:7px 9px !important;}
 body .site .intro .eyebrow {font-size:11px !important;}
 body .site .intro h1 {font-size:clamp(34px,8.4vw,47px) !important;line-height:1.07 !important;margin:9px 0 14px !important;}
 body .site .intro .lead {font-size:15px !important;line-height:1.5 !important;}
 body .site .intro .features {display:grid !important;grid-template-columns:1fr !important;gap:13px !important;}
 body .site .intro .feature h3 {font-size:14px !important;}
 body .site .intro .feature p {font-size:12px !important;}
 body .site .intro .budget-line {display:inline-flex !important;}
 body .site .workflow {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;padding:17px !important;}
 body .site .workflow-header {grid-column:1/-1 !important;border:0 !important;}
 body .site .footer {flex-direction:column !important;text-align:center !important;gap:9px !important;}
}
@media (max-width:360px) {
 body .site {padding-inline:11px !important;}
 body .site .form-card {padding-inline:13px !important;}
 body .site .field label {font-size:11px !important;}
 body .site .form-grid {gap:9px 8px !important;}
 body .site .form-card h2 {font-size:23px !important;}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto !important;}}