:root{color-scheme:light;--navy:#0b1733;--blue:#1689f7;--ink:#132343;--muted:#586779;--line:#dbe4ef;--pale:#f3f7fc;--white:#fff;font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);line-height:1.55}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip-link{position:absolute;top:-100px;left:10px;z-index:20;background:var(--navy);color:white;padding:8px 12px}.skip-link:focus{top:10px}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{height:76px;border-bottom:1px solid var(--line);background:#fff}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.studio-brand{display:inline-flex;align-items:center;gap:11px;font-size:15px;font-weight:800;letter-spacing:-.035em;white-space:nowrap}.studio-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--navy);color:#fff;font-size:15px}.brand-divider{color:#a7b5c6;padding:0 7px;font-weight:400}.nav-link{font-size:13px;font-weight:700;color:#52627a;white-space:nowrap}.nav-link span{margin-left:4px;color:var(--blue)}.nav-link:hover,.footer-inner a:hover{color:var(--blue)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-weight:850;letter-spacing:.15em;font-size:11px}.eyebrow-line{width:24px;height:2px;background:var(--blue)}.accent-blue{color:var(--blue)}.portal-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px;min-height:600px;padding-block:75px}.portal-copy h1,.product-copy h1{font-size:clamp(49px,5.6vw,78px);line-height:1.12;letter-spacing:-.07em;margin:23px 0 20px;font-weight:850;word-break:keep-all}.portal-copy p,.product-copy>p{font-size:18px;line-height:1.75;color:var(--muted);max-width:540px;word-break:keep-all}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--navy);color:white;padding:15px 20px;border-radius:11px;font-size:14px;font-weight:750;min-width:154px;transition:transform .2s,background .2s}.primary-link:hover{transform:translateY(-2px);background:#233e71}.primary-link span{font-size:18px}.portal-copy .primary-link{margin-top:25px}.portal-visual{min-height:430px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,#eaf5ff,#f2f4fc 56%,#dcecff)}.visual-ring{position:absolute;border:1px solid #d4e1f5;border-radius:50%}.visual-ring-one{width:470px;height:470px}.visual-ring-two{width:320px;height:320px}.portal-icon-card{position:relative;width:205px;height:205px;background:#fff;padding:18px;border-radius:36px;box-shadow:0 25px 65px #112b6140;transform:rotate(-7deg)}.portal-icon-card img{width:100%;border-radius:29px}.visual-label{position:absolute;right:26px;bottom:24px;color:#476185;font-size:11px;font-weight:900;letter-spacing:.15em}.visual-label span{margin-left:8px;color:#9aacc3}.apps-section{background:var(--pale);padding:94px 0 108px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:28px}.section-heading h2{margin:11px 0 0;font-size:clamp(29px,3.4vw,42px);line-height:1.25;letter-spacing:-.06em}.section-heading>p{margin:0 0 6px;color:var(--muted);font-size:14px}.app-card{display:grid;grid-template-columns:106px 1fr auto;align-items:center;gap:28px;padding:32px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 15px 40px #152d570c;transition:transform .2s,box-shadow .2s}.app-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px #152d5719}.app-card-icon{width:106px;height:106px;border-radius:22px;overflow:hidden}.app-card-icon img{display:block;width:100%}.card-kicker{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.09em}.app-card h3{margin:4px 0 3px;font-size:27px;letter-spacing:-.055em}.app-card p{margin:0;color:var(--muted);font-size:15px}.app-card-arrow{display:grid;place-items:center;width:48px;height:48px;background:#e6f3ff;color:var(--blue);border-radius:50%;font-size:23px}.site-footer{border-top:1px solid var(--line);padding:30px 0 38px;color:#76849a;font-size:13px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner a{font-weight:700;color:#405374}.footer-inner a span{color:var(--blue)}.product-hero{overflow:hidden;background:radial-gradient(circle at 80% 50%,#eaf4ff 0,#fff 52%)}.product-hero-grid{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:30px;min-height:620px;padding-block:64px}.product-identity{display:flex;align-items:center;gap:16px;margin-top:26px;font-size:19px;font-weight:850;letter-spacing:-.055em}.product-identity img{width:55px;height:55px;border-radius:13px}.product-copy h1{font-size:clamp(45px,5.1vw,70px);margin-top:28px}.product-copy>p{max-width:565px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:31px}.availability-note{color:#73829a;font-size:12px}.hero-shot{position:relative;display:grid;place-items:center;min-height:520px}.hero-shot-glow{position:absolute;width:390px;height:390px;background:#c6e5ff;border-radius:50%;filter:blur(42px);opacity:.65}.hero-shot img{position:relative;width:min(390px,95%);filter:drop-shadow(0 24px 30px #0b173326)}.workflow-section{padding:90px 0 98px;border-top:1px solid var(--line)}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.workflow-item{padding:27px 23px 30px;border:1px solid var(--line);border-radius:17px;background:#fff;min-height:206px}.workflow-item span{font-size:12px;color:var(--blue);font-weight:850}.workflow-item h3{font-size:18px;letter-spacing:-.04em;margin:27px 0 8px}.workflow-item p{color:var(--muted);font-size:13px;margin:0;line-height:1.7;word-break:keep-all}.screens-section{background:var(--pale);padding:92px 0 110px}.screens-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.screen-card{margin:0;padding:10px 10px 16px;background:#fff;border:1px solid #e1e9f1;border-radius:17px;overflow:hidden}.screen-card img{display:block;width:100%;border-radius:10px;background:white}.screen-card figcaption{font-size:13px;font-weight:800;letter-spacing:-.03em;margin:11px 6px 0}.screen-card figcaption span{font-size:11px;color:var(--blue);margin-right:5px}.brand-section{padding:75px 0 95px}.brand-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:45px}.brand-grid h2{font-size:38px;letter-spacing:-.06em;margin:13px 0}.brand-grid p{color:var(--muted);font-size:15px;line-height:1.8;word-break:keep-all}.brand-art{border:1px solid var(--line);border-radius:20px;overflow:hidden}.brand-art img{display:block;width:100%}@media(max-width:920px){.portal-hero,.product-hero-grid{grid-template-columns:1fr}.portal-hero{padding-block:65px;gap:38px}.portal-visual{min-height:345px}.product-hero-grid{padding-block:64px;gap:5px}.hero-shot{min-height:450px}.workflow-grid{grid-template-columns:repeat(2,1fr)}.screens-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.screen-card{flex:0 0 230px;scroll-snap-align:start}.brand-grid{grid-template-columns:1fr}}@media(max-width:560px){.container{width:min(100% - 36px,1180px)}.site-header{height:68px}.studio-brand{font-size:13px;gap:7px}.studio-symbol{width:29px;height:29px}.nav-link{font-size:12px}.portal-hero{padding-block:58px}.portal-copy h1,.product-copy h1{font-size:clamp(42px,11vw,58px)}.portal-copy p,.product-copy>p{font-size:16px}.portal-visual{min-height:280px}.portal-icon-card{width:165px;height:165px;padding:14px;border-radius:29px}.visual-ring-one{width:350px;height:350px}.visual-ring-two{width:250px;height:250px}.apps-section,.workflow-section,.screens-section{padding-block:65px 72px}.section-heading{display:block}.section-heading>p{margin-top:10px}.app-card{grid-template-columns:75px 1fr;gap:14px;padding:19px}.app-card-icon{width:75px;height:75px;border-radius:16px}.app-card h3{font-size:21px}.app-card p{font-size:13px}.app-card-arrow{display:none}.product-hero-grid{padding-block:58px 34px}.product-identity{font-size:17px}.product-identity img{width:48px;height:48px}.hero-shot{min-height:400px}.hero-shot img{width:min(315px,94%)}.workflow-grid{grid-template-columns:1fr}.workflow-item{min-height:0}.workflow-item h3{margin-top:17px}.brand-section{padding-block:62px 75px}.footer-inner{display:block}.footer-inner a{display:block;margin-top:9px}}
