:root{
    --hello-bg:#050710;
    --hello-panel:rgba(7,10,20,.72);
    --hello-border:rgba(180,205,255,.16);
    --hello-border-strong:rgba(125,172,255,.38);
    --hello-text:#f5f7ff;
    --hello-muted:#9ca8be;
    --hello-dim:#63708a;
    --hello-blue:#139fff;
    --hello-cyan:#9be8ff;
    --hello-purple:#a855f7;
    --hello-magenta:#e879f9;
    --hello-green:#3bdaa6;
    --hello-radius:8px;
    --hello-ease:cubic-bezier(.16,1,.3,1);
}

*{box-sizing:border-box}
html,body{min-height:100%}
body.hello-body{
    margin:0;
    color:var(--hello-text);
    background:
        radial-gradient(ellipse 900px 620px at 52% 46%,rgba(168,85,247,.14),transparent 68%),
        radial-gradient(ellipse 780px 460px at 48% 54%,rgba(19,159,255,.12),transparent 70%),
        linear-gradient(135deg,rgba(10,17,33,.9),rgba(5,7,16,1) 46%,rgba(18,10,32,.92)),
        var(--hello-bg);
    font-family:var(--font-body, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
    overflow-x:hidden;
    overflow-y:hidden;
}
body.hello-locked{
    background:#000;
}
body.hello-unlocked{
    overflow-y:auto;
    scrollbar-color:rgba(154,232,255,.25) rgba(255,255,255,.03);
    scrollbar-width:thin;
}
body.hello-unlocked::-webkit-scrollbar{width:8px}
body.hello-unlocked::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
body.hello-unlocked::-webkit-scrollbar-thumb{background:rgba(154,232,255,.24);border-radius:999px}
button,input{font:inherit}
button{appearance:none;border:0}
a{color:inherit;text-decoration:none}

.hello-gate{
    min-height:100svh;
    display:grid;
    place-items:center;
    padding:24px;
    position:relative;
    overflow:hidden;
}
.gate-ambient{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 22%,rgba(154,232,255,.13),transparent 28%),
        radial-gradient(circle at 76% 68%,rgba(19,164,255,.12),transparent 31%),
        radial-gradient(circle at 48% 52%,rgba(59,218,166,.09),transparent 35%),
        linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.62)),
        #000;
    opacity:1;
}
.gate-ambient::before,
.gate-ambient::after{
    content:'';
    position:absolute;
    inset:-18%;
    pointer-events:none;
}
.gate-ambient::before{
    background:
        repeating-linear-gradient(90deg,transparent 0 52px,rgba(154,232,255,.025) 52px 53px),
        repeating-linear-gradient(180deg,transparent 0 52px,rgba(59,218,166,.018) 52px 53px);
    mask-image:radial-gradient(ellipse at center,#000 0,transparent 72%);
    opacity:.64;
}
.gate-ambient::after{
    background:conic-gradient(from 138deg at 50% 50%,transparent 0deg,rgba(154,232,255,.10) 42deg,transparent 82deg,rgba(59,218,166,.08) 154deg,transparent 214deg,rgba(19,164,255,.09) 292deg,transparent 360deg);
    filter:blur(48px);
    opacity:.35;
    animation:gateAmbientTurn 18s linear infinite;
}
@keyframes gateAmbientTurn{
    to{transform:rotate(360deg)}
}
.gate-panel{
    width:min(100%,420px);
    position:relative;
    padding:44px 36px 30px;
    border:1px solid rgba(154,232,255,.14);
    border-radius:14px;
    background:rgba(10,10,10,.55);
    backdrop-filter:blur(24px) saturate(1.4);
    -webkit-backdrop-filter:blur(24px) saturate(1.4);
    box-shadow:0 8px 40px rgba(0,0,0,.5),0 0 90px rgba(59,218,166,.05);
    overflow:hidden;
    text-align:center;
}
.gate-panel::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(135deg,rgba(154,232,255,.09),transparent 34%,rgba(59,218,166,.08) 68%,rgba(19,164,255,.06));
    pointer-events:none;
}
.gate-panel::after{
    content:'';
    position:absolute;
    left:50%;
    top:0;
    width:58%;
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,rgba(154,232,255,.52),rgba(59,218,166,.42),transparent);
    opacity:.78;
}
.gate-panel > *{
    position:relative;
    z-index:1;
}
.gate-panel.has-error{
    border-color:rgba(230,55,87,.44);
    box-shadow:0 8px 40px rgba(0,0,0,.5),0 0 70px rgba(230,55,87,.08);
}
.hello-locale-nav{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:4px;
    border:1px solid rgba(180,205,255,.14);
    border-radius:999px;
    background:rgba(5,8,18,.48);
    pointer-events:auto;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}
.hello-locale-nav a{
    min-width:31px;
    height:28px;
    padding:0 8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:rgba(226,234,250,.62);
    font-size:10px;
    font-weight:760;
    line-height:1;
    letter-spacing:.04em;
    transition:background .2s var(--hello-ease),color .2s var(--hello-ease),box-shadow .2s var(--hello-ease);
}
.hello-locale-nav a:hover,
.hello-locale-nav a:focus-visible{
    color:#fff;
    background:rgba(154,232,255,.11);
    outline:none;
}
.hello-locale-nav a.is-active{
    color:#06131a;
    background:linear-gradient(135deg,var(--hello-cyan),var(--hello-green));
    box-shadow:0 4px 16px rgba(59,218,166,.18);
}
.gate-locale-nav{
    position:relative;
    width:max-content;
    margin:0 auto 22px;
}
.gate-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 0 16px;
}
.gate-brand img{
    width:min(150px,76vw);
    height:auto;
    display:block;
    opacity:.93;
    filter:drop-shadow(0 0 18px rgba(59,218,166,.12));
}
.gate-brand span{
    display:none;
}
.gate-kicker,.hello-eyebrow,.hello-status{
    color:var(--hello-cyan);
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0;
}
.gate-kicker{
    color:rgba(154,232,255,.76);
    font-size:11px;
    margin-bottom:10px;
}
.gate-panel h1{
    margin:0 0 12px;
    font-size:clamp(31px,8vw,42px);
    line-height:1.02;
    font-weight:760;
    letter-spacing:0;
}
.gate-panel p{
    margin:0 auto;
    max-width:310px;
    color:rgba(255,255,255,.64);
    line-height:1.58;
    font-size:15px;
}
.gate-form{
    margin-top:30px;
}
.gate-code-label{
    margin-bottom:12px;
    color:rgba(255,255,255,.82);
    font-size:13px;
    font-weight:650;
    text-align:left;
}
.gate-code-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.gate-code-digit{
    width:100%;
    height:64px;
    padding:0;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    background:rgba(0,0,0,.45);
    color:#fff;
    outline:none;
    text-align:center;
    font-size:30px;
    font-weight:780;
    caret-color:var(--hello-green);
    transition:border-color .2s var(--hello-ease),box-shadow .2s var(--hello-ease),background .2s var(--hello-ease),transform .2s var(--hello-ease);
}
.gate-code-digit:focus{
    background:rgba(0,0,0,.58);
    border-color:var(--hello-green);
    box-shadow:0 0 0 3px rgba(59,218,166,.13),0 12px 30px rgba(0,0,0,.24);
    transform:translateY(-1px);
}
.gate-code-digit:not(:placeholder-shown){
    border-color:rgba(154,232,255,.24);
}
.gate-submit{
    width:100%;
    min-height:50px;
    margin-top:22px;
    padding:13px 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:linear-gradient(120deg,var(--hello-cyan) 0%,var(--hello-green) 50%,var(--hello-blue) 100%);
    color:#00120f;
    box-shadow:0 12px 28px rgba(59,218,166,.20);
    font-size:15px;
    font-weight:760;
    cursor:pointer;
    transition:opacity .2s var(--hello-ease),filter .2s var(--hello-ease),transform .2s var(--hello-ease),box-shadow .2s var(--hello-ease);
}
.gate-submit:hover:not(:disabled){
    filter:brightness(1.06);
    box-shadow:0 16px 34px rgba(19,164,255,.18),0 12px 28px rgba(59,218,166,.22);
    transform:translateY(-1px);
}
.gate-submit:active:not(:disabled){
    transform:translateY(0);
}
.gate-submit:disabled{
    cursor:not-allowed;
    opacity:.46;
    filter:saturate(.65);
}
.gate-error{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    margin:16px 0 0!important;
    padding:10px 12px;
    color:#ff8096!important;
    background:rgba(230,55,87,.10);
    border:1px solid rgba(230,55,87,.45);
    border-radius:10px;
    font-size:13px!important;
}
.gate-footer{
    margin-top:28px;
    color:rgba(255,255,255,.43);
    font-size:12px;
}
.hello-gate.code-incomplete .gate-code-digit{
    animation:gateCodeShake .32s var(--hello-ease);
}
@keyframes gateCodeShake{
    0%,100%{transform:translateX(0)}
    25%{transform:translateX(-4px)}
    75%{transform:translateX(4px)}
}

.hello-experience{
    min-height:100svh;
    position:relative;
    isolation:isolate;
    overflow:visible;
}
.hello-solution-strand{
    position:fixed;
    inset:0;
    z-index:-2;
    width:100%;
    height:100%;
    pointer-events:none;
    opacity:0;
    transition:opacity 1s var(--hello-ease),filter 1s var(--hello-ease);
    filter:saturate(1.08) brightness(.82);
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 86%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 86%,transparent 100%);
}
.hello-experience.solution-visible .hello-solution-strand{
    opacity:.86;
    filter:saturate(1.18) brightness(1.08);
}
.hello-experience.is-helix-transition:not(.solution-visible):not(.action-visible):not(.impact-visible):not(.noah-visible):not(.investment-visible) .hello-solution-strand{
    opacity:0;
    filter:saturate(1.1) brightness(.9);
}
.hello-experience.action-visible .hello-solution-strand{
    opacity:.70;
    filter:saturate(1.12) brightness(.98);
}
.hello-experience.impact-visible .hello-solution-strand{
    opacity:.74;
    filter:saturate(1.2) brightness(1.04);
}
.hello-experience.noah-visible .hello-solution-strand{
    opacity:.95;
    filter:saturate(1.32) brightness(1.16);
}
.hello-experience.investment-visible .hello-solution-strand{
    opacity:0;
    filter:saturate(1.08) brightness(.82) blur(8px);
}
.hello-vignette{
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(180deg,rgba(5,7,16,.16),rgba(5,7,16,.08) 48%,rgba(5,7,16,.76)),
        radial-gradient(ellipse at center,transparent 0,rgba(5,7,16,.12) 50%,rgba(5,7,16,.88) 100%);
}
.hello-experience.solution-visible .hello-vignette{
    background:
        linear-gradient(180deg,rgba(5,7,16,.10),rgba(5,7,16,.04) 48%,rgba(5,7,16,.36)),
        radial-gradient(ellipse at center,transparent 0,rgba(5,7,16,.06) 54%,rgba(5,7,16,.48) 100%);
}
.hello-topbar{
    position:fixed;
    z-index:20;
    top:0;
    left:0;
    right:0;
    height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 34px;
    pointer-events:none;
    background:transparent;
    border-bottom:1px solid transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    transition:background .42s var(--hello-ease),border-color .42s var(--hello-ease),box-shadow .42s var(--hello-ease),backdrop-filter .42s var(--hello-ease);
}
.hello-experience.has-scrolled .hello-topbar{
    background:
        linear-gradient(180deg,rgba(7,10,20,.78),rgba(7,10,20,.42)),
        rgba(7,10,20,.30);
    border-bottom-color:rgba(180,205,255,.13);
    box-shadow:0 14px 44px rgba(0,0,0,.20);
    backdrop-filter:blur(24px) saturate(1.55);
    -webkit-backdrop-filter:blur(24px) saturate(1.55);
}
.hello-brand{
    display:inline-flex;
    align-items:center;
    pointer-events:auto;
}
.hello-brand img{height:29px;width:auto;display:block}
.hello-brand span{
    display:none;
}
.hello-topbar-actions{
    display:flex;
    align-items:center;
    gap:10px;
    pointer-events:auto;
}
.hello-status{
    color:var(--hello-muted);
    padding:7px 10px;
    border:1px solid transparent;
    border-radius:var(--hello-radius);
    background:transparent;
    transition:background .42s var(--hello-ease),border-color .42s var(--hello-ease),color .42s var(--hello-ease);
}
.hello-experience.has-scrolled .hello-status{
    border-color:var(--hello-border);
    background:rgba(5,8,18,.5);
}
.hello-intro-scroll{
    height:146svh;
    min-height:920px;
    position:relative;
}
.hello-intro-scroll::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:32svh;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 0%,rgba(5,7,16,.08) 46%,rgba(5,7,16,.02) 100%);
}
.hello-stage{
    position:sticky;
    top:0;
    min-height:100svh;
    display:grid;
    place-items:center;
    padding:0;
    overflow:hidden;
}
.hello-stage::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:19px;
    width:1px;
    height:42px;
    transform:translateX(-50%);
    background:linear-gradient(to bottom,rgba(154,232,255,.7),transparent);
    opacity:.34;
    pointer-events:none;
}
.hello-experience.solution-visible:not(.is-playing):not(.is-paused) .hello-stage::after,
.hello-experience.action-visible:not(.is-playing):not(.is-paused) .hello-stage::after,
.hello-experience.impact-visible:not(.is-playing):not(.is-paused) .hello-stage::after,
.hello-experience.noah-visible:not(.is-playing):not(.is-paused) .hello-stage::after,
.hello-experience.investment-visible:not(.is-playing):not(.is-paused) .hello-stage::after{
    opacity:0;
}
.hello-core-shell{
    width:100vw;
    height:100svh;
    min-height:100svh;
    position:relative;
    overflow:visible;
}
#helloStrandCanvas{
    width:100%;
    height:100%;
    display:block;
    pointer-events:none;
    transition:opacity .65s var(--hello-ease),filter .65s var(--hello-ease);
}
.hello-experience.solution-visible:not(.is-playing):not(.is-paused) #helloStrandCanvas,
.hello-experience.action-visible:not(.is-playing):not(.is-paused) #helloStrandCanvas,
.hello-experience.impact-visible:not(.is-playing):not(.is-paused) #helloStrandCanvas,
.hello-experience.noah-visible:not(.is-playing):not(.is-paused) #helloStrandCanvas,
.hello-experience.investment-visible:not(.is-playing):not(.is-paused) #helloStrandCanvas{
    opacity:0;
    filter:blur(10px);
}
.hello-core-shell .noah-css-orb{
    position:absolute;
    left:50%;
    top:50%;
    width:360px;
    height:360px;
    max-width:68vw;
    max-height:68vw;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle at 42% 40%,rgba(168,85,247,.34),rgba(19,159,255,.12) 58%,transparent 76%);
    border:1px solid rgba(168,85,247,.22);
    box-shadow:0 0 70px rgba(168,85,247,.22),0 0 110px rgba(19,159,255,.12),inset 0 0 46px rgba(155,88,255,.12);
    animation:helloFallbackOrb 4s ease-in-out infinite;
    pointer-events:none;
}
@keyframes helloFallbackOrb{
    50%{transform:translate(-50%,-50%) scale(.96);opacity:.76}
}
.hello-core-shell::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:0;
    background:
        radial-gradient(ellipse 820px 540px at 50% 48%,rgba(168,85,247,.10),transparent 68%),
        radial-gradient(ellipse 980px 520px at 52% 52%,rgba(19,159,255,.06),transparent 72%);
    filter:blur(18px);
    opacity:.72;
    pointer-events:none;
}
.hello-core-label{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:min(440px,78vw);
    text-align:center;
    z-index:5;
    pointer-events:none;
    transition:opacity .55s var(--hello-ease),transform .55s var(--hello-ease),filter .55s var(--hello-ease);
}
.hello-core-label h1{
    margin:10px 0 8px;
    font-size:clamp(36px,5.2vw,74px);
    line-height:1.02;
    font-weight:820;
    letter-spacing:0;
    color:#fff;
    text-shadow:0 0 46px rgba(168,85,247,.26),0 16px 70px rgba(0,0,0,.62);
}
.hello-core-label p{
    margin:0;
    color:rgba(214,223,242,.68);
    font-size:15px;
    line-height:1.55;
}
.hello-audio-disclosure{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:11px;
    color:rgba(206,219,240,.55);
    font-size:10px;
    font-weight:620;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.hello-audio-disclosure::before{
    content:'';
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--hello-green);
    box-shadow:0 0 10px rgba(59,218,166,.55);
}
.hello-play{
    position:absolute;
    left:50%;
    top:calc(50% + 112px);
    transform:translateX(-50%);
    z-index:8;
    min-width:158px;
    height:48px;
    padding:0 18px 0 14px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    cursor:pointer;
    color:#fff;
    background:
        linear-gradient(135deg,rgba(96,165,250,.20),rgba(168,85,247,.32)),
        rgba(8,12,24,.78);
    border:1px solid rgba(205,225,255,.30);
    box-shadow:0 0 0 10px rgba(83,143,255,.06),0 22px 70px rgba(0,0,0,.45);
    transition:opacity .45s var(--hello-ease),transform .35s var(--hello-ease),border-color .35s var(--hello-ease),box-shadow .35s var(--hello-ease);
}
.hello-play:hover{
    transform:translateX(-50%) scale(1.04);
    border-color:rgba(255,255,255,.54);
    box-shadow:0 0 0 13px rgba(83,143,255,.08),0 28px 82px rgba(0,0,0,.5);
}
.hello-play:disabled{
    cursor:progress;
    opacity:.62;
    transform:translateX(-50%) scale(.98);
}
.hello-play:disabled:hover{
    transform:translateX(-50%) scale(.98);
    border-color:rgba(205,225,255,.30);
    box-shadow:0 0 0 10px rgba(83,143,255,.06),0 22px 70px rgba(0,0,0,.45);
}
.hello-play svg{
    width:18px;
    height:18px;
    fill:currentColor;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.hello-play span{
    font-size:13px;
    font-weight:760;
}
.replay-icon{display:none;fill:none}
.hello-intro-controls{
    position:absolute;
    left:50%;
    bottom:72px;
    z-index:9;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:6px;
    border:1px solid rgba(205,225,255,.14);
    border-radius:999px;
    background:rgba(5,8,18,.34);
    box-shadow:0 18px 52px rgba(0,0,0,.24);
    backdrop-filter:blur(18px) saturate(1.28);
    -webkit-backdrop-filter:blur(18px) saturate(1.28);
    opacity:0;
    pointer-events:none;
    transform:translateX(-50%) translateY(10px);
    transition:opacity .34s var(--hello-ease),transform .34s var(--hello-ease),border-color .34s var(--hello-ease),background .34s var(--hello-ease);
}
.hello-experience.is-playing .hello-intro-controls,
.hello-experience.is-paused .hello-intro-controls{
    opacity:.92;
    pointer-events:auto;
    transform:translateX(-50%) translateY(0);
}
.hello-experience.solution-visible:not(.is-playing):not(.is-paused) .hello-intro-controls,
.hello-experience.action-visible:not(.is-playing):not(.is-paused) .hello-intro-controls,
.hello-experience.impact-visible:not(.is-playing):not(.is-paused) .hello-intro-controls,
.hello-experience.noah-visible:not(.is-playing):not(.is-paused) .hello-intro-controls,
.hello-experience.investment-visible:not(.is-playing):not(.is-paused) .hello-intro-controls,
.hello-experience.is-returning .hello-intro-controls{
    opacity:0;
    pointer-events:none;
    transform:translateX(-50%) translateY(10px);
}
.hello-control{
    min-height:34px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;
    color:rgba(245,248,255,.76);
    background:rgba(255,255,255,.045);
    cursor:pointer;
    font-size:12px;
    font-weight:760;
    line-height:1;
    transition:color .25s var(--hello-ease),background .25s var(--hello-ease),border-color .25s var(--hello-ease),transform .25s var(--hello-ease),opacity .25s var(--hello-ease);
}
.hello-control:hover:not(:disabled){
    color:#fff;
    border-color:rgba(154,232,255,.28);
    background:rgba(154,232,255,.09);
    transform:translateY(-1px);
}
.hello-control:disabled{
    cursor:default;
    opacity:.42;
}
.hello-control svg{
    width:15px;
    height:15px;
    flex:0 0 auto;
    fill:currentColor;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.hello-control-pause .resume-icon{
    display:none;
}
.hello-control-pause.is-paused .pause-icon{
    display:none;
}
.hello-control-pause.is-paused .resume-icon{
    display:block;
}
.hello-control-stop{
    color:rgba(226,236,255,.62);
}
.hello-word-stage{
    position:absolute;
    left:50%;
    top:31%;
    transform:translate(-50%,-50%);
    width:min(840px,86vw);
    min-height:120px;
    display:grid;
    place-items:center;
    text-align:center;
    z-index:7;
    opacity:0;
    pointer-events:none;
    transition:opacity .55s var(--hello-ease),transform .55s var(--hello-ease);
}
.hello-word-stage > span{
    display:flex;
    align-items:baseline;
    justify-content:center;
    width:100%;
    max-width:100%;
    font-size:clamp(30px,4.7vw,64px);
    line-height:1.12;
    font-weight:780;
    letter-spacing:0;
    color:rgba(252,253,255,.96);
    text-shadow:0 0 30px rgba(155,232,255,.20),0 16px 58px rgba(0,0,0,.66);
    transform:translateY(0);
    opacity:1;
    filter:blur(0);
    transition:opacity .24s var(--hello-ease),transform .24s var(--hello-ease);
    overflow-wrap:normal;
}
.hello-word-stage > span.word-pop,
.hello-word-stage > span.phrase-flow{
    animation:helloPhraseFlow .42s ease both;
}
.hello-word-token{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    justify-content:center;
    gap:.08em .32em;
    max-width:min(82vw,760px);
    font-size:1em;
    font-weight:780;
    line-height:1.12;
    white-space:normal;
    overflow-wrap:break-word;
    letter-spacing:0;
    will-change:opacity,transform;
}
.hello-caption-word{
    display:inline-block;
    color:rgba(230,239,255,.74);
    opacity:.86;
    transform:translateY(0);
    transition:color .2s ease,opacity .2s ease,text-shadow .2s ease,transform .2s ease;
}
.hello-caption-word.is-near{
    color:rgba(238,246,255,.88);
    opacity:.96;
}
.hello-caption-word.is-current{
    color:#fff;
    opacity:1;
    transform:translateY(-1px);
    text-shadow:0 0 22px rgba(154,232,255,.32),0 14px 42px rgba(0,0,0,.5);
}
@keyframes helloPhraseFlow{
    0%{opacity:0;transform:translateY(8px)}
    100%{opacity:1;transform:translateY(0)}
}
.hello-word-stage small{
    display:none;
    margin-top:18px;
    max-width:min(720px,86vw);
    color:rgba(214,223,242,.62);
    font-size:17px;
    line-height:1.45;
    font-weight:600;
}
.hello-progress{
    position:absolute;
    left:50%;
    bottom:38px;
    transform:translateX(-50%);
    z-index:8;
    display:flex;
    gap:9px;
    align-items:center;
    justify-content:center;
    height:14px;
    opacity:.82;
    transition:opacity .4s var(--hello-ease),transform .4s var(--hello-ease);
}
.hello-experience.solution-visible:not(.is-playing):not(.is-paused) .hello-progress,
.hello-experience.action-visible:not(.is-playing):not(.is-paused) .hello-progress,
.hello-experience.impact-visible:not(.is-playing):not(.is-paused) .hello-progress,
.hello-experience.noah-visible:not(.is-playing):not(.is-paused) .hello-progress,
.hello-experience.investment-visible:not(.is-playing):not(.is-paused) .hello-progress{
    opacity:0;
    transform:translateX(-50%) translateY(8px);
    pointer-events:none;
}
.hello-progress span{
    width:30px;
    height:2px;
    border-radius:100px;
    background:rgba(218,230,255,.16);
    border:1px solid rgba(218,230,255,.08);
    box-shadow:inset 0 0 10px rgba(255,255,255,.04);
    transition:background .35s var(--hello-ease),border-color .35s var(--hello-ease),box-shadow .35s var(--hello-ease),opacity .35s var(--hello-ease);
}
.hello-progress span.active{
    background:rgba(235,244,255,.74);
    border-color:rgba(255,255,255,.26);
    box-shadow:0 0 14px rgba(155,232,255,.18),inset 0 0 8px rgba(255,255,255,.12);
}

.hello-experience.is-playing .hello-core-label,
.hello-experience.is-returning .hello-core-label,
.hello-experience.is-complete .hello-core-label{
    opacity:0;
    transform:translate(-50%,-50%) translateY(-18px) scale(.96);
    filter:blur(10px);
}
.hello-experience.is-playing .hello-play,
.hello-experience.is-returning .hello-play{
    opacity:0;
    pointer-events:none;
    transform:translateX(-50%) translateY(18px) scale(.92);
}
.hello-experience.is-playing .hello-word-stage,
.hello-experience.is-complete .hello-word-stage{
    opacity:1;
}
.hello-experience.is-returning .hello-word-stage{
    opacity:0;
    transform:translate(-50%,-50%) translateY(-10px);
}
.hello-experience.is-complete .hello-play{
    top:calc(50% + 170px);
    opacity:1;
    pointer-events:auto;
}
.hello-experience.is-complete .play-icon{display:none}
.hello-experience.is-complete .replay-icon{display:block}

.hello-solution{
    min-height:100svh;
    position:relative;
    z-index:3;
    margin-top:-18svh;
    padding:calc(18svh + 124px) 40px 116px;
    overflow:hidden;
}
.hello-solution::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(180deg,rgba(5,7,16,.02) 0%,rgba(6,8,18,.34) 34%,rgba(5,7,16,.62) 100%),
        radial-gradient(ellipse 780px 520px at 72% 32%,rgba(19,159,255,.10),transparent 64%),
        radial-gradient(ellipse 720px 480px at 22% 72%,rgba(59,218,166,.07),transparent 66%);
    opacity:.88;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 100%);
}
.hello-solution::after{
    content:'';
    position:absolute;
    inset:auto 0 0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(154,232,255,.22),rgba(59,218,166,.16),transparent);
    opacity:.9;
}
.hello-solution-orbit{
    display:none;
}
.hello-solution-orbit::before,
.hello-solution-orbit::after{
    content:'';
    position:absolute;
    inset:14%;
    border-radius:50%;
    border:1px solid rgba(168,85,247,.10);
}
.hello-solution-orbit::after{
    inset:31%;
    border-color:rgba(59,218,166,.12);
    box-shadow:0 0 80px rgba(19,159,255,.10);
}
.hello-solution-inner{
    width:min(1220px,100%);
    margin:0 auto;
    position:relative;
}
.hello-solution-copy{
    max-width:760px;
    margin-bottom:42px;
    opacity:0;
    transform:translateY(24px);
    transition:opacity .8s var(--hello-ease),transform .8s var(--hello-ease);
}
.hello-experience.solution-visible .hello-solution-copy{
    opacity:1;
    transform:translateY(0);
}
.hello-section-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:var(--hello-cyan);
    font-size:12px;
    font-weight:760;
    letter-spacing:0;
    text-transform:uppercase;
    margin-bottom:16px;
}
.hello-section-kicker::before{
    content:'';
    width:28px;
    height:1px;
    background:linear-gradient(90deg,var(--hello-cyan),var(--hello-green));
}
.hello-solution h2{
    margin:0;
    color:#fff;
    font-size:clamp(34px,5vw,68px);
    line-height:1.05;
    font-weight:810;
    letter-spacing:0;
    max-width:860px;
    text-shadow:0 24px 80px rgba(0,0,0,.48);
}
.hello-solution-copy p{
    margin:22px 0 0;
    max-width:680px;
    color:rgba(226,236,255,.72);
    font-size:clamp(16px,1.7vw,20px);
    line-height:1.68;
}
.hello-solution-showcase{
    display:grid;
    grid-template-columns:minmax(340px,.86fr) minmax(480px,1.14fr);
    gap:28px;
    align-items:stretch;
}
.solution-preview,
.solution-card{
    border:1px solid rgba(180,205,255,.12);
    background:rgba(8,12,24,.58);
    backdrop-filter:blur(24px) saturate(1.35);
    -webkit-backdrop-filter:blur(24px) saturate(1.35);
    box-shadow:0 28px 90px rgba(0,0,0,.34);
}
.solution-preview{
    min-height:640px;
    border-radius:14px;
    overflow:hidden;
    position:relative;
    opacity:0;
    transform:translateX(-26px);
    transition:opacity .85s var(--hello-ease),transform .85s var(--hello-ease),border-color .35s var(--hello-ease);
}
.hello-experience.solution-visible .solution-preview{
    opacity:1;
    transform:translateX(0);
}
.solution-preview::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 78% 24%,rgba(154,232,255,.14),transparent 34%),
        linear-gradient(135deg,rgba(168,85,247,.10),transparent 40%,rgba(59,218,166,.08));
    pointer-events:none;
}
.solution-preview-top{
    height:52px;
    padding:0 18px;
    display:flex;
    align-items:center;
    gap:8px;
    border-bottom:1px solid rgba(255,255,255,.07);
    position:relative;
    z-index:1;
}
.solution-preview-top span{
    width:9px;
    height:9px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
}
.solution-preview-top span:nth-child(1){background:rgba(232,121,249,.55)}
.solution-preview-top span:nth-child(2){background:rgba(154,232,255,.55)}
.solution-preview-top span:nth-child(3){background:rgba(59,218,166,.56)}
.solution-preview-top strong{
    margin-left:auto;
    color:rgba(247,251,255,.84);
    font-size:13px;
    font-weight:760;
}
.solution-preview-body{
    min-height:588px;
    padding:0;
    display:grid;
    grid-template-rows:minmax(0,1fr) auto;
    gap:0;
    position:relative;
    z-index:1;
}
.solution-preview-media{
    min-height:410px;
    position:relative;
    overflow:hidden;
    background:rgba(0,0,0,.34);
}
.solution-preview-media::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
        linear-gradient(180deg,rgba(5,7,16,.04),transparent 52%,rgba(5,7,16,.54)),
        radial-gradient(circle at 28% 18%,rgba(154,232,255,.12),transparent 34%);
}
.solution-preview-media::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 -80px 110px rgba(0,0,0,.42);
}
.solution-preview-media img{
    width:100%;
    height:100%;
    min-height:410px;
    display:block;
    object-fit:cover;
    object-position:top left;
    opacity:.96;
    transform:scale(1.012);
    filter:saturate(1.02) contrast(1.03);
    transition:opacity .34s var(--hello-ease),transform .7s var(--hello-ease),filter .5s var(--hello-ease);
}
.solution-preview-media img:not(.is-settled){
    opacity:.82;
    transform:scale(1.035);
    filter:saturate(.9) contrast(1.02) blur(.4px);
}
.solution-preview-caption{
    padding:22px;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:18px;
    background:
        linear-gradient(180deg,rgba(5,8,18,.82),rgba(5,8,18,.94)),
        rgba(0,0,0,.35);
    border-top:1px solid rgba(255,255,255,.08);
}
.solution-shot-eyebrow{
    display:block;
    color:rgba(154,232,255,.82);
    font-size:11px;
    font-weight:760;
    text-transform:uppercase;
    letter-spacing:0;
    margin-bottom:8px;
}
.solution-preview-caption p{
    margin:0;
    color:rgba(245,248,255,.82);
    font-size:15px;
    line-height:1.58;
}
.solution-brief{
    padding:18px;
    border:1px solid rgba(154,232,255,.12);
    border-radius:10px;
    background:rgba(0,0,0,.22);
}
.solution-brief span{
    display:block;
    color:rgba(154,232,255,.82);
    font-size:11px;
    font-weight:760;
    text-transform:uppercase;
    letter-spacing:0;
    margin-bottom:8px;
}
.solution-brief p{
    margin:0;
    color:rgba(245,248,255,.82);
    font-size:15px;
    line-height:1.58;
}
.solution-output{
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:14px;
    padding:24px;
    border-radius:12px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),
        rgba(0,0,0,.16);
    border:1px solid rgba(255,255,255,.07);
}
.solution-output-line{
    height:10px;
    width:74%;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(154,232,255,.56),rgba(59,218,166,.30),rgba(255,255,255,.08));
    box-shadow:0 0 28px rgba(154,232,255,.09);
}
.solution-output-line.wide{width:92%}
.solution-output-line.short{width:52%;background:linear-gradient(90deg,rgba(168,85,247,.46),rgba(154,232,255,.20))}
.solution-output-grid{
    margin-top:10px;
    display:grid;
    grid-template-columns:1.1fr .9fr .7fr;
    gap:10px;
}
.solution-output-grid span{
    min-height:72px;
    border-radius:10px;
    background:
        radial-gradient(circle at 38% 32%,rgba(255,255,255,.20),transparent 34%),
        linear-gradient(135deg,rgba(19,159,255,.18),rgba(168,85,247,.10));
    border:1px solid rgba(255,255,255,.08);
}
.solution-output-grid span:nth-child(2){
    background:linear-gradient(135deg,rgba(59,218,166,.18),rgba(154,232,255,.08));
}
.solution-output-grid span:nth-child(3){
    background:linear-gradient(135deg,rgba(168,85,247,.18),rgba(19,159,255,.08));
}
.solution-metrics{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.solution-metrics div{
    padding:16px;
    border-radius:10px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
}
.solution-metrics strong{
    display:block;
    color:var(--hello-cyan);
    font-size:28px;
    line-height:1;
    font-weight:820;
}
.solution-metrics span{
    display:block;
    margin-top:7px;
    color:rgba(226,236,255,.55);
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0;
}
.solution-shot-rail{
    margin-top:18px;
    display:grid;
    grid-template-columns:1.18fr .92fr .9fr;
    gap:14px;
    opacity:0;
    transform:translateY(20px);
    transition:opacity .8s var(--hello-ease) .18s,transform .8s var(--hello-ease) .18s;
}
.hello-experience.solution-visible .solution-shot-rail{
    opacity:1;
    transform:translateY(0);
}
.solution-shot-rail figure{
    min-width:0;
    margin:0;
    border:1px solid rgba(180,205,255,.12);
    border-radius:12px;
    overflow:hidden;
    background:rgba(8,12,24,.46);
    box-shadow:0 22px 70px rgba(0,0,0,.26);
}
.solution-shot-rail img{
    width:100%;
    height:178px;
    display:block;
    object-fit:cover;
    object-position:top left;
    filter:saturate(1.04) contrast(1.03);
}
.solution-shot-rail figcaption{
    min-height:48px;
    display:flex;
    align-items:center;
    padding:12px 14px;
    color:rgba(245,248,255,.72);
    font-size:12px;
    line-height:1.35;
    font-weight:700;
    background:rgba(5,8,18,.76);
    border-top:1px solid rgba(255,255,255,.07);
}
.solution-cards{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.solution-card-shot,
.solution-swipe-dots{
    display:none;
}
.solution-card{
    min-height:214px;
    padding:24px;
    border-radius:12px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    opacity:0;
    transform:translateY(24px);
    transition:opacity .75s var(--hello-ease),transform .75s var(--hello-ease),border-color .3s var(--hello-ease),background .3s var(--hello-ease),box-shadow .3s var(--hello-ease);
}
.hello-experience.solution-visible .solution-card{
    opacity:1;
    transform:translateY(0);
}
.hello-experience.solution-visible .solution-card:nth-child(2){transition-delay:.05s}
.hello-experience.solution-visible .solution-card:nth-child(3){transition-delay:.10s}
.hello-experience.solution-visible .solution-card:nth-child(4){transition-delay:.15s}
.hello-experience.solution-visible .solution-card:nth-child(5){transition-delay:.20s}
.hello-experience.solution-visible .solution-card:nth-child(6){transition-delay:.25s}
.solution-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(360px circle at 16% 4%,rgba(154,232,255,.10),transparent 42%);
    opacity:0;
    transition:opacity .3s var(--hello-ease);
    pointer-events:none;
}
.solution-card.is-active,
.solution-card:hover{
    border-color:rgba(154,232,255,.32);
    background:rgba(10,16,31,.72);
    box-shadow:0 24px 80px rgba(0,0,0,.38),0 0 60px rgba(19,159,255,.06);
}
.solution-card.is-active::before,
.solution-card:hover::before{
    opacity:1;
}
.solution-card-icon{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:10px;
    color:var(--hello-cyan);
    background:rgba(154,232,255,.08);
    border:1px solid rgba(154,232,255,.12);
    margin-bottom:18px;
}
.solution-card-icon svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.solution-card > span{
    position:absolute;
    top:20px;
    right:20px;
    color:rgba(226,236,255,.28);
    font-size:12px;
    font-weight:800;
}
.solution-card h3{
    margin:0 0 10px;
    color:#fff;
    font-size:20px;
    line-height:1.15;
    font-weight:760;
}
.solution-card p{
    margin:0;
    color:rgba(226,236,255,.64);
    font-size:14px;
    line-height:1.55;
}
.hello-flow-strip{
    margin-top:28px;
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:1px;
    border:1px solid rgba(180,205,255,.10);
    border-radius:12px;
    overflow:hidden;
    background:rgba(180,205,255,.08);
    opacity:0;
    transform:translateY(20px);
    transition:opacity .8s var(--hello-ease) .25s,transform .8s var(--hello-ease) .25s;
}
.hello-experience.solution-visible .hello-flow-strip{
    opacity:1;
    transform:translateY(0);
}
.hello-flow-strip span{
    min-height:58px;
    display:grid;
    place-items:center;
    padding:14px 10px;
    background:rgba(7,11,22,.68);
    color:rgba(245,248,255,.72);
    font-size:12px;
    font-weight:760;
    text-transform:uppercase;
    letter-spacing:0;
    text-align:center;
}

.hello-actions{
    min-height:100svh;
    position:relative;
    z-index:3;
    padding:118px 40px 128px;
    overflow:hidden;
}
.hello-actions::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(180deg,rgba(5,7,16,.58),rgba(6,9,20,.36) 46%,rgba(5,7,16,.74)),
        radial-gradient(ellipse 760px 480px at 78% 18%,rgba(168,85,247,.12),transparent 68%),
        radial-gradient(ellipse 620px 420px at 16% 82%,rgba(59,218,166,.08),transparent 70%);
}
.hello-actions::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(154,232,255,.18),rgba(168,85,247,.16),transparent);
    opacity:.78;
}
.hello-actions-inner{
    width:min(1220px,100%);
    margin:0 auto;
    position:relative;
}
.hello-actions-copy{
    max-width:790px;
    margin-bottom:38px;
    opacity:0;
    transform:translateY(24px);
    transition:opacity .8s var(--hello-ease),transform .8s var(--hello-ease);
}
.hello-experience.action-visible .hello-actions-copy{
    opacity:1;
    transform:translateY(0);
}
.hello-actions h2{
    margin:0;
    color:#fff;
    font-size:clamp(34px,5vw,66px);
    line-height:1.05;
    font-weight:810;
    letter-spacing:0;
    max-width:920px;
    text-shadow:0 24px 80px rgba(0,0,0,.48);
}
.hello-actions-copy p{
    margin:22px 0 0;
    max-width:690px;
    color:rgba(226,236,255,.72);
    font-size:clamp(16px,1.7vw,20px);
    line-height:1.68;
}
.mini-lab{
    border:1px solid rgba(180,205,255,.12);
    border-radius:18px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015)),
        rgba(8,12,24,.60);
    backdrop-filter:blur(26px) saturate(1.34);
    -webkit-backdrop-filter:blur(26px) saturate(1.34);
    box-shadow:0 34px 110px rgba(0,0,0,.38);
    overflow:hidden;
    opacity:0;
    transform:translateY(28px);
    transition:opacity .85s var(--hello-ease),transform .85s var(--hello-ease),border-color .35s var(--hello-ease);
}
.hello-experience.action-visible .mini-lab{
    opacity:1;
    transform:translateY(0);
}
.mini-lab-switch{
    min-height:62px;
    padding:10px;
    display:flex;
    align-items:center;
    gap:8px;
    border-bottom:1px solid rgba(255,255,255,.08);
    background:rgba(5,8,18,.42);
}
.mini-lab-switch button{
    min-height:40px;
    padding:0 18px;
    border-radius:10px;
    color:rgba(226,236,255,.68);
    background:transparent;
    border:1px solid transparent;
    font-size:13px;
    font-weight:760;
    cursor:pointer;
    transition:color .25s var(--hello-ease),background .25s var(--hello-ease),border-color .25s var(--hello-ease),box-shadow .25s var(--hello-ease);
}
.mini-lab-switch button.is-active{
    color:#fff;
    background:rgba(154,232,255,.08);
    border-color:rgba(154,232,255,.18);
    box-shadow:0 0 42px rgba(19,159,255,.06);
}
.mini-lab-grid{
    display:grid;
    grid-template-columns:minmax(310px,.42fr) minmax(540px,.58fr);
    min-height:660px;
}
.mini-controls{
    position:relative;
    padding:24px;
    border-right:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 14% 12%,rgba(154,232,255,.08),transparent 30%),
        rgba(5,8,18,.30);
}
.mini-control-panel{
    display:none;
}
.mini-control-panel.is-active{
    display:block;
    animation:miniPanelIn .42s var(--hello-ease) both;
}
@keyframes miniPanelIn{
    from{opacity:0;transform:translateY(8px);filter:blur(5px)}
    to{opacity:1;transform:translateY(0);filter:blur(0)}
}
.mini-control-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:28px;
}
.mini-control-head span{
    color:#fff;
    font-size:24px;
    line-height:1.12;
    font-weight:790;
}
.mini-control-head strong{
    flex:0 0 auto;
    padding:6px 9px;
    color:rgba(154,232,255,.82);
    background:rgba(154,232,255,.08);
    border:1px solid rgba(154,232,255,.14);
    border-radius:999px;
    font-size:10px;
    line-height:1;
    font-weight:790;
    text-transform:uppercase;
    letter-spacing:0;
}
.mini-field{
    display:block;
}
.mini-field span{
    display:block;
    margin-bottom:10px;
    color:rgba(226,236,255,.72);
    font-size:12px;
    font-weight:760;
    text-transform:uppercase;
    letter-spacing:0;
}
.mini-field input{
    width:100%;
    height:58px;
    padding:0 16px;
    border:1px solid rgba(180,205,255,.14);
    border-radius:12px;
    outline:none;
    color:#fff;
    background:rgba(0,0,0,.28);
    font-size:16px;
    line-height:1.2;
    transition:border-color .25s var(--hello-ease),box-shadow .25s var(--hello-ease),background .25s var(--hello-ease);
}
.mini-field input:focus{
    border-color:rgba(154,232,255,.46);
    background:rgba(0,0,0,.38);
    box-shadow:0 0 0 4px rgba(154,232,255,.08),0 18px 48px rgba(0,0,0,.22);
}
.mini-preset-row{
    margin-top:16px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.mini-preset-row button{
    min-height:36px;
    padding:0 12px;
    border-radius:999px;
    color:rgba(226,236,255,.68);
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    font-size:12px;
    font-weight:760;
    cursor:pointer;
    transition:color .25s var(--hello-ease),background .25s var(--hello-ease),border-color .25s var(--hello-ease),transform .25s var(--hello-ease);
}
.mini-preset-row button:hover,
.mini-preset-row button.is-active{
    color:#fff;
    background:rgba(154,232,255,.10);
    border-color:rgba(154,232,255,.24);
}
.mini-actions-row{
    margin-top:24px;
    display:grid;
    grid-template-columns:.86fr 1.14fr;
    gap:10px;
}
.mini-primary,
.mini-secondary{
    min-height:48px;
    padding:0 14px;
    border-radius:10px;
    font-size:14px;
    font-weight:790;
    cursor:pointer;
    transition:transform .25s var(--hello-ease),filter .25s var(--hello-ease),box-shadow .25s var(--hello-ease),border-color .25s var(--hello-ease);
}
.mini-link-button{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.mini-primary{
    color:#031018;
    background:linear-gradient(120deg,var(--hello-cyan),var(--hello-green));
    box-shadow:0 18px 44px rgba(59,218,166,.16);
}
.mini-secondary{
    color:rgba(245,248,255,.82);
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.10);
}
.mini-primary:hover,
.mini-secondary:hover{
    transform:translateY(-1px);
    filter:brightness(1.04);
}
.mini-preview{
    position:relative;
    min-width:0;
    background:
        radial-gradient(circle at 78% 12%,rgba(168,85,247,.12),transparent 34%),
        rgba(6,9,18,.42);
}
.mini-preview::before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(154,232,255,.035) 1px,transparent 1px),
        linear-gradient(180deg,rgba(154,232,255,.025) 1px,transparent 1px);
    background-size:38px 38px;
    mask-image:radial-gradient(ellipse at center,#000 0,transparent 72%);
    opacity:.34;
}
.mini-preview-top{
    height:52px;
    padding:0 18px;
    display:flex;
    align-items:center;
    gap:8px;
    border-bottom:1px solid rgba(255,255,255,.08);
    position:relative;
    z-index:2;
}
.mini-preview-top span{
    width:9px;
    height:9px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
}
.mini-preview-top span:nth-child(1){background:rgba(232,121,249,.55)}
.mini-preview-top span:nth-child(2){background:rgba(154,232,255,.55)}
.mini-preview-top span:nth-child(3){background:rgba(59,218,166,.56)}
.mini-preview-top strong{
    margin-left:auto;
    color:rgba(247,251,255,.84);
    font-size:13px;
    font-weight:760;
}
.mini-output{
    display:none;
    min-height:608px;
    padding:28px;
    position:relative;
    z-index:1;
}
.mini-output.is-active{
    display:block;
    animation:miniOutputIn .5s var(--hello-ease) both;
}
@keyframes miniOutputIn{
    from{opacity:0;transform:translateY(10px);filter:blur(6px)}
    to{opacity:1;transform:translateY(0);filter:blur(0)}
}
.mini-output-status{
    position:absolute;
    top:18px;
    right:24px;
    z-index:4;
    min-width:74px;
    padding:7px 10px;
    border-radius:999px;
    color:rgba(154,232,255,.84);
    background:rgba(5,8,18,.64);
    border:1px solid rgba(154,232,255,.14);
    font-size:10px;
    line-height:1;
    font-weight:790;
    text-transform:uppercase;
    letter-spacing:0;
    text-align:center;
}
.mini-output.is-generating .mini-output-status{
    color:#fff;
    border-color:rgba(59,218,166,.28);
    background:rgba(59,218,166,.12);
}
.mini-output.is-generating .mini-output-status::after{
    content:'';
    display:inline-block;
    width:4px;
    height:4px;
    margin-left:6px;
    border-radius:50%;
    background:currentColor;
    box-shadow:8px 0 0 currentColor,16px 0 0 currentColor;
    animation:miniThinking .8s infinite steps(2,end);
}
.mini-social-output.is-generating .mini-output-status{
    opacity:1;
    transform:none;
    pointer-events:auto;
}
.mini-output.is-error .mini-output-status{
    color:#ffd8df;
    border-color:rgba(251,113,133,.34);
    background:rgba(159,18,57,.24);
}
.mini-output.is-error .mini-output-status::after{
    display:none;
}
.mini-article-output.is-error .mini-article-main,
.mini-social-output.is-error .mini-social-creative{
    border-color:rgba(251,113,133,.32);
    box-shadow:0 24px 74px rgba(58,6,20,.24),inset 0 0 0 1px rgba(251,113,133,.06);
}
@keyframes miniThinking{
    50%{opacity:.35}
}
.mini-article-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 220px;
    gap:18px;
    min-height:388px;
}
.mini-article-main{
    position:relative;
    overflow:hidden;
    min-width:0;
    padding:34px 34px 30px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)),
        rgba(5,8,18,.68);
    box-shadow:0 24px 74px rgba(0,0,0,.26);
}
.mini-output-kicker{
    display:inline-flex;
    margin-bottom:18px;
    color:rgba(154,232,255,.82);
    font-size:11px;
    line-height:1;
    font-weight:790;
    text-transform:uppercase;
    letter-spacing:0;
}
.mini-article-main h3{
    margin:0;
    color:#fff;
    font-size:clamp(31px,3.2vw,46px);
    line-height:1.06;
    font-weight:820;
    letter-spacing:0;
}
.mini-article-main p{
    margin:22px 0 0;
    color:rgba(226,236,255,.76);
    font-size:16px;
    line-height:1.72;
}
.mini-seo-panel{
    display:grid;
    grid-template-rows:1fr 1fr 1fr;
    gap:12px;
}
.mini-seo-panel div{
    position:relative;
    overflow:hidden;
    min-width:0;
    padding:18px;
    border:1px solid rgba(154,232,255,.13);
    border-radius:12px;
    background:rgba(6,12,24,.70);
}
.mini-seo-panel span{
    display:block;
    margin-bottom:10px;
    color:rgba(226,236,255,.48);
    font-size:10px;
    font-weight:790;
    text-transform:uppercase;
    letter-spacing:0;
}
.mini-seo-panel strong{
    display:block;
    color:rgba(245,248,255,.88);
    font-size:15px;
    line-height:1.32;
    font-weight:760;
    overflow-wrap:anywhere;
}
#miniArticleScore{
    color:var(--hello-cyan);
    font-size:34px;
    line-height:1;
}
.mini-serp-preview{
    position:relative;
    overflow:hidden;
    margin-top:18px;
    padding:20px 22px 21px;
    border:1px solid rgba(232,234,237,.95);
    border-radius:14px;
    background:#fff;
    box-shadow:0 22px 70px rgba(0,0,0,.26);
}
.mini-serp-preview .mini-serp-label{
    display:block;
    margin-bottom:11px;
    color:#5f6368;
    font-size:11px;
    font-weight:720;
    text-transform:none;
    letter-spacing:0;
}
.mini-serp-preview small{
    display:block;
    margin-bottom:5px;
    color:#3c4043;
    font-size:12px;
    line-height:1.35;
    font-weight:520;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mini-serp-preview strong{
    display:block;
    color:#1a0dab;
    font-size:19px;
    line-height:1.3;
    font-weight:500;
}
.mini-serp-preview p{
    margin:8px 0 0;
    color:#4d5156;
    font-size:14px;
    line-height:1.55;
}
.mini-social-layout{
    display:grid;
    grid-template-columns:minmax(280px,.88fr) minmax(260px,.72fr);
    gap:20px;
    align-items:stretch;
}
.mini-social-creative{
    min-height:522px;
    padding:34px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    background:
        radial-gradient(circle at 16% 18%,rgba(154,232,255,.30),transparent 32%),
        radial-gradient(circle at 78% 12%,rgba(168,85,247,.32),transparent 34%),
        linear-gradient(145deg,rgba(8,14,28,.98),rgba(10,25,36,.96));
    box-shadow:0 28px 90px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.04);
}
.mini-social-image{
    position:absolute;
    inset:0;
    z-index:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    opacity:0;
    transform:scale(1.04);
    filter:none;
    transition:opacity .55s var(--hello-ease),transform .8s var(--hello-ease),filter .55s var(--hello-ease);
}
.mini-social-creative.has-image .mini-social-image{
    opacity:1;
    transform:scale(1.0);
    filter:none;
}
.mini-social-creative.is-loading .mini-social-image{
    opacity:0;
    filter:saturate(.7) contrast(.92) brightness(.62) blur(10px);
}
.mini-social-creative::before{
    content:'';
    position:absolute;
    inset:12%;
    z-index:1;
    border:1px solid rgba(154,232,255,.12);
    border-radius:50%;
    transform:rotate(-18deg) scaleX(1.34);
    box-shadow:0 0 80px rgba(154,232,255,.10);
}
.mini-social-creative.is-loading::before{
    inset:0;
    transform:none;
    border:0;
    border-radius:0;
    background:
        linear-gradient(105deg,transparent 0%,rgba(154,232,255,.08) 34%,rgba(255,255,255,.16) 48%,rgba(168,85,247,.08) 62%,transparent 100%),
        radial-gradient(circle at 18% 18%,rgba(154,232,255,.20),transparent 28%),
        radial-gradient(circle at 82% 18%,rgba(168,85,247,.20),transparent 32%),
        radial-gradient(circle at 72% 78%,rgba(59,218,166,.16),transparent 30%),
        linear-gradient(145deg,rgba(9,14,28,.96),rgba(4,8,18,.98));
    background-size:220% 100%,auto,auto,auto,auto;
    animation:miniSkeleton 1.25s linear infinite;
    box-shadow:none;
}
.mini-social-creative::after{
    content:'';
    position:absolute;
    z-index:1;
    left:-20%;
    right:-20%;
    top:42%;
    height:2px;
    background:linear-gradient(90deg,transparent,rgba(154,232,255,.28),rgba(59,218,166,.30),transparent);
    box-shadow:0 0 24px rgba(154,232,255,.20);
    transform:rotate(-10deg);
}
.mini-social-creative.is-loading::after{
    left:34px;
    right:34px;
    top:auto;
    bottom:34px;
    height:180px;
    border-radius:18px;
    transform:none;
    background:
        linear-gradient(90deg,rgba(154,232,255,.34),rgba(59,218,166,.24)) 0 0/154px 26px no-repeat,
        linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.06)) 0 58px/100% 54px no-repeat,
        linear-gradient(90deg,rgba(255,255,255,.13),rgba(255,255,255,.04)) 0 128px/72% 14px no-repeat,
        linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.03)) 0 154px/48% 14px no-repeat;
    box-shadow:none;
}
.mini-social-creative > :not(.mini-social-image){
    position:relative;
    z-index:2;
}
.mini-social-creative.is-loading > span,
.mini-social-creative.is-loading > strong,
.mini-social-creative.is-loading > em{
    opacity:0;
    transform:translateY(8px);
}
.mini-social-creative span{
    align-self:flex-start;
    margin-bottom:18px;
    padding:7px 9px;
    color:rgba(5,8,18,.92);
    background:rgba(154,232,255,.88);
    border-radius:999px;
    font-size:10px;
    font-weight:820;
    text-transform:uppercase;
    letter-spacing:0;
}
.mini-social-creative strong{
    display:block;
    max-width:100%;
    color:#fff;
    font-size:clamp(30px,3.1vw,48px);
    line-height:1.02;
    font-weight:830;
    letter-spacing:0;
    overflow-wrap:anywhere;
    text-shadow:0 18px 60px rgba(0,0,0,.48);
}
.mini-social-creative em{
    display:block;
    margin-top:16px;
    color:rgba(245,248,255,.72);
    font-size:15px;
    line-height:1.45;
    font-style:normal;
    max-width:360px;
}
.mini-social-creative.preset-expert{
    background:
        radial-gradient(circle at 18% 16%,rgba(59,218,166,.30),transparent 34%),
        radial-gradient(circle at 86% 14%,rgba(154,232,255,.24),transparent 34%),
        linear-gradient(145deg,rgba(5,20,22,.98),rgba(7,13,24,.96));
}
.mini-social-creative.preset-proof{
    background:
        radial-gradient(circle at 26% 24%,rgba(154,232,255,.30),transparent 34%),
        radial-gradient(circle at 78% 72%,rgba(59,218,166,.22),transparent 34%),
        linear-gradient(145deg,rgba(5,9,20,.98),rgba(14,22,33,.96));
}
.mini-social-creative.preset-hiring{
    background:
        radial-gradient(circle at 20% 20%,rgba(232,121,249,.28),transparent 34%),
        radial-gradient(circle at 82% 16%,rgba(154,232,255,.24),transparent 34%),
        linear-gradient(145deg,rgba(14,9,26,.98),rgba(6,12,25,.96));
}
.mini-social-creative.preset-sales{
    background:
        radial-gradient(circle at 18% 16%,rgba(154,232,255,.26),transparent 34%),
        radial-gradient(circle at 84% 18%,rgba(59,218,166,.28),transparent 34%),
        linear-gradient(145deg,rgba(4,16,23,.98),rgba(10,14,27,.96));
}
.mini-social-creative.preset-monolithic_tech_minimal{
    background:
        linear-gradient(90deg,rgba(154,232,255,.14) 1px,transparent 1px),
        linear-gradient(180deg,rgba(154,232,255,.10) 1px,transparent 1px),
        radial-gradient(circle at 78% 18%,rgba(154,232,255,.28),transparent 32%),
        linear-gradient(145deg,rgba(4,8,17,.98),rgba(9,13,24,.98));
    background-size:34px 34px,34px 34px,auto,auto;
}
.mini-social-creative.preset-performance_motion_blur{
    background:
        linear-gradient(102deg,transparent 0%,rgba(154,232,255,.28) 18%,transparent 36%,rgba(168,85,247,.24) 62%,transparent 82%),
        radial-gradient(circle at 16% 20%,rgba(59,218,166,.22),transparent 34%),
        linear-gradient(145deg,rgba(5,9,19,.98),rgba(8,7,22,.96));
}
.mini-social-creative.preset-automotive_light_trails{
    background:
        linear-gradient(105deg,transparent 0%,rgba(154,232,255,.34) 28%,transparent 42%,rgba(59,218,166,.30) 64%,transparent 82%),
        radial-gradient(circle at 82% 18%,rgba(168,85,247,.22),transparent 34%),
        linear-gradient(145deg,rgba(2,7,15,.98),rgba(7,14,26,.96));
}
.mini-social-creative.preset-luxury_product_shadowplay{
    background:
        radial-gradient(circle at 24% 20%,rgba(245,211,142,.18),transparent 28%),
        radial-gradient(circle at 84% 20%,rgba(168,85,247,.26),transparent 34%),
        linear-gradient(145deg,rgba(10,7,16,.98),rgba(2,6,12,.98));
}
.mini-social-creative.preset-red_carpet_flash{
    background:
        radial-gradient(circle at 18% 14%,rgba(255,255,255,.22),transparent 18%),
        radial-gradient(circle at 78% 26%,rgba(232,121,249,.28),transparent 34%),
        linear-gradient(145deg,rgba(20,4,14,.98),rgba(6,7,18,.98));
}
.mini-pdf-copy{
    display:grid;
    gap:12px;
    color:rgba(226,236,255,.70);
    font-size:15px;
    line-height:1.62;
}
.mini-pdf-copy p{
    margin:0;
}
.mini-pdf-layout{
    display:grid;
    grid-template-columns:minmax(320px,.78fr) minmax(250px,.42fr);
    gap:20px;
    align-items:stretch;
}
.mini-pdf-frame{
    min-height:522px;
    padding:18px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    overflow:hidden;
    background:
        radial-gradient(ellipse at 50% 8%,rgba(154,232,255,.12),transparent 52%),
        rgba(0,0,0,.28);
    box-shadow:0 28px 90px rgba(0,0,0,.34);
}
.mini-pdf-preview-link{
    width:100%;
    min-height:486px;
    display:grid;
    place-items:center;
}
.mini-pdf-preview-link img{
    display:block;
    max-width:100%;
    max-height:486px;
    height:auto;
    object-fit:contain;
    object-position:top center;
    border-radius:10px;
    background:#fff;
    box-shadow:0 20px 54px rgba(0,0,0,.40);
}
.mini-pdf-meta{
    padding:30px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(5,8,18,.68);
}
.mini-pdf-meta h3{
    margin:0;
    color:#fff;
    font-size:30px;
    line-height:1.08;
    font-weight:810;
    letter-spacing:0;
}
.mini-pdf-meta p{
    margin:18px 0 0;
    color:rgba(226,236,255,.72);
    font-size:15px;
    line-height:1.62;
}
.mini-pdf-meta a{
    margin-top:22px;
    min-height:44px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:#041018;
    background:linear-gradient(120deg,var(--hello-cyan),var(--hello-green));
    font-size:13px;
    font-weight:790;
}
.mini-output.is-generating .mini-pdf-frame{
    animation:miniPulse .7s var(--hello-ease) infinite alternate;
}
@keyframes miniSkeleton{
    to{background-position:-220% 0}
}
.mini-social-copy{
    padding:30px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(5,8,18,.68);
}
.mini-social-copy p{
    margin:0;
    color:rgba(226,236,255,.76);
    font-size:16px;
    line-height:1.7;
}
.mini-social-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:22px;
}
.mini-social-tags span{
    padding:7px 10px;
    border-radius:999px;
    color:rgba(154,232,255,.82);
    background:rgba(154,232,255,.08);
    border:1px solid rgba(154,232,255,.12);
    font-size:12px;
    font-weight:720;
}
.mini-article-output.is-generating .mini-article-main,
.mini-article-output.is-generating .mini-seo-panel div,
.mini-article-output.is-generating .mini-serp-preview{
    animation:none;
    opacity:1;
    filter:none;
}
.mini-article-output.is-generating .mini-article-main > *,
.mini-article-output.is-generating .mini-seo-panel div > *,
.mini-article-output.is-generating .mini-serp-preview > *{
    opacity:0;
}
.mini-article-output.is-generating .mini-article-main{
    background:
        linear-gradient(90deg,rgba(154,232,255,.18),rgba(154,232,255,.06)) 34px 34px/118px 12px no-repeat,
        linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,.06)) 34px 84px/calc(100% - 68px) 42px no-repeat,
        linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.045)) 34px 164px/calc(100% - 86px) 14px no-repeat,
        linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.035)) 34px 195px/calc(100% - 118px) 14px no-repeat,
        linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.03)) 34px 226px/calc(72% - 34px) 14px no-repeat,
        rgba(5,8,18,.72);
}
.mini-article-output.is-generating .mini-seo-panel div{
    background:
        linear-gradient(90deg,rgba(154,232,255,.16),rgba(154,232,255,.05)) 18px 18px/62px 10px no-repeat,
        linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.045)) 18px 48px/calc(100% - 36px) 17px no-repeat,
        rgba(6,12,24,.76);
}
.mini-article-output.is-generating .mini-serp-preview{
    background:
        linear-gradient(90deg,#e8eaed,#f4f6f8) 22px 22px/96px 10px no-repeat,
        linear-gradient(90deg,#dadce0,#f1f3f4) 22px 48px/46% 10px no-repeat,
        linear-gradient(90deg,#d7ddff,#eef1ff) 22px 73px/70% 20px no-repeat,
        linear-gradient(90deg,#e0e3e7,#f4f6f8) 22px 110px/calc(100% - 44px) 13px no-repeat,
        linear-gradient(90deg,#e5e8ec,#f4f6f8) 22px 135px/calc(72% - 22px) 13px no-repeat,
        #fff;
}
.mini-article-output.is-generating .mini-article-main::after,
.mini-article-output.is-generating .mini-seo-panel div::after,
.mini-article-output.is-generating .mini-serp-preview::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.18) 46%,rgba(154,232,255,.16) 54%,transparent 70%);
    transform:translateX(-110%);
    animation:miniSkeletonSweep 1.15s ease-in-out infinite;
    pointer-events:none;
}
.mini-article-output.is-generating .mini-serp-preview::after{
    background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.72) 48%,rgba(26,115,232,.12) 56%,transparent 72%);
}
@keyframes miniPulse{
    from{filter:saturate(.85) brightness(.82);opacity:.66}
    to{filter:saturate(1.05) brightness(1.02);opacity:.92}
}
@keyframes miniSkeletonSweep{
    to{transform:translateX(110%)}
}

.hello-impact,
.hello-noah,
.hello-investment{
    min-height:100svh;
    position:relative;
    z-index:3;
    padding:118px 40px 132px;
    overflow:hidden;
}
.hello-impact::before,
.hello-noah::before,
.hello-investment::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:-2;
    pointer-events:none;
}
.hello-impact::before{
    background:
        linear-gradient(180deg,rgba(5,7,16,.66),rgba(6,9,20,.36) 48%,rgba(5,7,16,.58)),
        radial-gradient(ellipse 860px 520px at 22% 18%,rgba(59,218,166,.08),transparent 70%),
        radial-gradient(ellipse 780px 500px at 82% 72%,rgba(19,159,255,.10),transparent 72%);
}
.hello-noah::before{
    background:
        linear-gradient(180deg,rgba(5,7,16,.62),rgba(8,8,23,.28) 48%,rgba(5,7,16,.66)),
        radial-gradient(ellipse 880px 600px at 50% 42%,rgba(168,85,247,.10),transparent 72%),
        radial-gradient(ellipse 760px 460px at 24% 74%,rgba(59,218,166,.07),transparent 70%),
        radial-gradient(ellipse 700px 420px at 82% 30%,rgba(19,159,255,.08),transparent 72%);
}
.hello-investment::before{
    background:
        linear-gradient(180deg,rgba(5,7,16,.48),rgba(7,9,20,.30) 44%,rgba(5,7,16,.82)),
        radial-gradient(ellipse 780px 540px at 78% 24%,rgba(168,85,247,.13),transparent 70%),
        radial-gradient(ellipse 720px 430px at 18% 78%,rgba(154,232,255,.08),transparent 72%);
}
.hello-impact::after,
.hello-noah::after,
.hello-investment::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(154,232,255,.16),rgba(59,218,166,.14),transparent);
    opacity:.74;
}
.hello-impact-inner,
.hello-noah-inner,
.hello-investment-inner{
    width:min(1220px,100%);
    margin:0 auto;
    position:relative;
}
.hello-impact-copy,
.hello-noah-copy,
.hello-investment-copy{
    max-width:830px;
    margin-bottom:42px;
    opacity:0;
    transform:translateY(24px);
    transition:opacity .8s var(--hello-ease),transform .8s var(--hello-ease);
}
.hello-experience.impact-visible .hello-impact-copy,
.hello-experience.noah-visible .hello-noah-copy,
.hello-experience.investment-visible .hello-investment-copy{
    opacity:1;
    transform:translateY(0);
}
.hello-impact h2,
.hello-noah h2,
.hello-investment h2{
    margin:0;
    color:#fff;
    font-size:clamp(34px,5vw,66px);
    line-height:1.04;
    font-weight:820;
    letter-spacing:0;
    max-width:920px;
    text-shadow:0 24px 80px rgba(0,0,0,.48);
}
.hello-impact-copy p,
.hello-noah-copy p,
.hello-investment-copy p{
    margin:22px 0 0;
    max-width:760px;
    color:rgba(226,236,255,.72);
    font-size:clamp(16px,1.7vw,20px);
    line-height:1.68;
}
.impact-system{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(180px,.34fr) minmax(0,1fr);
    gap:18px;
    align-items:stretch;
    opacity:0;
    transform:translateY(28px);
    transition:opacity .85s var(--hello-ease),transform .85s var(--hello-ease);
}
.hello-experience.impact-visible .impact-system{
    opacity:1;
    transform:translateY(0);
}
.impact-panel{
    min-width:0;
    padding:28px;
    border:1px solid rgba(180,205,255,.12);
    border-radius:18px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
        rgba(7,11,23,.62);
    backdrop-filter:blur(22px) saturate(1.32);
    -webkit-backdrop-filter:blur(22px) saturate(1.32);
    box-shadow:0 28px 90px rgba(0,0,0,.30);
}
.impact-after{
    border-color:rgba(154,232,255,.18);
    box-shadow:0 30px 96px rgba(0,0,0,.32),0 0 90px rgba(59,218,166,.06);
}
.impact-panel-label{
    display:inline-flex;
    min-height:28px;
    align-items:center;
    padding:0 10px;
    border-radius:999px;
    color:rgba(154,232,255,.82);
    background:rgba(154,232,255,.08);
    border:1px solid rgba(154,232,255,.13);
    font-size:11px;
    font-weight:790;
    text-transform:uppercase;
    letter-spacing:0;
}
.impact-before .impact-panel-label{
    color:rgba(226,236,255,.62);
    background:rgba(255,255,255,.045);
    border-color:rgba(255,255,255,.08);
}
.impact-panel h3{
    margin:18px 0 18px;
    color:#fff;
    font-size:28px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:0;
}
.impact-panel ul,
.investment-card ul{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    gap:12px;
}
.impact-panel li,
.investment-card li{
    position:relative;
    padding-left:24px;
    color:rgba(226,236,255,.70);
    font-size:15px;
    line-height:1.48;
}
.impact-panel li::before,
.investment-card li::before{
    content:'';
    position:absolute;
    left:0;
    top:.64em;
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(154,232,255,.78);
    box-shadow:0 0 16px rgba(154,232,255,.28);
}
.impact-before li::before{
    background:rgba(226,236,255,.34);
    box-shadow:none;
}
.impact-core{
    min-height:100%;
    display:grid;
    place-items:center;
    align-content:center;
    gap:8px;
    position:relative;
    border:1px solid rgba(154,232,255,.16);
    border-radius:18px;
    background:rgba(5,8,18,.42);
    overflow:hidden;
}
.impact-core::before{
    content:'';
    position:absolute;
    inset:14px;
    border:1px solid rgba(154,232,255,.10);
    border-radius:16px;
    background:
        linear-gradient(90deg,rgba(154,232,255,.045) 1px,transparent 1px),
        linear-gradient(180deg,rgba(154,232,255,.035) 1px,transparent 1px);
    background-size:28px 28px;
    mask-image:radial-gradient(ellipse at center,#000 0,transparent 72%);
    opacity:.74;
}
.impact-core-ring{
    width:132px;
    height:132px;
    border-radius:50%;
    border:1px solid rgba(154,232,255,.38);
    box-shadow:0 0 40px rgba(154,232,255,.18),inset 0 0 38px rgba(168,85,247,.16);
    position:relative;
}
.impact-core-ring::before,
.impact-core-ring::after{
    content:'';
    position:absolute;
    inset:16px;
    border-radius:50%;
    border:1px solid rgba(59,218,166,.26);
    animation:impactRingPulse 3.6s var(--hello-ease) infinite;
}
.impact-core-ring::after{
    inset:34px;
    border-color:rgba(168,85,247,.25);
    animation-delay:.55s;
}
@keyframes impactRingPulse{
    50%{transform:scale(.92);opacity:.58}
}
.impact-core span,
.impact-core small,
.impact-core em{
    position:relative;
    z-index:1;
    text-align:center;
}
.impact-core span{
    color:#fff;
    font-size:20px;
    font-weight:820;
}
.impact-core small{
    color:rgba(154,232,255,.70);
    font-size:11px;
    font-weight:760;
    text-transform:uppercase;
    letter-spacing:0;
}
.impact-core em{
    width:min(168px,80%);
    color:rgba(226,236,255,.60);
    font-size:11px;
    font-style:normal;
    font-weight:650;
    line-height:1.32;
}
.impact-pillars{
    margin-top:18px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.impact-pillar{
    min-width:0;
    padding:24px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(6,10,22,.58);
    box-shadow:0 20px 70px rgba(0,0,0,.24);
    opacity:0;
    transform:translateY(20px);
    transition:opacity .72s var(--hello-ease),transform .72s var(--hello-ease),border-color .25s var(--hello-ease);
}
.hello-experience.impact-visible .impact-pillar{
    opacity:1;
    transform:translateY(0);
}
.hello-experience.impact-visible .impact-pillar:nth-child(2){transition-delay:.06s}
.hello-experience.impact-visible .impact-pillar:nth-child(3){transition-delay:.12s}
.impact-pillar span{
    display:block;
    margin-bottom:18px;
    color:rgba(154,232,255,.58);
    font-size:12px;
    font-weight:820;
}
.impact-pillar h3{
    margin:0;
    color:#fff;
    font-size:24px;
    line-height:1.12;
    font-weight:800;
}
.impact-pillar p{
    margin:14px 0 0;
    color:rgba(226,236,255,.68);
    font-size:15px;
    line-height:1.58;
}
.hello-noah{
    text-align:center;
}
.hello-noah-copy{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.hello-noah-copy p{
    margin-left:auto;
    margin-right:auto;
}
.hello-noah-brain-wrap{
    width:min(560px,72vw);
    aspect-ratio:1;
    margin:118px auto 74px;
    position:relative;
    z-index:2;
    opacity:0;
    transform:translateY(30px) scale(.96);
    transition:opacity .9s var(--hello-ease),transform .9s var(--hello-ease);
}
.hello-experience.noah-visible .hello-noah-brain-wrap{
    opacity:1;
    transform:translateY(0) scale(1);
}
.hello-noah-brain-inner{
    position:absolute;
    inset:0;
    border-radius:50%;
    overflow:hidden;
    filter:drop-shadow(0 0 42px rgba(59,218,166,.16));
    animation:helloNoahPulse 4s ease-in-out infinite;
}
.hello-noah-brain-inner svg{
    width:100%;
    height:100%;
    display:block;
    animation:helloNoahSpin 64s linear infinite;
}
.hello-noah-ring{
    position:absolute;
    inset:-30px;
    border-radius:50%;
    border:1px solid rgba(154,232,255,.14);
    box-shadow:0 0 66px rgba(59,218,166,.05);
    animation:helloNoahSpin 42s linear infinite;
}
.hello-noah-ring-2{
    inset:-66px;
    border-color:rgba(168,85,247,.12);
    animation-duration:32s;
    animation-direction:reverse;
}
.hello-noah-ring-3{
    inset:-102px;
    border-color:rgba(154,232,255,.07);
    animation-duration:54s;
}
.hello-noah-label{
    position:absolute;
    left:50%;
    top:50%;
    z-index:2;
    transform:translate(-50%,-50%);
    text-align:center;
    pointer-events:none;
}
.hello-noah-label h3{
    margin:0;
    color:#fff;
    font-size:clamp(34px,6vw,48px);
    line-height:1;
    font-weight:860;
    text-shadow:0 0 46px rgba(59,218,166,.18);
}
.hello-noah-label p{
    margin:9px 0 0;
    color:rgba(154,232,255,.72);
    font-size:12px;
    font-weight:780;
    text-transform:uppercase;
    letter-spacing:0;
}
.hello-noah-node{
    position:absolute;
    z-index:3;
    min-height:38px;
    padding:9px 16px;
    display:flex;
    align-items:center;
    gap:8px;
    border:1px solid rgba(180,205,255,.16);
    border-radius:999px;
    background:rgba(8,12,24,.58);
    backdrop-filter:blur(20px) saturate(1.4);
    -webkit-backdrop-filter:blur(20px) saturate(1.4);
    color:rgba(226,236,255,.84);
    font-size:13px;
    font-weight:740;
    white-space:nowrap;
    opacity:0;
    transform:translateY(14px);
    transition:opacity .62s var(--hello-ease),transform .62s var(--hello-ease),border-color .24s var(--hello-ease);
    pointer-events:none;
}
.hello-noah-node svg{
    width:16px;
    height:16px;
    color:var(--hello-cyan);
    opacity:.78;
}
.hello-experience.noah-visible .hello-noah-node{
    opacity:1;
    transform:translateY(0);
}
.hello-experience.noah-visible .hnn2{transition-delay:.05s}
.hello-experience.noah-visible .hnn3{transition-delay:.10s}
.hello-experience.noah-visible .hnn4{transition-delay:.15s}
.hello-experience.noah-visible .hnn5{transition-delay:.20s}
.hello-experience.noah-visible .hnn6{transition-delay:.25s}
.hnn1{top:-6%;left:50%;transform:translate(-50%,14px)}
.hnn2{top:14%;right:-18%}
.hnn3{bottom:14%;right:-18%}
.hnn4{bottom:-6%;left:50%;transform:translate(-50%,14px)}
.hnn5{top:14%;left:-18%}
.hnn6{bottom:14%;left:-18%}
.hello-experience.noah-visible .hnn1,
.hello-experience.noah-visible .hnn4{
    transform:translate(-50%,0);
}
.hello-noah-capabilities{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    max-width:980px;
    margin:0 auto;
}
.hello-noah-cap-card{
    min-width:0;
    padding:24px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(6,10,22,.58);
    box-shadow:0 20px 70px rgba(0,0,0,.24);
    text-align:left;
    opacity:0;
    transform:translateY(22px);
    transition:opacity .72s var(--hello-ease),transform .72s var(--hello-ease),border-color .25s var(--hello-ease);
}
.hello-experience.noah-visible .hello-noah-cap-card{
    opacity:1;
    transform:translateY(0);
}
.hello-experience.noah-visible .hello-noah-cap-card:nth-child(2){transition-delay:.07s}
.hello-experience.noah-visible .hello-noah-cap-card:nth-child(3){transition-delay:.14s}
.hello-noah-cap-card span{
    display:block;
    margin-bottom:18px;
    color:rgba(154,232,255,.58);
    font-size:12px;
    font-weight:820;
}
.hello-noah-cap-card h3{
    margin:0;
    color:#fff;
    font-size:22px;
    line-height:1.12;
    font-weight:800;
}
.hello-noah-cap-card p{
    margin:14px 0 0;
    color:rgba(226,236,255,.68);
    font-size:15px;
    line-height:1.58;
}
@keyframes helloNoahSpin{
    to{transform:rotate(360deg)}
}
@keyframes helloNoahPulse{
    50%{filter:drop-shadow(0 0 76px rgba(59,218,166,.28))}
}
.investment-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.investment-card{
    min-width:0;
    padding:28px;
    border:1px solid rgba(180,205,255,.12);
    border-radius:18px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
        rgba(7,11,23,.64);
    box-shadow:0 30px 96px rgba(0,0,0,.30);
    opacity:0;
    transform:translateY(26px);
    transition:opacity .78s var(--hello-ease),transform .78s var(--hello-ease),border-color .25s var(--hello-ease),box-shadow .25s var(--hello-ease);
}
.hello-experience.investment-visible .investment-card{
    opacity:1;
    transform:translateY(0);
}
.hello-experience.investment-visible .investment-next{
    opacity:1;
    transform:translateY(0);
}
.hello-experience.investment-visible .investment-card:nth-child(2){transition-delay:.06s}
.hello-experience.investment-visible .investment-card:nth-child(3){transition-delay:.12s}
.investment-card.is-featured{
    border-color:rgba(154,232,255,.32);
    background:
        linear-gradient(180deg,rgba(154,232,255,.075),rgba(168,85,247,.035)),
        rgba(7,11,23,.72);
    box-shadow:0 34px 110px rgba(0,0,0,.34),0 0 92px rgba(154,232,255,.09);
}
.investment-card-head{
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:28px;
}
.investment-card-head span{
    color:#fff;
    font-size:22px;
    font-weight:820;
    line-height:1.1;
}
.investment-card-head strong{
    flex:0 0 auto;
    min-height:28px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    color:rgba(154,232,255,.82);
    background:rgba(154,232,255,.08);
    border:1px solid rgba(154,232,255,.14);
    font-size:10px;
    line-height:1;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:0;
}
.investment-price{
    display:grid;
    gap:6px;
    margin-bottom:20px;
}
.investment-price small,
.investment-price span{
    color:rgba(226,236,255,.54);
    font-size:12px;
    font-weight:740;
    text-transform:uppercase;
    letter-spacing:0;
}
.investment-price strong{
    color:#fff;
    font-size:clamp(34px,3.2vw,48px);
    line-height:1;
    font-weight:840;
    letter-spacing:0;
}
.investment-card p{
    min-height:76px;
    margin:0 0 22px;
    color:rgba(226,236,255,.70);
    font-size:15px;
    line-height:1.6;
}
.investment-credits{
    min-height:42px;
    margin-bottom:20px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    color:rgba(4,14,18,.96);
    background:linear-gradient(120deg,rgba(154,232,255,.94),rgba(59,218,166,.88));
    font-size:13px;
    font-weight:820;
}
.investment-next{
    margin-top:28px;
    min-height:300px;
    padding:34px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.62fr);
    gap:28px;
    align-items:stretch;
    position:relative;
    overflow:hidden;
    border:1px solid rgba(154,232,255,.18);
    border-radius:20px;
    background:
        radial-gradient(ellipse 620px 340px at 18% 12%,rgba(154,232,255,.12),transparent 72%),
        radial-gradient(ellipse 540px 320px at 88% 68%,rgba(168,85,247,.13),transparent 72%),
        linear-gradient(135deg,rgba(255,255,255,.068),rgba(255,255,255,.020)),
        rgba(5,8,18,.68);
    box-shadow:0 34px 120px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);
    opacity:0;
    transform:translateY(28px);
    transition:opacity .84s var(--hello-ease),transform .84s var(--hello-ease),border-color .32s var(--hello-ease);
}
.investment-next::before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(154,232,255,.045) 1px,transparent 1px),
        linear-gradient(180deg,rgba(154,232,255,.032) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:radial-gradient(ellipse at 68% 42%,#000 0,transparent 72%);
    opacity:.58;
}
.investment-next::after{
    content:'';
    position:absolute;
    left:34px;
    right:34px;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(154,232,255,.62),rgba(59,218,166,.46),transparent);
    opacity:.65;
}
.investment-next-copy,
.investment-next-panel{
    position:relative;
    z-index:1;
}
.investment-next-copy{
    display:flex;
    min-width:0;
    flex-direction:column;
    justify-content:center;
}
.investment-next-kicker{
    width:max-content;
    max-width:100%;
    min-height:30px;
    padding:0 11px;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    color:rgba(154,232,255,.84);
    background:rgba(154,232,255,.08);
    border:1px solid rgba(154,232,255,.16);
    font-size:11px;
    font-weight:820;
    text-transform:uppercase;
    letter-spacing:0;
}
.investment-next h3{
    margin:20px 0 0;
    max-width:720px;
    color:#fff;
    font-size:clamp(32px,4vw,54px);
    line-height:1.03;
    font-weight:835;
    letter-spacing:0;
}
.investment-next p{
    margin:18px 0 0;
    max-width:680px;
    color:rgba(226,236,255,.72);
    font-size:16px;
    line-height:1.66;
}
.investment-next-panel{
    min-width:0;
    padding:24px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:22px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(5,8,18,.56);
    backdrop-filter:blur(18px) saturate(1.32);
    -webkit-backdrop-filter:blur(18px) saturate(1.32);
}
.investment-next-signal{
    height:76px;
    display:flex;
    align-items:center;
    gap:10px;
}
.investment-next-signal span{
    flex:1 1 0;
    height:2px;
    position:relative;
    border-radius:999px;
    background:rgba(154,232,255,.18);
    overflow:hidden;
}
.investment-next-signal span::before{
    content:'';
    position:absolute;
    inset:0;
    transform:translateX(-62%);
    background:linear-gradient(90deg,transparent,rgba(154,232,255,.94),rgba(59,218,166,.72),transparent);
    animation:investmentSignal 3.8s var(--hello-ease) infinite;
}
.investment-next-signal span:nth-child(2)::before{animation-delay:.28s}
.investment-next-signal span:nth-child(3)::before{animation-delay:.56s}
@keyframes investmentSignal{
    0%{transform:translateX(-88%)}
    56%,100%{transform:translateX(88%)}
}
.investment-next-points{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    gap:12px;
}
.investment-next-points li{
    position:relative;
    padding-left:25px;
    color:rgba(226,236,255,.72);
    font-size:14px;
    line-height:1.45;
}
.investment-next-points li::before{
    content:'';
    position:absolute;
    left:0;
    top:.58em;
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(59,218,166,.88);
    box-shadow:0 0 18px rgba(59,218,166,.30);
}
.investment-next-link{
    min-height:54px;
    padding:0 18px 0 20px;
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    align-self:stretch;
    border-radius:12px;
    color:#041018;
    background:linear-gradient(120deg,var(--hello-cyan),var(--hello-green));
    box-shadow:0 22px 54px rgba(59,218,166,.18),0 0 38px rgba(154,232,255,.10);
    font-size:15px;
    font-weight:840;
    transition:transform .24s var(--hello-ease),box-shadow .24s var(--hello-ease),filter .24s var(--hello-ease);
}
.investment-next-link:hover{
    transform:translateY(-2px);
    filter:saturate(1.08);
    box-shadow:0 26px 68px rgba(59,218,166,.24),0 0 46px rgba(154,232,255,.14);
}
.investment-next-link svg{
    width:19px;
    height:19px;
    flex:0 0 auto;
    fill:none;
    stroke:currentColor;
    stroke-width:2.1;
    stroke-linecap:round;
    stroke-linejoin:round;
}

@media(max-width:900px){
    .hello-topbar{height:62px;padding:0 18px}
    .hello-brand img{height:27px}
    .hello-intro-scroll{height:132svh;min-height:760px}
    .hello-stage{padding:82px 14px 34px}
    .hello-core-shell{width:100%;height:76svh;min-height:460px}
    .hello-core-label p{font-size:14px}
    .hello-play{top:calc(50% + 98px)}
    .hello-intro-controls{bottom:62px}
    .hello-control{min-height:32px;padding:0 11px}
    .hello-word-stage{top:29%;width:min(92vw,760px)}
    .hello-word-stage small{font-size:15px}
    .hello-progress{bottom:22px}
    .hello-intro-scroll{height:134svh;min-height:780px}
    .hello-solution{
        margin-top:-20svh;
        padding:calc(20svh + 90px) 0 78px;
    }
    .hello-solution::before{
        background:
            linear-gradient(180deg,rgba(5,7,16,.01) 0%,rgba(6,8,18,.26) 38%,rgba(5,7,16,.68) 100%),
            radial-gradient(ellipse 540px 390px at 72% 18%,rgba(19,159,255,.10),transparent 66%),
            radial-gradient(ellipse 420px 340px at 18% 62%,rgba(168,85,247,.08),transparent 68%);
    }
    .hello-solution-inner{
        width:100%;
        padding:0 18px;
    }
    .hello-solution-copy{
        margin-bottom:26px;
    }
    .hello-solution-showcase{
        display:block;
        margin:0 -18px;
    }
    .solution-preview{
        display:none;
    }
    .solution-cards{
        display:flex;
        grid-template-columns:none;
        gap:14px;
        overflow-x:auto;
        overflow-y:hidden;
        padding:6px 18px 18px;
        scroll-snap-type:x mandatory;
        scroll-padding-inline:18px;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
        mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
    }
    .solution-cards::-webkit-scrollbar{
        display:none;
    }
    .solution-card{
        flex:0 0 min(84vw,390px);
        min-height:518px;
        padding:0 0 22px;
        border-radius:18px;
        scroll-snap-align:center;
        display:flex;
        flex-direction:column;
        opacity:1;
        transform:none;
        background:
            linear-gradient(180deg,rgba(10,16,31,.76),rgba(7,10,20,.88)),
            rgba(8,12,24,.68);
        box-shadow:0 28px 90px rgba(0,0,0,.38),0 0 70px rgba(19,159,255,.05);
    }
    .hello-experience.solution-visible .solution-card,
    .hello-experience.solution-visible .solution-card:nth-child(n){
        opacity:1;
        transform:none;
        transition-delay:0s;
    }
    .solution-card.is-active{
        border-color:rgba(154,232,255,.44);
        box-shadow:0 32px 100px rgba(0,0,0,.46),0 0 90px rgba(19,159,255,.10);
    }
    .solution-card-shot{
        display:block;
        height:252px;
        position:relative;
        overflow:hidden;
        border-bottom:1px solid rgba(255,255,255,.08);
        background:rgba(0,0,0,.38);
    }
    .solution-card-shot::after{
        content:'';
        position:absolute;
        inset:0;
        pointer-events:none;
        background:
            linear-gradient(180deg,rgba(5,7,16,.02),transparent 40%,rgba(5,7,16,.56)),
            radial-gradient(circle at 24% 16%,rgba(154,232,255,.14),transparent 36%);
        box-shadow:inset 0 -70px 94px rgba(0,0,0,.42);
    }
    .solution-card-shot img{
        width:100%;
        height:100%;
        display:block;
        object-fit:cover;
        object-position:top left;
        opacity:.94;
        transform:scale(1.02);
        filter:saturate(1.04) contrast(1.03);
    }
    .solution-card-icon{
        width:42px;
        height:42px;
        margin:18px 20px 14px;
        border-radius:12px;
        background:rgba(154,232,255,.10);
    }
    .solution-card > span{
        top:18px;
        right:18px;
        z-index:2;
        padding:5px 8px;
        border-radius:999px;
        color:rgba(245,248,255,.70);
        background:rgba(5,8,18,.58);
        border:1px solid rgba(255,255,255,.10);
        backdrop-filter:blur(12px);
        -webkit-backdrop-filter:blur(12px);
    }
    .solution-card h3{
        padding:0 20px;
        font-size:22px;
        line-height:1.12;
    }
    .solution-card p{
        padding:0 20px;
        margin-top:2px;
        color:rgba(226,236,255,.68);
        font-size:15px;
        line-height:1.58;
    }
    .solution-swipe-dots{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        margin:0 0 24px;
        padding:2px 18px 0;
    }
    .solution-swipe-dots button{
        width:24px;
        height:3px;
        padding:0;
        border-radius:999px;
        background:rgba(226,236,255,.18);
        cursor:pointer;
        transition:width .3s var(--hello-ease),background .3s var(--hello-ease),box-shadow .3s var(--hello-ease);
    }
    .solution-swipe-dots button.is-active{
        width:38px;
        background:rgba(154,232,255,.82);
        box-shadow:0 0 18px rgba(154,232,255,.22);
    }
    .solution-shot-rail{
        display:none;
    }
    .hello-flow-strip{
        display:none;
    }
    .hello-actions{
        padding:92px 0 88px;
    }
    .hello-actions-inner{
        width:100%;
        padding:0 18px;
    }
    .hello-actions-copy{
        margin-bottom:26px;
    }
    .mini-lab{
        margin:0 -18px;
        border-left:0;
        border-right:0;
        border-radius:0;
    }
    .mini-lab-switch{
        padding:10px 18px;
        overflow-x:auto;
        scrollbar-width:none;
    }
    .mini-lab-switch::-webkit-scrollbar{
        display:none;
    }
    .mini-lab-switch button{
        flex:1 0 auto;
    }
    .mini-lab-grid{
        display:block;
        min-height:0;
    }
    .mini-controls{
        padding:20px 18px 16px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.08);
    }
    .mini-control-head{
        margin-bottom:18px;
    }
    .mini-control-head span{
        font-size:21px;
    }
    .mini-actions-row{
        grid-template-columns:1fr 1fr;
    }
    .mini-preview-top{
        height:48px;
        padding:0 18px;
    }
    .mini-output{
        min-height:0;
        padding:18px;
    }
    .mini-output-status{
        top:15px;
        right:16px;
    }
    .mini-article-layout{
        display:block;
        min-height:0;
    }
    .mini-article-main{
        padding:28px 22px 24px;
        border-radius:14px;
    }
    .mini-article-main h3{
        font-size:32px;
    }
    .mini-article-main p{
        font-size:15px;
        line-height:1.64;
    }
    .mini-seo-panel{
        margin-top:12px;
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-template-rows:none;
        gap:8px;
    }
    .mini-seo-panel div{
        padding:13px;
    }
    .mini-seo-panel strong{
        font-size:12px;
        line-height:1.25;
    }
    #miniArticleScore{
        font-size:24px;
    }
    .mini-serp-preview{
        padding:18px;
    }
    .mini-social-layout{
        display:block;
    }
    .mini-social-creative{
        min-height:430px;
        padding:28px 24px;
        border-radius:16px;
    }
    .mini-social-creative strong{
        font-size:38px;
    }
    .mini-social-copy{
        margin-top:14px;
        padding:22px;
        border-radius:14px;
    }
    .mini-pdf-layout{
        display:block;
    }
    .mini-pdf-frame{
        min-height:430px;
        padding:16px;
    }
    .mini-pdf-preview-link{
        min-height:398px;
    }
    .mini-pdf-preview-link img{
        max-height:398px;
    }
    .mini-pdf-meta{
        margin-top:14px;
        padding:22px;
        border-radius:14px;
    }
    .mini-pdf-meta h3{
        font-size:25px;
    }
    .mini-social-copy p{
        font-size:15px;
        line-height:1.62;
    }
    .hello-impact,
    .hello-noah,
    .hello-investment{
        padding:92px 0 96px;
    }
    .hello-impact-inner,
    .hello-noah-inner,
    .hello-investment-inner{
        width:100%;
        padding:0 18px;
    }
    .hello-impact-copy,
    .hello-noah-copy,
    .hello-investment-copy{
        margin-bottom:28px;
    }
    .hello-impact-copy p,
    .hello-noah-copy p,
    .hello-investment-copy p{
        font-size:15px;
        line-height:1.62;
    }
    .impact-system{
        display:flex;
        gap:14px;
        margin:0 -18px;
        padding:6px 18px 18px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        scroll-padding-inline:18px;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
        mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
    }
    .impact-system::-webkit-scrollbar{
        display:none;
    }
    .impact-panel,
    .impact-core{
        flex:0 0 min(84vw,390px);
        scroll-snap-align:center;
    }
    .impact-panel{
        min-height:390px;
        padding:24px;
    }
    .impact-core{
        min-height:390px;
    }
    .impact-pillars{
        display:flex;
        gap:14px;
        margin:2px -18px 0;
        padding:6px 18px 12px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        scroll-padding-inline:18px;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
        mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
    }
    .impact-pillars::-webkit-scrollbar{
        display:none;
    }
    .impact-pillar{
        flex:0 0 min(82vw,360px);
        scroll-snap-align:center;
    }
    .hello-noah-brain-wrap{
        width:min(430px,78vw);
        margin:96px auto 56px;
    }
    .hello-noah-ring{
        inset:-22px;
    }
    .hello-noah-ring-2{
        inset:-48px;
    }
    .hello-noah-ring-3{
        inset:-72px;
    }
    .hello-noah-node{
        min-height:34px;
        padding:8px 12px;
        font-size:12px;
    }
    .hello-noah-node svg{
        width:14px;
        height:14px;
    }
    .hnn2,
    .hnn3{
        right:-12%;
    }
    .hnn5,
    .hnn6{
        left:-12%;
    }
    .hello-noah-capabilities{
        display:flex;
        gap:14px;
        margin:0 -18px;
        padding:6px 18px 14px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        scroll-padding-inline:18px;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
        mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
    }
    .hello-noah-capabilities::-webkit-scrollbar{
        display:none;
    }
    .hello-noah-cap-card{
        flex:0 0 min(82vw,360px);
        scroll-snap-align:center;
    }
    .investment-grid{
        display:flex;
        gap:14px;
        margin:0 -18px;
        padding:6px 18px 18px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        scroll-padding-inline:18px;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
        mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
    }
    .investment-grid::-webkit-scrollbar{
        display:none;
    }
    .investment-card{
        flex:0 0 min(86vw,390px);
        padding:24px;
        scroll-snap-align:center;
    }
    .investment-card p{
        min-height:0;
    }
    .investment-next{
        min-height:0;
        margin-top:18px;
        padding:24px;
        grid-template-columns:1fr;
        gap:22px;
        border-radius:16px;
    }
    .investment-next h3{
        font-size:clamp(31px,8.8vw,42px);
    }
    .investment-next p{
        font-size:15px;
        line-height:1.62;
    }
    .investment-next-panel{
        padding:20px;
        border-radius:14px;
    }
    .investment-next-signal{
        height:48px;
    }
}

@media(max-width:560px){
    .gate-panel{padding:26px}
    .gate-panel h1{font-size:34px}
    .gate-code-grid{gap:8px}
    .gate-code-digit{height:58px;font-size:27px;border-radius:12px}
    .hello-status{display:none}
    .hello-topbar-actions{gap:0}
    .hello-locale-nav{gap:2px;padding:3px}
    .hello-locale-nav a{min-width:27px;height:25px;padding:0 6px;font-size:9px}
    .gate-locale-nav{margin-bottom:20px}
    .hello-core-shell{min-height:420px}
    .hello-play{top:calc(50% + 88px);height:46px;min-width:146px}
    .hello-intro-controls{bottom:58px}
    .hello-control span{font-size:11px}
    .hello-word-stage{top:28%;min-height:120px}
    .hello-word-stage small{font-size:14px}
    .hello-progress span{width:22px}
    .hello-solution h2{font-size:34px}
    .hello-solution-copy p{font-size:15px}
    .solution-card{
        flex-basis:86vw;
        min-height:500px;
        padding:0 0 22px;
    }
    .solution-card-shot{height:232px}
    .solution-card h3{font-size:21px}
    .solution-card p{font-size:14px}
    .hello-actions h2{font-size:34px}
    .hello-actions-copy p{font-size:15px}
    .hello-impact h2,
    .hello-noah h2,
    .hello-investment h2{font-size:34px}
    .impact-panel h3{font-size:24px}
    .impact-core-ring{
        width:118px;
        height:118px;
    }
    .impact-panel li,
    .investment-card li{
        font-size:14px;
    }
    .impact-pillar h3{
        font-size:22px;
    }
    .hello-noah-brain-wrap{
        width:min(310px,76vw);
        margin:82px auto 50px;
    }
    .hello-noah-ring{
        inset:-16px;
    }
    .hello-noah-ring-2{
        inset:-34px;
    }
    .hello-noah-ring-3{
        inset:-52px;
    }
    .hello-noah-label h3{
        font-size:32px;
    }
    .hello-noah-label p{
        font-size:11px;
    }
    .hello-noah-node{
        min-height:31px;
        padding:7px 10px;
        font-size:11px;
    }
    .hnn1{top:-8%}
    .hnn4{bottom:-8%}
    .hnn2,
    .hnn3{
        right:-8%;
    }
    .hnn5,
    .hnn6{
        left:-8%;
    }
    .hello-noah-cap-card h3{
        font-size:21px;
    }
    .investment-card-head span{
        font-size:21px;
    }
    .investment-price strong{
        font-size:35px;
    }
    .investment-card{
        flex-basis:87vw;
    }
    .investment-next{
        padding:22px;
    }
    .investment-next h3{
        font-size:30px;
    }
    .investment-next-link{
        min-height:52px;
    }
    .mini-field input{
        height:54px;
        font-size:16px;
    }
    .mini-preset-row{
        flex-wrap:nowrap;
        overflow-x:auto;
        padding-bottom:2px;
        scrollbar-width:none;
    }
    .mini-preset-row::-webkit-scrollbar{
        display:none;
    }
    .mini-preset-row button{
        flex:0 0 auto;
    }
    .mini-actions-row{
        gap:8px;
    }
    .mini-primary,
    .mini-secondary{
        min-height:46px;
        font-size:13px;
    }
    .mini-article-main h3{
        font-size:29px;
    }
    .mini-seo-panel{
        grid-template-columns:1fr;
    }
    .mini-social-creative{
        min-height:390px;
    }
    .mini-social-creative strong{
        font-size:34px;
    }
    .mini-pdf-frame{
        min-height:390px;
        padding:14px;
    }
    .mini-pdf-preview-link{
        min-height:356px;
    }
    .mini-pdf-preview-link img{
        max-height:356px;
    }
}

@media(max-width:760px){
    .hello-body input[type="text"],
    .hello-body input[type="search"],
    .hello-body input[type="email"],
    .hello-body input[type="url"],
    .hello-body input[type="tel"],
    .hello-body input[type="number"],
    .hello-body textarea,
    .hello-body select{
        font-size:16px;
    }
    .hello-body .gate-code-digit{
        font-size:27px;
    }
}

@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}