@layer base,layout,components,motion,responsive;
@layer base {
  :root {--paper:#f8f9fb;--white:#fff;--ink:#17181b;--muted:#62646a;--red:#e3312c;--yellow:#ffce35;--line:#e0e2e7;--radius:24px;--ease:cubic-bezier(.2,.7,.2,1)}
  * {box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #2463d7;outline-offset:6px}::selection{background:var(--yellow);color:var(--ink)}.red{color:var(--red)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:700;line-height:1.7}h1{font-size:clamp(3.8rem,6.2vw,6.05rem);line-height:1.015;letter-spacing:-.066em;font-weight:750}h2{font-size:clamp(2.35rem,3.6vw,3.4rem);line-height:1.1;letter-spacing:-.052em}h3{letter-spacing:-.04em}.grid-bg{background-color:var(--paper);background-image:linear-gradient(rgba(20,25,40,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,25,40,.045) 1px,transparent 1px);background-size:48px 48px}.skip-link{position:fixed;top:12px;left:12px;padding:16px;background:var(--ink);color:#fff;z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
}

@layer layout {
  .header {
    position: sticky;
    top: 0;
    z-index: 50;
    height: 88px;
    background: linear-gradient(180deg,rgba(255,255,255,.82),rgba(248,249,251,.66));
    border-bottom: 1px solid rgba(255,255,255,.8);
    box-shadow: 0 1px 0 rgba(23,24,27,.07),0 12px 40px rgba(28,31,43,.07);
    -webkit-backdrop-filter: blur(22px) saturate(165%);
    backdrop-filter: blur(22px) saturate(165%);
  }
  .header::after {
    content: "";
    position: absolute;
    inset: 100% 0 auto;
    height: 18px;
    pointer-events: none;
    background: linear-gradient(180deg,rgba(248,249,251,.16),transparent);
  }
  .nav-cta {
    position: relative;
    isolation: isolate;
    min-width: 174px;
    justify-content: space-between;
    gap: 22px;
    overflow: hidden;
    color: #fff;
    border: 1px solid rgba(255,255,255,.24);
    padding: 8px 8px 8px 19px;
    background: linear-gradient(135deg,#15161a 0%,#25272d 56%,#16171b 100%);
    box-shadow: 0 10px 26px rgba(23,24,27,.2),inset 0 1px 0 rgba(255,255,255,.13);
  }
  .nav-cta::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 90px;
    height: 90px;
    left: -50px;
    top: -56px;
    border-radius: 50%;
    background: rgba(227,49,44,.7);
    filter: blur(23px);
    transition: transform .4s var(--ease),opacity .4s var(--ease);
  }
  .nav-cta::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(105deg,transparent 22%,rgba(255,255,255,.17) 46%,transparent 66%);
    transform: translateX(-125%);
    transition: transform .65s var(--ease);
  }
  .nav-cta:hover {color:#fff;background:linear-gradient(135deg,#15161a,#25272d);transform:translateY(-3px);box-shadow:0 15px 30px rgba(23,24,27,.26),inset 0 1px 0 rgba(255,255,255,.18)}
  .nav-cta:hover::before {transform:translate(14px,10px) scale(1.25);opacity:.95}
  .nav-cta:hover::after {transform:translateX(125%)}
  .nav-cta-copy {display:flex;flex-direction:column;align-items:flex-start;font-size:.93rem!important;line-height:1.08;letter-spacing:-.01em}
  .nav-cta-copy small {font-size:.55rem;line-height:1.2;letter-spacing:.12em;color:#bfc1c7;margin-bottom:3px}
  .nav-cta-icon {display:grid!important;place-items:center;flex:none;width:37px;height:37px;border-radius:50%;font-size:1.05rem!important;color:var(--ink);background:var(--yellow);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:transform .3s var(--ease),background .3s}
  .nav-cta:hover .nav-cta-icon {transform:rotate(10deg) scale(1.06);background:#ffdb55}
  .hero-stats {border-top:0;padding-top:0;margin-top:34px}
  .secondary-cta {
    display:inline-flex;
    align-items:center;
    gap:17px;
    min-height:54px;
    padding:7px 8px 7px 19px;
    border:1px solid rgba(23,24,27,.18);
    border-radius:30px;
    background:rgba(255,255,255,.64);
    box-shadow:inset 0 1px 0 #fff,0 8px 24px rgba(23,24,27,.07);
    -webkit-backdrop-filter:blur(12px) saturate(140%);
    backdrop-filter:blur(12px) saturate(140%);
    font-size:.86rem;
    font-weight:700;
    transition:transform .28s var(--ease),background .28s,border-color .28s,box-shadow .28s;
  }
  .secondary-cta:hover {transform:translateY(-3px);background:#fff;border-color:rgba(23,24,27,.32);box-shadow:0 13px 28px rgba(23,24,27,.11)}
  .secondary-cta-icon {display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--red);color:#fff;font-size:1.05rem;transition:transform .3s var(--ease)}
  .secondary-cta:hover .secondary-cta-icon {transform:translateY(2px)}
  .lesson-showcase {display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:center;margin-top:78px;padding:58px;border-radius:32px;background:linear-gradient(135deg,#f4f6f8,#fff);border:1px solid var(--line);box-shadow:0 30px 70px -54px rgba(23,24,27,.42);overflow:hidden}
  .lesson-showcase-copy {position:relative;z-index:1}
  .lesson-showcase-copy .eyebrow {margin-bottom:18px}
  .lesson-showcase-copy h3 {font-size:clamp(2rem,3vw,3rem);line-height:1.08;margin-bottom:24px}
  .lesson-showcase-copy>p:last-child {max-width:390px;font-size:1rem;line-height:1.75;color:var(--muted)}
  .crown-sticker {position:absolute;z-index:-1;width:132px;right:-6px;top:-94px;transform:rotate(8deg);filter:drop-shadow(0 12px 18px rgba(23,24,27,.1));animation:sticker-bob 8s ease-in-out infinite}
  .raw-screens {display:flex;justify-content:center;align-items:center;gap:24px;min-width:0;padding:12px 0}
  .raw-screen {position:relative;width:min(46%,278px);margin:0;border-radius:25px;background:#fff;box-shadow:0 25px 48px -24px rgba(23,24,27,.42);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
  .raw-screen:first-child {transform:rotate(-3.2deg)}
  .raw-screen:last-child {transform:translateY(26px) rotate(3.2deg)}
  .raw-screen:hover {transform:translateY(-7px) rotate(0);box-shadow:0 35px 55px -24px rgba(23,24,27,.5)}
  .raw-screen img {width:100%;height:auto}
  .raw-screen figcaption {position:absolute;left:12px;bottom:12px;padding:8px 11px;border-radius:20px;background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 #fff;color:#3e4046;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.75rem;font-weight:700}
  .method-story {display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
  .method-stage {min-width:0;display:flex;min-height:230px;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 20px 18px;border:1px solid var(--line);border-radius:24px;background:#fff;text-align:center;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
  .method-stage:hover {transform:translateY(-5px);box-shadow:0 18px 35px -26px rgba(23,24,27,.42)}
  .method-stage img {width:100%;height:170px;object-fit:contain}
  .method-stage span {font-size:.82rem;font-weight:700;letter-spacing:.02em}
  .transformation-stage {background:#fffced}
  .creator-note {margin-top:24px;padding:0;border:1px solid var(--line);border-radius:26px;display:grid;grid-template-columns:260px 1fr;align-items:stretch;gap:0;overflow:hidden;background:var(--ink);color:#fff}
  .creator-photo {width:100%;height:100%;min-height:235px;object-fit:cover;object-position:54% 34%}
  .creator-note>div {display:flex;flex-direction:column;justify-content:center;padding:32px 38px}
  .creator-note .creator-kicker {font-size:.7rem;letter-spacing:.14em;color:var(--yellow);font-weight:700;margin-bottom:13px}
  .creator-note p:last-child {max-width:780px;color:#c9cad0;font-size:1rem;line-height:1.7}
  .creator-note strong {display:block;color:#fff;font-size:1.25rem;margin-bottom:5px;letter-spacing:-.02em}
  .creator-note a {color:#fff;text-decoration-color:var(--yellow)}
}

@layer motion {
  @keyframes sticker-bob {0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-8px) rotate(4deg)}}
}

@layer responsive {
  @media(max-width:900px){
    .lesson-showcase{grid-template-columns:1fr;padding:46px;gap:30px}.lesson-showcase-copy>p:last-child{max-width:580px}.crown-sticker{right:2%;top:-76px}.raw-screen{width:min(43%,280px)}
    .method-stage{min-height:200px}.method-stage img{height:140px}.creator-note{grid-template-columns:220px 1fr}.creator-note>div{padding:28px}
  }
  @media(max-width:700px){
    .header{height:76px}.header::after{height:12px}.nav-cta{min-width:144px;gap:12px;padding:7px 7px 7px 15px}.nav-cta-copy{font-size:.86rem!important}.nav-cta-icon{width:34px;height:34px}
    .hero-actions{align-items:stretch}.secondary-cta{min-height:49px;padding:5px 6px 5px 15px;gap:11px}.secondary-cta-icon{width:37px;height:37px}.hero-stats{margin-top:26px;padding-top:0}
    .lesson-showcase{margin-top:54px;padding:34px 20px 42px;border-radius:25px}.lesson-showcase-copy h3{font-size:2.15rem}.crown-sticker{width:94px;right:-5px;top:-71px}.raw-screens{gap:11px}.raw-screen{width:47%;border-radius:17px}.raw-screen:last-child{transform:translateY(17px) rotate(2.5deg)}.raw-screen figcaption{left:7px;bottom:7px;padding:6px 8px;font-size:.7rem}
    .method-story{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 20px 12px;gap:12px}.method-stage{flex:0 0 78%;scroll-snap-align:center;min-height:210px}.method-stage img{height:155px}
    .creator-note{grid-template-columns:1fr}.creator-photo{height:260px;min-height:0;object-position:52% 30%}.creator-note>div{padding:25px}.creator-note p:last-child{font-size:.94rem}
  }
  @media(max-width:390px){
    .brand>span{font-size:.74rem}.brand-bottom{font-size:1.05rem}.by-ferdi{display:none}.nav-cta{min-width:125px;padding-left:13px}.nav-cta-copy small{display:none}
    .hero-actions{flex-direction:column;align-items:flex-start}.secondary-cta{width:auto}.crown-sticker{opacity:.74}
  }
}
@layer layout {
  .header{height:96px;position:relative;background:#fff;z-index:10;border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:700;line-height:1.1;letter-spacing:-.025em}.brand-icon{width:46px;height:46px;border-radius:11px}.brand-bottom{display:block;font-size:1.38rem;line-height:1.2}.by-ferdi{font-size:.75rem;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:4px}.nav-links{display:flex;gap:32px;font-size:.875rem}.nav-links a{position:relative;padding-block:8px}.nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .25s}.nav-links a:hover::after{width:100%}.nav-cta{display:inline-flex;gap:32px;align-items:center;border:1px solid var(--ink);border-radius:30px;padding:13px 21px;font-size:.875rem;font-weight:700;transition:background .25s,color .25s,transform .25s}.nav-cta:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.nav-cta span{font-size:1.15rem}.hero{position:relative;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:36px;padding-top:64px;padding-bottom:56px;position:relative;z-index:1;min-height:700px}.hero-copy{position:relative;z-index:3}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:.075em}.little-cross{font-size:1.35rem;color:var(--red)}.hero h1{margin:24px 0}.hero-description{font-size:1.065rem;line-height:1.65;color:#53555c;max-width:490px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px}.purchase-note{color:var(--muted);font-size:.8rem;margin-top:12px;line-height:1.5}.hero-stats{display:flex;gap:34px;margin-top:35px;padding-top:25px;border-top:1px solid #d5d7dc;max-width:475px}.hero-stats>div{display:flex;flex-direction:column;gap:6px}.hero-stats strong{font-size:1.9rem;line-height:1;letter-spacing:-.05em}.hero-stats span:not(.stat-unit){font-size:.76rem;color:var(--muted);line-height:1.4}.stat-unit{font-size:.65em}.hero-art{height:560px;position:relative;isolation:isolate}.hero-halo{position:absolute;z-index:-1;width:112%;height:88%;top:8%;left:-6%;background:radial-gradient(ellipse,rgba(255,209,53,.2),rgba(255,209,53,0) 66%)}.hero-screen{position:absolute;border-radius:25px;box-shadow:0 35px 60px -25px #20233444,0 0 0 1px #17181b0a;overflow:hidden;background:#fff;will-change:transform}.hero-screen img{width:100%;height:auto}.screen-front{width:238px;left:8%;top:5px;z-index:2;transform:rotate(-7deg);animation:phone-float-left 8s ease-in-out infinite}.screen-back{width:226px;right:1%;top:51px;transform:rotate(8deg);animation:phone-float-right 9s ease-in-out infinite}.hero-note{position:absolute;right:1%;top:365px;display:flex;align-items:center;gap:11px;z-index:3;transform:rotate(-5deg);padding:16px 21px;background:var(--yellow);box-shadow:0 8px 25px #99812722;font-size:.84rem;line-height:1.5;border-radius:4px;animation:note-float 9s ease-in-out infinite}.note-plus{font-weight:400;font-size:2.15rem;line-height:1}.art-caption{position:absolute;bottom:0;width:100%;text-align:center;font-size:.75rem;letter-spacing:.17em;color:var(--muted)}.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:21px;color:var(--muted);font-size:.75rem;letter-spacing:.13em}.hero-bottom a{font-size:.75rem;letter-spacing:0;display:flex;align-items:center;gap:18px}.hero-bottom a span{font-size:1.1rem}.section-top{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:58px}.section-top .eyebrow{margin-bottom:16px}.section-intro{max-width:340px;font-size:1rem;line-height:1.7;color:var(--muted);padding-bottom:4px}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.course-card{position:relative;padding-top:24px;border-top:1px solid var(--line)}.course-card h3{font-size:1.5rem;margin-top:27px}.course-card .course-label{font-size:.75rem;font-weight:700;letter-spacing:.11em;margin-top:11px;margin-bottom:18px;color:var(--ink)}.course-card p:last-child{color:var(--muted);font-size:1rem;line-height:1.65}.course-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-size:.87rem;font-weight:700;transition:transform .35s var(--ease)}.course-card:hover .course-number{transform:rotate(-12deg) scale(1.1)}.yellow{background:#ffe17a}.coral{background:#ffc4b8}.blue{background:#b8d6ff}.green{background:#c3e2b3}.creator-note{margin-top:54px;padding-top:28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px}.creator-mark{flex:none;width:48px;height:48px;background:var(--ink);border-radius:50%;color:white;display:grid;place-items:center;font-size:1.4rem;font-weight:700;letter-spacing:-.08em}.creator-note p{font-size:.875rem;color:var(--muted);line-height:1.7;max-width:800px}.creator-note strong{color:var(--ink)}.creator-note a{text-decoration:underline;text-underline-offset:3px}.inside-section{overflow:hidden}.gallery-intro{max-width:350px;color:var(--muted);font-size:1rem;line-height:1.7}.gallery-controls{display:flex;align-items:center;gap:10px;margin-top:24px}.round-button{width:43px;height:43px;display:grid;place-items:center;font-size:1.15rem;border-radius:50%;background:white;border:1px solid #ced1d8;transition:background .2s,transform .2s}.round-button:hover{background:var(--yellow);transform:translateY(-2px)}.round-button:disabled{opacity:.4;cursor:default;transform:none;background:#fff}.gallery-hint{font-size:.75rem;margin-left:7px}.gallery{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:10px max(56px,calc((100vw - 1280px)/2)) 32px;scrollbar-width:thin;scrollbar-color:#c8cbd2 transparent;scroll-padding-left:max(56px,calc((100vw - 1280px)/2))}.gallery-item{width:242px;flex:0 0 242px;scroll-snap-align:start;margin:0}.screenshot-button{display:block;width:100%;padding:0;border:0;background:white;border-radius:21px;box-shadow:0 12px 28px -16px #35354444;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.screenshot-button:hover{transform:translateY(-6px);box-shadow:0 22px 40px -18px #35354466}.screenshot-button img{width:100%;aspect-ratio:1320/2868;object-fit:contain}.gallery-item figcaption{display:flex;gap:14px;margin-top:16px;font-size:.79rem;line-height:1.5;align-items:baseline}.gallery-item figcaption span{color:#b92621;font-size:.75rem;letter-spacing:.04em;font-weight:700}.gallery-footer{display:flex;justify-content:space-between;gap:24px;font-size:.75rem;color:var(--muted);padding-top:22px;line-height:1.5}.start-section{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:110px}.start-copy .eyebrow{margin-bottom:20px}.start-description{font-size:1.06rem;line-height:1.7;max-width:450px;color:var(--muted);margin-top:27px}.free-list{display:flex;flex-direction:column;gap:18px;margin-top:30px;font-size:.925rem}.free-list>span{display:flex;gap:12px;align-items:center}.free-list>span>span{background:#f0f1f4;border-radius:50%;font-size:.8rem;width:22px;height:22px;display:grid;place-items:center}.offer-card{position:relative;overflow:hidden;isolation:isolate;background:var(--ink);color:#fff;border-radius:var(--radius);padding:38px 40px;box-shadow:0 24px 50px -30px #17181b66;transform:rotate(1.5deg)}.offer-top{display:flex;align-items:center;gap:16px;margin-bottom:30px}.offer-top img{width:56px;height:56px;border-radius:13px}.offer-top>span{font-size:.75rem;letter-spacing:.12em;color:#d1d1d5}.offer-card h3{font-size:2rem;line-height:1.1;margin-bottom:17px}.offer-card>p{font-size:.925rem;line-height:1.7;color:#bfc0c7}.price{font-size:4.2rem;letter-spacing:-.075em;line-height:1;margin:27px 0 12px;color:var(--yellow);font-weight:700;display:flex;align-items:baseline;gap:3px}.currency{font-size:1.3rem;letter-spacing:-.03em;margin-right:3px}.price-once{color:#c6c7cc;font-size:.875rem;font-weight:400;letter-spacing:0;margin-left:10px}.offer-card>.price-caption{font-size:.85rem;color:#e0e1e6;margin-bottom:23px}.offer-card>.price-region{font-size:.75rem;color:#a4a5ad;margin-top:16px;line-height:1.5}.offer-confetti{z-index:-1;opacity:.55}.faq-section{display:grid;grid-template-columns:.8fr 1fr;gap:80px;padding-bottom:100px}.faq-section h2{font-size:2rem;padding-top:22px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:1rem;padding-block:22px;line-height:1.5;font-weight:700}summary::-webkit-details-marker{display:none}summary>span{font-size:1.5rem;font-weight:400;transition:transform .25s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:.95rem;line-height:1.7;color:var(--muted);padding:0 30px 24px 0}details a{text-decoration:underline;text-underline-offset:3px}.closing{position:relative;isolation:isolate;text-align:center;padding:70px 24px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.closing p{font-size:clamp(2rem,3vw,3rem);font-weight:700;letter-spacing:-.055em;line-height:1.15;position:relative;z-index:1}.closing p span{color:var(--red)}.closing .text-link{display:inline-flex;margin-top:27px}.footer{padding-block:36px;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:.75rem;color:var(--muted)}.footer-brand{font-size:.875rem;color:var(--ink);font-weight:700;letter-spacing:-.03em}.footer-brand strong{color:var(--red)}.footer>div{display:flex;gap:24px}.footer a:hover{color:var(--red)}
}
@layer components {
  .apple-link{display:inline-block;flex:none;border-radius:9px;transition:transform .25s var(--ease),filter .25s}.apple-link img{width:180px;height:auto}.apple-link:hover{transform:translateY(-3px);filter:drop-shadow(0 7px 5px #17181b22)}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:.86rem;font-weight:700;position:relative}.text-link span{font-size:1.3rem;transition:transform .25s}.text-link:hover span{transform:translate(3px,3px)}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;display:block;width:var(--w);height:var(--h);background:var(--c);left:var(--x);top:var(--y);border-radius:1px;opacity:var(--o);transform:rotate(var(--r));animation:confetti-drift var(--t) ease-in-out infinite;animation-delay:var(--d)}.motion-toggle{position:fixed;bottom:16px;right:18px;z-index:20;display:flex;align-items:center;gap:8px;padding:10px 13px;background:#fffffff2;backdrop-filter:blur(12px);border:1px solid #d3d6dc;border-radius:30px;color:var(--muted);box-shadow:0 3px 12px #17181b0a;font-size:.75rem}.motion-icon{font-weight:700;font-size:.9rem}.motion-toggle:hover{color:var(--ink);background:#fff}.screenshot-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;background:rgba(14,15,19,.94);color:white;padding:30px;overflow:hidden}.screenshot-dialog::backdrop{background:rgba(14,15,19,.65);backdrop-filter:blur(8px)}.screenshot-dialog[open]{display:flex;align-items:center;justify-content:center;gap:32px}.screenshot-dialog figure{margin:0;display:flex;align-items:center;flex-direction:column;gap:14px;max-width:calc(100vw - 190px)}.screenshot-dialog figure img{max-height:calc(100dvh - 100px);width:auto;max-width:100%;border-radius:14px;object-fit:contain}.screenshot-dialog figcaption{font-size:.8rem;color:#ceced5;text-align:center}.screenshot-dialog button{background:#ffffff18;color:white;border:1px solid #ffffff33;border-radius:50%;width:46px;height:46px;flex:none;font-size:1.5rem}.screenshot-dialog button:hover{background:#ffffff33}.dialog-close{position:absolute;top:22px;right:22px}.dialog-prev,.dialog-next{z-index:1}.dialog-open{overflow:hidden}
}
@layer motion {
  @keyframes confetti-drift{0%,100%{transform:translate3d(0,0,0) rotate(var(--r))}50%{transform:translate3d(var(--dx),var(--dy),0) rotate(calc(var(--r) + 128deg))}}
  @keyframes phone-float-left{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-10px) rotate(-5.5deg)}}
  @keyframes phone-float-right{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(9px) rotate(6.5deg)}}
  @keyframes note-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-6px) rotate(-3deg)}}
  .js-reveals .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.js-reveals .reveal.visible{opacity:1;transform:none}.js-reveals .course-card:nth-child(2){transition-delay:.07s}.js-reveals .course-card:nth-child(3){transition-delay:.14s}.js-reveals .course-card:nth-child(4){transition-delay:.21s}.motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-reveals .reveal{opacity:1;transform:none}.screen-front{transform:rotate(-7deg)}.screen-back{transform:rotate(8deg)}}
}
@layer responsive {
  @media(min-width:1500px){.hero-inner{min-height:740px}.hero-art{height:590px}.screen-front{width:250px}.screen-back{width:236px}}
  @media(max-width:1150px){.wrap{width:calc(100% - 72px)}.hero-inner{gap:14px;min-height:620px;padding-top:45px;padding-bottom:45px}h1{font-size:clamp(3.7rem,6.5vw,5rem)}.hero-art{height:500px}.screen-front{width:207px;left:4%}.screen-back{width:198px;right:-2%}.hero-note{top:330px;right:-3%;padding:12px 16px;font-size:.76rem}.hero-stats{gap:27px}.hero-stats strong{font-size:1.65rem}.hero-actions{gap:18px}.hero-description{font-size:1rem}.desktop-break{display:none}.section{padding-block:90px}.start-section{gap:65px}.offer-card{padding:32px}.gallery{padding-inline:36px;scroll-padding-left:36px}.section-top{gap:36px}.section-intro{max-width:300px}.course-grid{gap:25px}.course-card h3{font-size:1.3rem}.faq-section{gap:50px}}
  @media(max-width:900px){.hero-inner{grid-template-columns:1fr 1fr;gap:5px}.hero h1{font-size:3.75rem}.hero-copy .eyebrow{font-size:.75rem}.hero-art{height:460px}.screen-front{width:185px;left:6%;top:10px}.screen-back{width:175px;top:56px;right:-3%}.hero-note{top:295px;font-size:.75rem;right:-2%}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-stats{gap:20px}.hero-stats span:not(.stat-unit){font-size:.75rem}.hero-stats strong{font-size:1.5rem}.hero-description{font-size:.95rem}.art-caption{font-size:.75rem}.section-top{align-items:start}.section-intro,.gallery-intro{max-width:270px;font-size:.95rem}h2{font-size:2.5rem}.course-grid{grid-template-columns:repeat(2,1fr);gap:35px}.course-card h3{font-size:1.5rem}.start-section{gap:40px;grid-template-columns:1fr 1fr}.offer-card{padding:28px}.offer-card h3{font-size:1.75rem}.offer-top{gap:10px}.offer-top>span{font-size:.75rem}.faq-section{grid-template-columns:.7fr 1fr;gap:40px}.faq-section h2{font-size:1.75rem}.footer{flex-wrap:wrap}.footer>div{gap:18px}}
  @media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:80px}.nav{gap:12px}.brand{font-size:.8rem;gap:9px}.brand-icon{width:39px;height:39px;border-radius:9px}.brand-bottom{font-size:1.15rem}.by-ferdi{font-size:.75rem}.nav-links{display:none}.nav-cta{padding:10px 15px;gap:18px;font-size:.8rem}.hero-inner{grid-template-columns:1fr;padding-top:40px;padding-bottom:25px;gap:36px;min-height:0}.hero-copy{max-width:550px}.hero-copy .eyebrow{font-size:.75rem;letter-spacing:.075em;gap:8px}.hero h1{font-size:clamp(3.4rem,10.7vw,4.7rem);letter-spacing:-.063em;margin:21px 0}.hero-description{font-size:1rem;max-width:420px}.hero-actions{flex-direction:row;align-items:center;gap:23px;margin-top:24px}.hero-actions .text-link{font-size:.79rem;gap:12px}.apple-link img{width:165px;height:auto}.purchase-note{font-size:.75rem;margin-top:12px}.hero-stats{margin-top:27px;padding-top:23px;max-width:100%;gap:0;justify-content:space-between}.hero-stats strong{font-size:1.85rem}.hero-stats span:not(.stat-unit){font-size:.75rem}.hero-art{height:510px;width:min(425px,100%);margin-inline:auto}.screen-front{width:211px;left:7%;top:10px}.screen-back{width:198px;right:3%;top:49px}.hero-note{right:0;top:338px;font-size:.8rem;padding:15px 18px}.art-caption{font-size:.75rem;bottom:3px}.hero-bottom{font-size:.75rem;padding-block:18px}.hero-bottom a{font-size:.75rem;gap:10px}.section{padding-block:65px}h2{font-size:2.35rem}.section-top{flex-direction:column;gap:24px;margin-bottom:37px}.section-top .eyebrow{font-size:.75rem;margin-bottom:14px}.section-intro,.gallery-intro{max-width:480px;font-size:1rem}.course-grid{gap:30px 23px}.course-card{padding-top:20px}.course-number{width:42px;height:42px}.course-card h3{font-size:1.28rem;margin-top:20px}.course-card .course-label{font-size:.75rem;margin-top:10px;margin-bottom:13px;letter-spacing:.08em}.course-card p:last-child{font-size:1rem}.creator-note{margin-top:38px;gap:14px;align-items:start}.creator-note p{font-size:.82rem}.creator-mark{width:40px;height:40px;font-size:1.2rem}.gallery-controls{margin-top:18px}.gallery{padding-inline:20px;gap:20px;scroll-padding-left:20px}.gallery-item{width:224px;flex-basis:224px}.gallery-footer{flex-direction:column;gap:8px;font-size:.75rem}.start-section{grid-template-columns:1fr;gap:38px}.start-description{font-size:1rem;margin-top:23px}.start-copy .eyebrow{font-size:.75rem}.offer-card{transform:none;padding:30px;max-width:480px;width:100%;margin-inline:auto}.offer-top>span{font-size:.75rem}.offer-card h3{font-size:2rem}.offer-card>.price-region{font-size:.75rem}.faq-section{grid-template-columns:1fr;gap:27px;padding-bottom:65px}.faq-section h2{font-size:1.75rem;padding-top:0}summary{font-size:.94rem;padding-block:20px}details p{font-size:.92rem}.closing{padding:52px 20px}.closing p{font-size:2.1rem}.footer{padding-block:30px 65px;gap:16px}.footer>span{font-size:.75rem}.footer>div{width:100%;font-size:.75rem}.motion-toggle{bottom:12px;right:12px;padding:9px 12px}.motion-label{display:none}.screenshot-dialog{padding:20px 12px 65px}.screenshot-dialog figure{max-width:100%}.screenshot-dialog figure img{max-height:calc(100dvh - 135px)}.dialog-prev,.dialog-next{position:absolute;bottom:14px}.dialog-prev{left:calc(50% - 60px)}.dialog-next{right:calc(50% - 60px)}.dialog-close{top:10px;right:10px;z-index:2}}
  @media(max-width:370px){.hero h1{font-size:3.25rem}.hero-actions{gap:15px}.hero-actions .text-link{font-size:.75rem;gap:8px}.hero-art{height:453px}.screen-front{width:185px}.screen-back{width:175px}.hero-note{top:304px;font-size:.75rem;padding:12px}.course-grid{column-gap:16px}.course-card h3{font-size:1.13rem}.hero-stats strong{font-size:1.6rem}.hero-stats span:not(.stat-unit){font-size:.75rem}.hero-bottom>span{font-size:.75rem}}
}

/* Final refinements sit after the original responsive rules so the sticky glass
   navigation and supplied-image story remain authoritative at every size. */
@layer layout {
  .header{position:sticky;top:0;z-index:50;height:88px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(248,249,251,.66));border-bottom:1px solid rgba(255,255,255,.8);box-shadow:0 1px 0 rgba(23,24,27,.07),0 12px 40px rgba(28,31,43,.07);-webkit-backdrop-filter:blur(22px) saturate(165%);backdrop-filter:blur(22px) saturate(165%)}
  .nav-cta{position:relative;isolation:isolate;display:inline-flex;min-width:174px;justify-content:space-between;gap:22px;overflow:hidden;align-items:center;color:#fff;border:1px solid rgba(255,255,255,.24);border-radius:30px;padding:8px 8px 8px 19px;background:linear-gradient(135deg,#15161a 0%,#25272d 56%,#16171b 100%);box-shadow:0 10px 26px rgba(23,24,27,.2),inset 0 1px 0 rgba(255,255,255,.13);font-size:.875rem;font-weight:700;transition:background .25s,color .25s,transform .25s,box-shadow .25s}
  .nav-cta:hover{color:#fff;background:linear-gradient(135deg,#15161a,#25272d);transform:translateY(-3px);box-shadow:0 15px 30px rgba(23,24,27,.26),inset 0 1px 0 rgba(255,255,255,.18)}
  .hero-stats{margin-top:34px;padding-top:0;border-top:0}
  .creator-note{margin-top:24px;padding:0;border:1px solid var(--line);border-radius:26px;display:grid;grid-template-columns:260px 1fr;align-items:stretch;gap:0;overflow:hidden;background:var(--ink);color:#fff}
  .creator-note p,.creator-note p:last-child{max-width:780px;color:#c9cad0;font-size:1rem;line-height:1.7}
  .creator-note strong{display:block;color:#fff;font-size:1.25rem;margin-bottom:5px;letter-spacing:-.02em}
  .creator-note a{color:#fff;text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:3px}
}
@layer responsive {
  @media(max-width:900px){.creator-note{grid-template-columns:220px 1fr}.creator-note>div{padding:28px}}
  @media(max-width:700px){.header{height:76px}.nav-cta{min-width:144px;gap:12px;padding:7px 7px 7px 15px}.hero-actions{align-items:stretch}.hero-stats{margin-top:26px;padding-top:0;border-top:0}.creator-note{margin-top:24px;display:grid;grid-template-columns:1fr;gap:0;align-items:stretch}.creator-note>div{padding:25px}.creator-note p,.creator-note p:last-child{font-size:.94rem}}
  @media(max-width:390px){.nav-cta{min-width:125px;gap:10px;padding:7px 7px 7px 13px}.hero-actions{flex-direction:column;align-items:flex-start}}
}

@layer layout {
  .light-equation{position:relative;display:grid;grid-template-columns:1fr 42px 1fr auto;align-items:center;gap:18px;margin-top:54px;padding:18px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(125deg,#fff 0%,#f7f8fa 50%,#fff9e4 100%);box-shadow:0 24px 55px -45px rgba(23,24,27,.4);overflow:hidden}
  .light-card{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:22px;min-height:156px;padding:16px 22px;border-radius:20px;background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .light-card img{width:100%;height:122px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(23,24,27,.12));transition:transform .35s var(--ease)}
  .light-card:hover img{transform:translateY(-5px) rotate(-3deg)}
  .ethereal-light-card img{height:130px;filter:drop-shadow(0 10px 14px rgba(227,49,44,.08))}
  .ethereal-light-card:hover img{transform:translateY(-5px) rotate(2deg)}
  .light-card span{display:block;margin-bottom:8px;color:var(--red);font-size:.7rem;font-weight:700;letter-spacing:.12em}
  .light-card strong{display:block;font-size:1.08rem;line-height:1.3;letter-spacing:-.025em}
  .light-card p{margin-top:7px;color:var(--muted);font-size:.82rem;line-height:1.45}
  .equation-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--yellow);font-size:1.5rem;font-weight:700;box-shadow:0 8px 20px rgba(173,139,24,.16)}
  .equation-result{display:flex;align-items:center;gap:8px;padding:0 14px 0 0;color:var(--ink)}
  .equation-result span{font-size:1.35rem;color:var(--muted)}
  .equation-result strong{font-size:1rem;letter-spacing:.04em}
}

@layer responsive {
  @media(max-width:1050px){.light-equation{grid-template-columns:1fr 34px 1fr;gap:11px}.light-card{grid-template-columns:86px 1fr;padding:14px;gap:14px}.light-card img{height:104px}.ethereal-light-card img{height:112px}.equation-mark{width:34px;height:34px}.equation-result{grid-column:1/-1;justify-content:center;padding:2px 0 3px}}
  @media(max-width:700px){.light-equation{display:flex;flex-direction:column;align-items:stretch;margin-top:38px;padding:12px;border-radius:23px;gap:10px}.light-card{grid-template-columns:96px 1fr;min-height:138px}.light-card img,.ethereal-light-card img{height:108px}.equation-mark{align-self:center;margin-block:-2px;z-index:1}.equation-result{align-self:center;padding:4px 0 6px}.equation-result strong{font-size:1.1rem}}
  @media(max-width:390px){.light-card{grid-template-columns:76px 1fr;gap:10px;padding:12px}.light-card img,.ethereal-light-card img{height:92px}.light-card strong{font-size:1rem}.light-card p{font-size:.76rem}}
}

@layer layout {
  .hero-screen{background:#fff;box-shadow:0 28px 45px -22px rgba(23,24,27,.4),0 0 0 1px rgba(23,24,27,.16)}
  .hero-note{gap:13px;padding:12px 19px 12px 12px;box-shadow:0 14px 28px -18px rgba(23,24,27,.42)}
  .hero-note-crown{flex:none;width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(23,24,27,.14))}
  .hero-bottom{border-top:0}

  .light-equation{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px;background:#f7f8fa}
  .light-card{background:#fff;border:1px solid rgba(23,24,27,.07);box-shadow:0 16px 35px -30px rgba(23,24,27,.45)}

  .start-section .offer-card{transform:rotate(1deg);padding:42px;background:radial-gradient(circle at 94% 4%,rgba(255,206,53,.28),transparent 31%),radial-gradient(circle at 0 95%,rgba(227,49,44,.25),transparent 38%),linear-gradient(145deg,#101115 0%,#1b1d24 62%,#121318 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 38px 72px -38px rgba(23,24,27,.72),0 0 0 8px rgba(255,206,53,.08)}
  .start-section .offer-card::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(135deg,#000,transparent 72%)}
  .start-section .offer-top{margin-bottom:25px}
  .start-section .offer-top img{width:62px;height:62px;border-radius:15px;box-shadow:0 12px 24px rgba(0,0,0,.3)}
  .start-section .offer-top>span{max-width:220px;color:#fff;font-weight:700;line-height:1.45}
  .start-section .offer-card h3{font-size:clamp(2rem,3vw,2.65rem);line-height:1.04;margin-bottom:16px}
  .start-section .offer-card>p{max-width:430px;color:#c9cad0}
  .offer-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0 0}
  .offer-proof span{display:flex;flex-direction:column;gap:3px;padding:13px 10px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055);color:#c9cad0;font-size:.68rem;line-height:1.25;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .offer-proof strong{color:#fff;font-size:1.15rem;letter-spacing:-.04em}
  .start-section .price{margin:25px 0 10px;text-shadow:0 8px 25px rgba(255,206,53,.12)}
  .start-section .price-caption{margin-bottom:18px;color:#fff}
  .offer-download{display:flex;align-items:center;gap:15px}
  .offer-download .apple-link{flex:none;padding:5px 8px;border-radius:12px;background:#fff;box-shadow:0 12px 25px rgba(0,0,0,.28);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
  .offer-download .apple-link:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 18px 30px rgba(0,0,0,.36)}
  .offer-download .apple-link img{width:160px}
  .offer-download>span{max-width:90px;color:#d7d8dc;font-size:.72rem;line-height:1.4}

  .closing{padding:0;text-align:left;background-color:#f7f8fa}
  .closing-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);align-items:end;min-height:440px}
  .closing-copy{align-self:center;padding-block:70px;position:relative;z-index:2}
  .closing p{font-size:clamp(2.75rem,4.4vw,4.8rem);max-width:830px}
  .closing-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;margin-top:31px;min-width:226px;padding:9px 10px 9px 21px;border-radius:999px;background:var(--ink);color:#fff;font-size:.84rem;font-weight:700;box-shadow:0 16px 30px -18px rgba(23,24,27,.7);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
  .closing-cta>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:1.05rem;transition:transform .25s var(--ease)}
  .closing-cta:hover{transform:translateY(-3px);box-shadow:0 22px 36px -19px rgba(23,24,27,.78)}
  .closing-cta:hover>span{transform:rotate(45deg)}
  .ferdi-silhouette{justify-self:end;width:min(520px,100%);max-height:430px;object-fit:contain;object-position:center bottom;filter:drop-shadow(-18px 18px 26px rgba(23,24,27,.1));opacity:.94}
}

@layer responsive {
  @media(max-width:1050px){.light-equation{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.closing-inner{grid-template-columns:minmax(0,1fr) 330px;min-height:390px}.ferdi-silhouette{max-height:370px}.closing p{font-size:clamp(2.6rem,5vw,3.9rem)}}
  @media(max-width:700px){.hero-note-crown{width:42px;height:42px}.light-equation{display:flex}.start-section .offer-card{transform:none;padding:31px 26px;box-shadow:0 30px 55px -38px rgba(23,24,27,.75),0 0 0 6px rgba(255,206,53,.07)}.offer-download{align-items:flex-start;flex-direction:column;gap:11px}.offer-download>span{max-width:none}.closing-inner{display:flex;min-height:0;flex-direction:column;align-items:stretch}.closing-copy{padding:58px 0 0}.closing p{font-size:clamp(2.45rem,11.5vw,3.6rem)}.ferdi-silhouette{align-self:center;width:min(430px,118%);max-height:none;margin-top:22px;margin-bottom:-1px}.closing-cta{margin-top:27px}.closing .confetti{opacity:.55}}
  @media(max-width:390px){.hero-note{padding:9px 13px 9px 9px;gap:9px}.hero-note-crown{width:36px;height:36px}.offer-proof{gap:5px}.offer-proof span{padding:11px 6px;font-size:.62rem}.start-section .price{font-size:3.65rem}.closing-copy{padding-top:50px}.closing p{font-size:2.35rem}}
}


/* ── Rushford Clean display face (added 2026-09-10) ──────────────────────
   Applied only to the heavy display type: the page headings, the hero stat
   numbers, the closing statement and the price. The supplied face is a
   single 400 weight, so font-weight is normalised to 400 and font-synthesis
   is disabled to stop the browser faking a bold; the tight Arial tracking is
   relaxed because this face is caps-only and negative tracking closes it up. */
@font-face{
  font-family:'Rushford Clean';
  src:url('/assets/fonts/RushfordClean.otf') format('opentype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
h1,.hero h1,h2,h3,.hero-stats strong,.offer-proof strong,.closing p,.price,.currency{
  font-family:'Rushford Clean',Arial,Helvetica,sans-serif;
  font-weight:400;
  font-synthesis:none;
  letter-spacing:-.01em;
}
.price{letter-spacing:-.02em}