@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}}:root{--ink:#20201e;--muted:#747477;--paper:#f5f5f7;--white:#fff;--coral:#ff3b30;--blue:#007aff;--orange:#ff9500;--line:#3c3c4329}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh;overflow:hidden}.site-header{z-index:10;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:88px;margin:0 auto;display:flex;position:relative}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-size:19px;font-weight:760;display:flex}.brand img,.footer-brand img{border-radius:11px;box-shadow:0 7px 18px #30281e1f}.language-link{border:1px solid var(--line);border-radius:999px;align-items:center;gap:9px;padding:10px 15px;font-size:13px;font-weight:680;transition:background .2s,transform .2s;display:flex}.language-link:hover{background:var(--white);transform:translateY(-1px)}.language-link>span{background:var(--coral);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e86f5b24}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:64px;width:min(1180px,100% - 48px);min-height:calc(100vh - 88px);margin:0 auto;padding:52px 0 100px;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{color:#a75a4d;letter-spacing:.09em;text-transform:uppercase;margin:0 0 29px;font-size:13px;font-weight:740}h1{letter-spacing:-.075em;margin:0;font-size:clamp(58px,5.9vw,88px);font-weight:770;line-height:.94}h1 span,h1 strong{display:block}h1 strong{color:var(--coral);margin-top:12px;font-family:inherit;font-weight:780}.hero-body{max-width:610px;color:var(--muted);letter-spacing:-.025em;word-break:keep-all;margin:36px 0 0;font-size:18px;line-height:1.75}.hero-actions{align-items:center;gap:25px;margin-top:32px;display:flex}.status-pill{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:10px;padding:14px 20px;font-size:13px;font-weight:690;display:inline-flex}.status-pill i{background:#eebd54;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #eebd5429}.hero-actions a{border-bottom:1px solid var(--ink);align-items:center;gap:9px;padding-bottom:3px;font-size:13px;font-weight:700;display:flex}.hero-actions a span{color:var(--coral)}.focus-visual{isolation:isolate;place-items:center;min-height:690px;display:grid;position:relative}.focus-visual:before{content:"";filter:blur(7px);z-index:-1;background:radial-gradient(circle,#ff3b3021,#007aff0d 55%,#0000 72%);border-radius:50%;width:470px;height:470px;position:absolute}.real-screen-badge{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#56565b;background:#ffffffdb;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;font-weight:650;display:flex;position:absolute;top:19px;right:28px;box-shadow:0 5px 18px #0000000f}.real-screen-badge i{background:#34c759;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #34c75924}.device-shell{background:#1c1c1e;border-radius:46px;width:306px;padding:7px;transform:rotate(1.5deg);box-shadow:0 40px 80px #00000038,0 0 0 1px #000000b3}.device-screen{aspect-ratio:1178/2556;background:#fff;border-radius:39px;width:100%;position:relative;overflow:hidden}.app-shot{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-shot-completion{opacity:0}.flow-chip{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#3c3c43;background:#ffffffe6;border-radius:14px;align-items:center;gap:10px;min-width:178px;padding:12px 14px;font-size:11px;font-weight:650;display:flex;position:absolute;box-shadow:0 12px 30px #0000001a}.flow-chip span{color:#fff;background:var(--coral);border-radius:7px;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.flow-chip-before{top:150px;left:-9px}.flow-chip-after{opacity:.32;bottom:112px;right:-16px}.flow-chip-after span{background:#34c759}.check{border:1.5px solid #ff3b30;border-radius:50%;width:25px;height:25px}.section-label{color:var(--coral);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:750}.problem{width:100%;color:var(--ink);background:#ededf2;padding:145px max(24px,50vw - 560px)}.problem-copy{max-width:790px}.problem-copy h2,.method-copy h2{letter-spacing:-.065em;word-break:keep-all;margin:20px 0 25px;font-size:clamp(44px,5.6vw,76px);font-weight:720;line-height:1.08}.problem-copy>p:last-child,.method-copy>p:last-child{max-width:650px;color:var(--muted);word-break:keep-all;margin:0;font-size:17px;line-height:1.8}.comparison{grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;margin-top:78px;display:grid}.before-list,.after-card{border-radius:18px;min-height:460px;padding:30px;position:relative;overflow:hidden}.before-list{border:1px solid var(--line);background:#ffffffb8}.after-card{color:#252522;background:#fff0ef;border:1.5px solid #ff3b305c;transform:rotate(.7deg);box-shadow:0 22px 50px #4628261a}.comparison-title{justify-content:space-between;align-items:center;font-size:12px;font-weight:720;display:flex}.comparison-title i{background:#7676801f;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.after-card .comparison-title{color:var(--coral)}.after-card .comparison-title i{background:#ff3b301a}.task-stack{opacity:.72;filter:blur(.25px);gap:8px;margin-top:25px;display:grid}.task-stack>div{color:#636366;background:#f2f2f7;border-radius:10px;grid-template-columns:18px 1fr auto;align-items:center;gap:11px;height:48px;padding:0 14px;font-size:11px;display:grid}.task-stack i{border:1px solid #aeaeb2;border-radius:50%;width:16px;height:16px}.task-stack small{color:#aeaeb2;letter-spacing:2px}.list-question{border-top:1px solid var(--line);color:var(--coral);padding-top:20px;font-size:18px;font-weight:680;position:absolute;bottom:25px;left:30px;right:30px}.comparison-arrow{color:var(--coral);font-size:28px}.after-card>p{letter-spacing:-.045em;margin:91px 0 22px;font-size:clamp(31px,3vw,42px);font-weight:730}.chosen-task{background:#fffffff0;border-radius:12px;grid-template-columns:28px 1fr;align-items:center;gap:13px;padding:20px;display:grid;box-shadow:0 8px 22px #4628261a}.chosen-task div{gap:5px;display:grid}.chosen-task strong{font-size:15px}.chosen-task small{color:#8c8982;font-size:10px}.method{grid-template-columns:.85fr 1.15fr;align-items:center;gap:100px;width:min(1120px,100% - 48px);margin:0 auto;padding:160px 0;display:grid}.method-copy .section-label{color:#a75a4d}.method-copy>p:last-child{color:var(--muted)}.method-visual{border:1px solid var(--line);background:#fff;border-radius:20px;padding:36px;box-shadow:0 18px 45px #00000012}.question-row{justify-content:center;align-items:center;gap:16px;display:flex}.question-row span{background:var(--white);color:#252522;border:1px solid #20201e14;border-radius:999px;padding:13px 16px;font-size:12px;font-weight:700}.question-row i{color:#aaa69e;font-style:normal}.quadrant-map{grid-template-columns:1fr 1fr;gap:8px;margin-top:27px;display:grid}.quadrant-map>div{color:#383733;opacity:.52;border:1px solid #3c3c431f;border-radius:10px;justify-content:space-between;align-items:flex-start;min-height:112px;padding:17px;font-size:11px;font-weight:720;display:flex}.quadrant-map>div:first-child{color:#ff3b30;background:#ff3b301a}.quadrant-map>div:nth-child(2){color:#007aff;background:#007aff0f}.quadrant-map>div:nth-child(3){color:#ff9500;background:#ff950012}.quadrant-map>div:nth-child(4){color:#8e8e93;background:#8e8e930f}.quadrant-map>div.selected{opacity:1;transform:scale(1.025);box-shadow:0 11px 25px #7a423729}.quadrant-map i{background:#ffffff7a;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;font-style:normal;display:grid}.method-result{justify-items:center;gap:5px;margin-top:22px;display:grid}.method-result>span{color:#b1ada5}.method-result strong{color:var(--coral);font-size:24px}.method-result small{background:var(--ink);color:var(--paper);border-radius:11px;margin-top:8px;padding:11px 16px;font-size:10px}.reason{text-align:center;background:var(--coral);color:#fffaf2;width:100%;margin:0;padding:145px 24px 120px}.reason .section-label{color:#fffaf2ab}.reason h2{letter-spacing:-.072em;word-break:keep-all;max-width:980px;margin:22px auto 30px;font-size:clamp(50px,6.6vw,88px);font-weight:740;line-height:1.04}.reason-body{color:#fffaf2c2;word-break:keep-all;max-width:590px;margin:0 auto;font-size:16px;line-height:1.75}.reason-actions{justify-content:center;align-items:center;gap:24px;margin-top:34px;display:flex}.reason-actions .status-pill{color:#272522;background:#fffaf2}.reason-actions>a{border-bottom:1px solid #ffffffb3;align-items:center;gap:9px;padding-bottom:3px;font-size:13px;font-weight:700;display:flex}.platforms{color:#8a8780;justify-content:center;align-items:center;gap:18px;font-size:12px;display:flex}.platforms i{background:#bbb7af;border-radius:50%;width:3px;height:3px}.reason .platforms{color:#fffaf29e;margin-top:55px}.reason .platforms i{background:#ffffff73}footer{border-top:1px solid var(--line);color:#8a8780;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:min(1180px,100% - 48px);min-height:90px;margin:0 auto;font-size:11px;display:grid}.footer-brand{color:var(--ink);align-items:center;gap:9px;font-size:12px;font-weight:680;display:flex}.footer-brand img{border-radius:8px}footer>a{justify-self:end;transition:color .2s}footer>a:hover{color:var(--coral)}@media (max-width:900px){.hero{text-align:center;grid-template-columns:1fr;padding-top:80px}.hero-body{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.focus-visual{margin-top:5px}.problem{padding-top:110px;padding-bottom:110px}.comparison{grid-template-columns:1fr;gap:24px}.comparison-arrow{justify-self:center;transform:rotate(90deg)}.method{grid-template-columns:1fr;gap:55px;padding:120px 0}.method-copy{max-width:720px}}@media (max-width:620px){.site-header{width:calc(100% - 32px);height:72px}.brand{font-size:17px}.brand img{width:34px;height:34px}.language-link{padding:8px 11px}.hero{gap:15px;width:calc(100% - 32px);min-height:auto;padding:70px 0 75px}.eyebrow{font-size:11px}h1{font-size:clamp(50px,15vw,68px)}.hero-body{font-size:16px}.hero-actions{flex-direction:column;gap:22px}.focus-visual{min-height:620px;margin-left:-16px;margin-right:-16px}.focus-visual:before{width:390px;height:390px}.device-shell{border-radius:42px;width:270px;transform:rotate(1deg)}.device-screen{border-radius:35px}.real-screen-badge{top:12px;right:6px}.flow-chip{min-width:154px;padding:10px 11px;font-size:10px}.flow-chip-before{top:138px;left:0}.flow-chip-after{bottom:84px;right:0}.problem{padding:95px 18px}.problem-copy h2,.method-copy h2{font-size:42px}.problem-copy>p:last-child,.method-copy>p:last-child{font-size:15px}.comparison{margin-top:50px}.before-list,.after-card{border-radius:23px;min-height:425px;padding:22px}.list-question{left:22px;right:22px}.after-card>p{margin-top:78px}.method{width:calc(100% - 36px);padding:100px 0}.method-visual{border-radius:24px;padding:22px}.question-row{gap:8px}.question-row span{padding:11px 10px;font-size:10px}.quadrant-map>div{min-height:94px;padding:13px;font-size:9px}.reason{padding:105px 18px 90px}.reason h2{font-size:42px}.reason-actions{flex-direction:column;gap:22px}footer{grid-template-columns:1fr auto;width:calc(100% - 32px);padding:25px 0}footer>span{display:none}}@media (prefers-reduced-motion:no-preference){.device-shell{animation:8s ease-in-out infinite deviceFloat}.app-shot-priority{animation:8s ease-in-out infinite priorityShot}.app-shot-completion{animation:8s ease-in-out infinite completionShot}.flow-chip-before{animation:8s ease-in-out infinite beforeChip}.flow-chip-after{animation:8s ease-in-out infinite afterChip}@keyframes deviceFloat{0%,to{transform:rotate(1.5deg)translateY(0)}50%{transform:rotate(.7deg)translateY(-8px)}}@keyframes priorityShot{0%,46%,to{opacity:1}56%,82%{opacity:0}}@keyframes completionShot{0%,46%,to{opacity:0}56%,82%{opacity:1}}@keyframes beforeChip{0%,46%,to{opacity:1;transform:translateY(0)}56%,82%{opacity:.28;transform:translateY(3px)}}@keyframes afterChip{0%,46%,to{opacity:.32;transform:translateY(3px)}56%,82%{opacity:1;transform:translateY(0)}}}