body.gi-scope-webdev-main.gi-intent-mofu .lp-page{isolation:isolate}body.gi-scope-webdev-main.gi-intent-mofu .lp-page .gi-section{padding:clamp(5rem,8vw,7.5rem) 0}body.gi-scope-webdev-main.gi-intent-mofu .lp-mb-sm{margin-bottom:1rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-mt-sm{margin-top:1.25rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-mt-md{margin-top:2rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-mt-lg{margin-top:3.5rem}body.gi-scope-webdev-main.gi-intent-mofu .gi-section-heading h2{font-size:clamp(2rem, 3.5vw, 2.8rem)!important;color:var(--gi-ink);line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-heading-wide{max-width:80rem;margin-inline:auto;text-align:center;display:flex;flex-direction:column;align-items:center}body.gi-scope-webdev-main.gi-intent-mofu .lp-heading-wide p{max-width:65ch;margin-inline:auto;color:var(--gi-text);line-height:1.6;font-size:1.1rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-text-dense p{margin-bottom:1.25rem;line-height:1.6;color:var(--gi-text);font-size:1.05rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-text-dense p:last-child{margin-bottom:0}body.gi-scope-webdev-main.gi-intent-mofu .lp-split-layout{display:grid;grid-template-columns:1fr;gap:clamp(3rem,6vw,5.5rem);align-items:start}@media (min-width:960px){body.gi-scope-webdev-main.gi-intent-mofu .lp-split-layout{grid-template-columns:1fr 1.1fr}}body.gi-scope-webdev-main.gi-intent-mofu .lp-split-col{display:flex;flex-direction:column;min-width:0}body.gi-scope-webdev-main.gi-intent-mofu .lp-split-col .gi-section-heading{text-align:left!important;align-items:flex-start!important}body.gi-scope-webdev-main.gi-intent-mofu .lp-surface-white{background:#fff}body.gi-scope-webdev-main.gi-intent-mofu .lp-surface-soft{background:var(--gi-surface-soft,#f6f6f8);border-top:1px solid rgba(12,12,32,.03);border-bottom:1px solid rgba(12,12,32,.03)}body.gi-scope-webdev-main.gi-intent-mofu .lp-surface-dark{background:#090911;color:#fff}body.gi-scope-webdev-main.gi-intent-mofu .lp-hero{background:radial-gradient(130% 120% at 50% 0,#11092b 0,#050508 100%)!important;padding-top:clamp(9rem,13vw,12rem);padding-bottom:clamp(6rem,9vw,8rem);color:#fff;overflow:hidden}body.gi-scope-webdev-main.gi-intent-mofu .lp-hero__grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media (min-width:1024px){body.gi-scope-webdev-main.gi-intent-mofu .lp-hero__grid{grid-template-columns:1.1fr 0.9fr}}body.gi-scope-webdev-main.gi-intent-mofu .lp-hero__title{color:#fff!important;font-size:clamp(2.8rem, 4.5vw, 4.2rem)!important;line-height:1.05;letter-spacing:-.04em;margin-bottom:1.5rem;text-wrap:balance}body.gi-scope-webdev-main.gi-intent-mofu .lp-hero__lead{color:#fff;font-size:clamp(1.1rem, 1.35vw, 1.25rem);margin-bottom:1.5rem;line-height:1.6}body.gi-scope-webdev-main.gi-intent-mofu .lp-hero__support{color:rgba(255,255,255,.7);font-size:1rem;margin-bottom:1rem;line-height:1.6}body.gi-scope-webdev-main.gi-intent-mofu .lp-btn-accent{background:linear-gradient(135deg,#6c3ef6,#4b1ed1)!important;border:none!important;color:#fff!important;box-shadow:0 12px 24px rgba(84,35,231,.3)}body.gi-scope-webdev-main.gi-intent-mofu .lp-btn-accent:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(84,35,231,.4)}body.gi-scope-webdev-main.gi-intent-mofu .lp-btn-ghost-dark{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}body.gi-scope-webdev-main.gi-intent-mofu .lp-btn-ghost-dark:hover{background:rgba(255,255,255,.15)!important}body.gi-scope-webdev-main.gi-intent-mofu .gix-sys-map{background:rgba(15,15,25,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;box-shadow:0 32px 64px rgba(0,0,0,.5)}body.gi-scope-webdev-main.gi-intent-mofu .gix-sys-map__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}body.gi-scope-webdev-main.gi-intent-mofu .gix-sys-map__title{font-family:monospace;color:rgba(255,255,255,.6);font-size:.9rem}body.gi-scope-webdev-main.gi-intent-mofu .gix-sys-map__nodes{display:flex;flex-direction:column;gap:1.5rem;position:relative}body.gi-scope-webdev-main.gi-intent-mofu .gix-sys-node{display:flex;align-items:center;gap:1.25rem;position:relative;z-index:2}body.gi-scope-webdev-main.gi-intent-mofu .gix-sys-node__icon{width:3rem;height:3rem;border-radius:12px;background:rgba(84,35,231,.2);border:1px solid rgba(84,35,231,.4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-family:monospace}body.gi-scope-webdev-main.gi-intent-mofu .gix-sys-node__data{display:flex;flex-direction:column}body.gi-scope-webdev-main.gi-intent-mofu .gix-sys-node__data span{color:rgba(255,255,255,.5);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}body.gi-scope-webdev-main.gi-intent-mofu .gix-sys-node__data strong{color:#fff;font-size:1.1rem;font-weight:500}body.gi-scope-webdev-main.gi-intent-mofu .gix-sys-line{position:absolute;left:1.5rem;top:3rem;bottom:-1.5rem;width:2px;background:linear-gradient(180deg,rgba(84,35,231,.4) 0,rgba(84,35,231,0) 100%);z-index:1}body.gi-scope-webdev-main.gi-intent-mofu .lp-bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-bento-card{background:#fff;border:1px solid var(--gi-border);border-radius:var(--gi-radius-md);padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:var(--gi-shadow-xs)}body.gi-scope-webdev-main.gi-intent-mofu .lp-bento-card:hover{transform:translateY(-4px);box-shadow:var(--gi-shadow-md);border-color:var(--gi-border-strong)}body.gi-scope-webdev-main.gi-intent-mofu .lp-bento-card__icon{width:3.5rem;height:3.5rem;border-radius:14px;background:rgba(84,35,231,.05);color:var(--gi-accent-strong);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-bento-card__icon svg{width:1.8rem;height:1.8rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-bento-card h3{font-size:1.25rem;color:var(--gi-ink);margin-bottom:1rem;line-height:1.3}body.gi-scope-webdev-main.gi-intent-mofu .lp-bento-card p{color:var(--gi-text-soft);font-size:.95rem;line-height:1.6;margin:0}body.gi-scope-webdev-main.gi-intent-mofu .lp-routing-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){body.gi-scope-webdev-main.gi-intent-mofu .lp-routing-grid{grid-template-columns:repeat(2,1fr)}}body.gi-scope-webdev-main.gi-intent-mofu .lp-route-card{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border:1px solid var(--gi-border);border-radius:var(--gi-radius-md);padding:2.5rem;text-decoration:none;transition:.3s;box-shadow:var(--gi-shadow-xs);position:relative;overflow:hidden}body.gi-scope-webdev-main.gi-intent-mofu .lp-route-card::after{content:';
    position: absolute;
    bottom: 0; left: 0; right: 0; height: 4px;
    background: var(--gi-accent-strong);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

body.gi-scope-webdev-main.gi-intent-mofu .lp-route-card:hover {
    box-shadow: var(--gi-shadow-lg);
    border-color: var(--gi-border-strong);
    transform: translateY(-4px);
}
body.gi-scope-webdev-main.gi-intent-mofu .lp-route-card:hover::after {
    transform: scaleX(1);
}

body.gi-scope-webdev-main.gi-intent-mofu .lp-route-card h3 {
    font-size: 1.4rem;
    color: var(--gi-ink);
    margin-bottom: 1rem;
}

body.gi-scope-webdev-main.gi-intent-mofu .lp-route-card p {
    color: var(--gi-text);
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 2rem;
}

body.gi-scope-webdev-main.gi-intent-mofu .lp-route-card__action {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--gi-accent-strong);
    font-weight: 700;
    font-size: 1rem;
}

body.gi-scope-webdev-main.gi-intent-mofu .lp-route-card__action svg {
    width: 1.25rem; height: 1.25rem;
    transition: transform 0.3s ease;
}

body.gi-scope-webdev-main.gi-intent-mofu .lp-route-card:hover .lp-route-card__action svg {
    transform: translateX(4px);
}

/* ================== SCOPE LIST & ACCENT PANEL ================== */
body.gi-scope-webdev-main.gi-intent-mofu .lp-dense-checklist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

@media (min-width: 600px) {
    body.gi-scope-webdev-main.gi-intent-mofu .lp-dense-checklist { grid-template-columns: repeat(2, 1fr); }
}

body.gi-scope-webdev-main.gi-intent-mofu .lp-dense-checklist li {
    position: relative;
    padding-left: 1.75rem;
    color: var(--gi-text);
    font-size: 0.95rem;
    line-height: 1.4;
}

body.gi-scope-webdev-main.gi-intent-mofu .lp-dense-checklist li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--gi-accent-strong);
    font-weight: bold;
}

body.gi-scope-webdev-main.gi-intent-mofu .lp-accent-panel {
    background: #ffffff;
    border: 1px solid var(--gi-border-strong);
    border-radius: var(--gi-radius-md);
    padding: 2.5rem;
    box-shadow: 0 24px 48px rgba(84, 35, 231, 0.08);
}
body.gi-scope-webdev-main.gi-intent-mofu .lp-accent-panel svg {
    width: 2.5rem; height: 2.5rem;
    color: var(--gi-accent-strong);
    margin-bottom: 1.5rem;
}

/* ================== PROBLEM / SOLUTION LAYOUT ================== */
body.gi-scope-webdev-main.gi-intent-mofu .lp-problem-solution-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
}
@media (min-width: 960px) {
    body.gi-scope-webdev-main.gi-intent-mofu .lp-problem-solution-layout { grid-template-columns: 1fr 1fr; gap: 6rem; }
}

body.gi-scope-webdev-main.gi-intent-mofu .lp-warning-list {
    list-style: none;
    padding: 0; margin: 0;
}
body.gi-scope-webdev-main.gi-intent-mofu .lp-warning-list li {
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid rgba(255, 111, 120, 0.3);
    border-radius: var(--gi-radius-sm);
    margin-bottom: 0.75rem;
    color: var(--gi-ink);
    font-size: 0.95rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}
body.gi-scope-webdev-main.gi-intent-mofu .lp-warning-list li::before {
    content: '×';
    color: #ff6f78;
    font-weight: 900;
    font-size: 1.2rem;
    line-height: 1;
}

/* ================== STEPPER (Approach) ================== */
body.gi-scope-webdev-main.gi-intent-mofu .lp-stepper-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2rem;
    position: relative;
}

body.gi-scope-webdev-main.gi-intent-mofu .lp-stepper-grid::before {
    content: ';position:absolute;top:2rem;left:2rem;right:2rem;height:1px;background:var(--gi-border);z-index:1;display:none}@media (min-width:1024px){body.gi-scope-webdev-main.gi-intent-mofu .lp-stepper-grid::before{display:block}}body.gi-scope-webdev-main.gi-intent-mofu .lp-step-card{background:#fff;border:1px solid var(--gi-border);border-radius:var(--gi-radius-md);padding:2rem;position:relative;z-index:2;box-shadow:var(--gi-shadow-xs)}body.gi-scope-webdev-main.gi-intent-mofu .lp-step-card__num{width:4rem;height:4rem;background:#fff;border:1px solid var(--gi-border-strong);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--gi-accent-strong);margin-bottom:1.5rem;box-shadow:0 8px 16px rgba(84,35,231,.1)}body.gi-scope-webdev-main.gi-intent-mofu .lp-step-card h3{font-size:1.2rem;color:var(--gi-ink);margin-bottom:1rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-step-card p{color:var(--gi-text-soft);font-size:.95rem;line-height:1.5;margin:0}body.gi-scope-webdev-main.gi-intent-mofu .lp-heading-inverse h2{color:#fff!important}body.gi-scope-webdev-main.gi-intent-mofu .lp-text-inverse p{color:rgba(255,255,255,.75)}body.gi-scope-webdev-main.gi-intent-mofu .gix-terminal{background:#11111a;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 32px 64px rgba(0,0,0,.6);overflow:hidden}body.gi-scope-webdev-main.gi-intent-mofu .gix-terminal__head{background:rgba(255,255,255,.05);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}body.gi-scope-webdev-main.gi-intent-mofu .gix-terminal__head span:first-child{font-family:monospace;color:rgba(255,255,255,.5);font-size:.9rem}body.gi-scope-webdev-main.gi-intent-mofu .gix-terminal__body{padding:2.5rem}body.gi-scope-webdev-main.gi-intent-mofu .gix-terminal__body h3{color:#fff;font-size:1.25rem;margin-bottom:1.25rem}body.gi-scope-webdev-main.gi-intent-mofu .gix-terminal__body p{color:rgba(255,255,255,.7);line-height:1.6;margin-bottom:1rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-founder-layout{display:grid;grid-template-columns:1fr;gap:3rem;background:#fff;border:1px solid var(--gi-border);border-radius:var(--gi-radius-md);padding:3rem;box-shadow:var(--gi-shadow-sm)}@media (min-width:960px){body.gi-scope-webdev-main.gi-intent-mofu .lp-founder-layout{grid-template-columns:280px 1fr}}body.gi-scope-webdev-main.gi-intent-mofu .lp-founder-profile{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-founder-avatar{width:6rem;height:6rem;border-radius:50%;overflow:hidden;border:2px solid var(--gi-surface-strong)}body.gi-scope-webdev-main.gi-intent-mofu .lp-founder-avatar img{width:100%;height:100%;object-fit:cover}body.gi-scope-webdev-main.gi-intent-mofu .lp-founder-info strong{display:block;font-size:1.2rem;color:var(--gi-ink);margin-bottom:.25rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-founder-info span{color:var(--gi-text-soft);font-size:.95rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-founder-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-value-card h3{font-size:1.15rem;color:var(--gi-ink);margin-bottom:.75rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-value-card p{color:var(--gi-text-soft);font-size:.95rem;line-height:1.5;margin:0}body.gi-scope-webdev-main.gi-intent-mofu .lp-premium-faq{display:flex;flex-direction:column;gap:1rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-premium-faq details{background:#fff;border:1px solid var(--gi-border);border-radius:var(--gi-radius-sm);overflow:hidden;box-shadow:var(--gi-shadow-xs)}body.gi-scope-webdev-main.gi-intent-mofu .lp-premium-faq summary{padding:1.5rem;font-weight:700;color:var(--gi-ink);cursor:pointer;font-size:1.05rem;list-style:none;position:relative}body.gi-scope-webdev-main.gi-intent-mofu .lp-premium-faq summary::-webkit-details-marker{display:none}body.gi-scope-webdev-main.gi-intent-mofu .lp-premium-faq summary::after{content:'+';position:absolute;right:1.5rem;top:1.5rem;font-size:1.25rem;color:var(--gi-accent-strong)}body.gi-scope-webdev-main.gi-intent-mofu .lp-premium-faq details[open] summary::after{content:'-'}body.gi-scope-webdev-main.gi-intent-mofu .lp-premium-faq details div{padding:0 1.5rem 1.5rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-premium-faq details div p{color:var(--gi-text-soft);margin:0;font-size:.95rem;line-height:1.6}body.gi-scope-webdev-main.gi-intent-mofu .lp-final{padding:clamp(6rem,9vw,9rem) 0;background:#050508}body.gi-scope-webdev-main.gi-intent-mofu .lp-final__card{display:flex;flex-direction:column;align-items:center;text-align:center}body.gi-scope-webdev-main.gi-intent-mofu .lp-final__kicker{margin-inline:auto;background:rgba(84,35,231,.2);border:1px solid rgba(84,35,231,.4);border-radius:999px;padding:.4rem 1rem;color:#fff;margin-bottom:1.5rem;font-size:.85rem;font-weight:600}body.gi-scope-webdev-main.gi-intent-mofu .lp-final__heading{color:#fff!important;max-width:30ch;margin-inline:auto;font-size:clamp(2.2rem, 3.5vw, 3.5rem)!important;margin-bottom:1.5rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-final__lead{color:rgba(220,220,235,.85);font-size:1.15rem;margin-inline:auto;max-width:70ch;margin-bottom:2.5rem;line-height:1.6}body.gi-scope-webdev-main.gi-intent-mofu .is-float{animation:6s ease-in-out infinite gix-float}@keyframes gix-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}body.gi-scope-webdev-main.gi-intent-mofu .is-pulse{animation:2s ease-in-out infinite gix-pulse}@keyframes gix-pulse{0%,100%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}body.gi-scope-webdev-main.gi-intent-mofu [data-lp-fade]{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}body.gi-scope-webdev-main.gi-intent-mofu [data-lp-fade=up]{transform:translateY(20px)}body.gi-scope-webdev-main.gi-intent-mofu [data-lp-fade=left]{transform:translateX(20px)}body.gi-scope-webdev-main.gi-intent-mofu [data-lp-fade=right]{transform:translateX(-20px)}body.gi-scope-webdev-main.gi-intent-mofu [data-lp-fade].is-visible{opacity:1;transform:translate(0)}body.gi-scope-webdev-main.gi-intent-mofu [data-lp-delay="2"]{transition-delay:0.15s}body.gi-scope-webdev-main.gi-intent-mofu [data-lp-delay="3"]{transition-delay:0.3s}body.gi-scope-webdev-main.gi-intent-mofu .lp-inline-link{color:var(--gi-accent-strong);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}body.gi-scope-webdev-main.gi-intent-mofu .lp-inline-link::after{content:'→'}body.gi-scope-webdev-main.gi-intent-mofu .lp-inline-link:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){body.gi-scope-webdev-main.gi-intent-mofu .is-float,body.gi-scope-webdev-main.gi-intent-mofu .is-pulse,body.gi-scope-webdev-main.gi-intent-mofu [data-lp-fade]{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}