.notification-stage{background:#fcfcfd;grid-template-columns:minmax(0,330px) minmax(0,330px) minmax(200px,260px);justify-content:center;align-items:start;gap:24px;padding:28px 24px 36px;display:grid}.notification-stage .phone-column{width:100%;min-width:0}.notification-stage.notification-before{grid-template-columns:minmax(0,380px)}.notification-phone{aspect-ratio:1080/2340;flex-direction:column;display:flex}.notification-header-crop{aspect-ratio:1080/630;flex-shrink:0;overflow:hidden}.notification-feed{flex:1;min-height:0;overflow:hidden}.notification-row{color:#f5f6f7;background:#14191c;align-items:flex-start;gap:4cqw;padding:5.6cqw 5cqw;display:flex}.notification-row.unread{background:#1b2c34}.notification-row.price-drop-row{padding-top:5.4cqw;padding-bottom:6.5cqw}.price-drop-row:hover{background:#233a44}.price-drop-row:focus-visible{outline-offset:-3px}.feed-icon{flex-shrink:0;font-size:5.2cqw;line-height:1.6}.notification-copy{flex:1;min-width:0}.notification-meta{color:#8e9a9f;justify-content:space-between;gap:6px;margin-bottom:2cqw;font-size:3.7cqw;display:flex}.notification-copy h3{letter-spacing:-.03em;margin:0 0 1.5cqw;font-size:4.35cqw;font-weight:700;line-height:1.6}.notification-copy p{color:#929da2;word-break:keep-all;letter-spacing:-.04em;font-size:4.2cqw;line-height:1.65}.notification-copy p strong{color:#3aa7fa;font-weight:600}.more-notifications{color:#3aa7fa;font-size:3.7cqw;font-weight:600}.android-navigation{color:#bec2c5;background:#14191c;flex-shrink:0;justify-content:space-evenly;align-items:center;height:13cqw;font-size:7cqw;line-height:1;display:flex}.android-home{border:1.2px solid;border-radius:38%;width:4.7cqw;height:4.7cqw}.android-back{border-bottom:1.5px solid;border-left:1.5px solid;width:3.1cqw;height:3.1cqw;transform:rotate(45deg)}.push-phone{color:#fafafa;background:radial-gradient(65% 14% at 23% 91%,#527f75aa,#0000),radial-gradient(35% 10% at 70% 91%,#9d955b88,#0000),linear-gradient(125deg,#969696,#858585);position:relative}.push-carrier{justify-content:space-between;align-items:center;padding:10cqw 6.8cqw 0;font-size:3.7cqw;font-weight:500;display:flex}.push-status{letter-spacing:.035em;font-size:3.1cqw}.push-clock{align-items:baseline;gap:2cqw;padding:5.5cqw 6.8cqw 3.5cqw;display:flex}.push-clock strong{letter-spacing:-.02em;font-size:6.5cqw;font-weight:650}.push-clock>span{font-size:4cqw;font-weight:500}.system-notification{color:#fafafa;background:#414141;border-radius:10cqw;align-items:flex-start;gap:3.3cqw;margin:0 2.8cqw;padding:4.2cqw 3.9cqw 5.5cqw;display:flex;box-shadow:0 2px 6px #00000008}.system-notification:hover{background:#383838}.pay-app-icon{background:#fee500;border-radius:3.5cqw;flex-shrink:0;justify-content:center;align-items:center;width:11.7cqw;height:11.7cqw;margin-top:.5cqw;display:flex}.pay-app-icon>span{width:62%;height:62%;display:block;position:relative;overflow:hidden}.phone .pay-app-icon img{width:auto;max-width:none;height:100%;position:absolute;top:0;left:0}.system-notification-copy{flex:1;min-width:0}.system-notification-meta{color:#c4c4c4;white-space:nowrap;align-items:center;gap:1.6cqw;margin-bottom:1.7cqw;font-size:3cqw;display:flex}.system-notification-meta strong{color:#fff;font-weight:600}.notification-chevron{color:#b5b5b5;margin-left:auto;font-size:5cqw;line-height:1}.system-notification-copy h3{letter-spacing:-.03em;margin:0 0 1cqw;font-size:4.3cqw;font-weight:700;line-height:1.5}.system-notification-copy p{letter-spacing:-.03em;font-size:3.85cqw;line-height:1.65}.notification-shade-actions{justify-content:space-between;margin-top:auto;padding:0 3.3cqw 3.8cqw;font-size:4cqw;display:flex}.notification-shade-actions span{background:#343a3999;border-radius:8cqw;padding:2.5cqw 5.5cqw}.push-phone .android-navigation{color:#f1f1f1;background:0 0}.notification-notes{min-width:0;padding-top:43px}.notification-notes>h3{letter-spacing:-.035em;margin:9px 0 12px;font-size:21px;line-height:1.5}.notification-notes .note-item{gap:9px;margin-top:24px}@media (width<=1200px) and (width>=701px){.notification-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(180px,.85fr);gap:16px;padding:24px 16px}.notification-notes>h3{font-size:18px}.notification-notes .note-item{gap:6px}.notification-notes .note-item p{font-size:12px}}@media (width<=700px){.notification-stage{grid-template-columns:minmax(0,400px);gap:30px;padding:18px 0 30px}.notification-stage.notification-before{grid-template-columns:minmax(0,400px)}.notification-notes{padding:0 22px}.notification-stage .phone{border-radius:0}}.push-reference-phone{background:#36373c;display:block}.push-reference-image{width:100%;display:block}.push-reference-phone .replacement-push{width:94.4%;height:30.2cqw;box-shadow:none;background:#1d1d1f;border-radius:10cqw;gap:3.8cqw;margin:0;padding:3.7cqw 3.9cqw;position:absolute;top:14.7%;left:2.8%}.push-reference-phone .system-notification-meta{gap:1.6cqw;margin-bottom:1.3cqw;font-size:2.85cqw;line-height:1.35}.push-reference-phone .system-notification-copy h3{margin-bottom:.6cqw;font-size:4.15cqw;line-height:1.4}.push-reference-phone .system-notification-copy p{letter-spacing:-.035em;font-size:3.6cqw;line-height:1.5}.push-reference-phone .pay-app-icon{background:#f9df00;border-radius:4cqw;width:12cqw;height:12cqw;margin-top:.4cqw}.push-reference-phone .pay-app-icon>span{aspect-ratio:177/53;width:82%;height:auto}.push-reference-phone .pay-app-icon img{width:152.542%;max-width:none;height:auto}.samsung-logo{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:7cqw;height:7cqw;padding:.4cqw;display:inline-flex;overflow:hidden}.phone .samsung-logo img{width:100%;max-width:100%;height:auto;position:static}.stock-notification-title,.push-body-with-image{align-items:center;gap:2cqw;display:flex}.push-body-with-image p{flex:1;min-width:0}.push-body-with-image .samsung-logo{border-radius:1.8cqw;width:8.5cqw;height:8.5cqw}.push-message-replacement{color:#f7f7f7;text-align:left;background:#1d1d1f;width:64.5%;height:8.6%;padding:0 .2cqw;display:block;position:absolute;top:18.35%;left:22.6%}.push-message-replacement h3{letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:1.2cqw;margin:0 0 .6cqw;font-size:4.2cqw;font-weight:700;line-height:1.35;display:flex}.push-message-replacement h3 .samsung-logo{width:4.5cqw;height:4.5cqw;padding:.25cqw}.push-message-replacement p{letter-spacing:-.025em;margin:0;font-size:3.75cqw;font-weight:400;line-height:1.5}.price-drop-row{z-index:1;border-radius:12px;position:relative;box-shadow:inset 0 0 0 2px #fee500}.price-drop-row .change-marker{top:-7px;right:12px}.notification-feed{background:#1b2c34;padding-top:8px}.push-change-outline{z-index:2;pointer-events:none;border-radius:10cqw;width:94.4%;height:13.7%;position:absolute;top:14.7%;left:2.8%;box-shadow:inset 0 0 0 2px #fee500}.push-change-outline .change-marker{top:-7px;right:8%}.notification-copy .stock-notification-title .samsung-logo{width:4.5cqw;height:4.5cqw}:root{color:#111827;font-synthesis:none;background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #818cf8}h1,h2,h3,h4,p{margin:0}svg{flex-shrink:0}.workspace{min-height:100vh;display:flex}.sidebar{z-index:20;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:288px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-heading{border-bottom:1px solid #e5e7eb;padding:20px}.sidebar-heading h2{align-items:center;gap:9px;font-size:16px;font-weight:700;display:flex}.sidebar-heading svg{color:#4f46e5}.sidebar-heading p{color:#9ca3af;margin-top:5px;font-size:12px}.sidebar nav{flex:1;padding:8px 0;overflow:auto}.sidebar nav a{border-right:2px solid #0000;padding:15px 20px;display:block}.sidebar nav a:hover{background:#f9fafb}.sidebar nav a.active{background:#eef2ff;border-color:#4f46e5}.item-name{font-size:14px;line-height:1.55;display:block}.active .item-name{color:#4338ca;font-weight:600}.item-date{color:#9ca3af;align-items:center;gap:5px;margin-top:7px;font-size:12px;display:flex}.item-date svg{width:13px;height:13px}.item-tag{color:#6366f1;background:#e0e7ff;border-radius:4px;margin-top:8px;padding:2px 6px;font-size:12px;display:inline-block}.sidebar-footer{color:#6b7280;border-top:1px solid #f3f4f6;padding:20px;font-size:12px;line-height:1.9}.sidebar-footer span{color:#9ca3af}.workspace-main{flex:1;min-width:0;margin-left:288px;padding:26px}.page-heading{margin-bottom:24px}.page-heading h1{letter-spacing:-.025em;font-size:21px;font-weight:700}.page-heading p{color:#6b7280;margin-top:5px;font-size:14px}.preview-card{background:#fff;border:1px solid #e9ebee;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000004}.section-heading{border-bottom:1px solid #f0f1f3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.section-heading h2{font-size:16px}.section-heading p{color:#6b7280;margin-top:4px;font-size:13px}.segmented{background:#f3f4f6;border-radius:8px;padding:3px;display:flex}.segmented button{color:#6b7280;background:0 0;border-radius:6px;padding:7px 12px;font-size:13px}.segmented button[aria-pressed=true]{color:#111827;background:#fff;font-weight:600;box-shadow:0 1px 4px #0000000f}.stage{background:#fcfcfd;justify-content:center;align-items:flex-start;gap:50px;padding:30px 28px 40px;display:flex}.phone-column{flex-shrink:0;width:400px;max-width:100%}.preview-caption{color:#9ca3af;justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.preview-caption span:first-child{color:#6b7280}.phone{color:#f4f6f7;background:#14191c;border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 38px #17212e16;container-type:inline-size}.screenshot-top{aspect-ratio:1080/880;position:relative;overflow:hidden}.phone img{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;display:block}.screenshot-bottom{aspect-ratio:1080/1460;position:relative;overflow:hidden}.screenshot-bottom img{position:absolute;top:0;transform:translateY(-37.6068%)}.insight-area{background:#14191c;padding:12px 6% 4px}.insight{color:#eef0f1;text-align:left;letter-spacing:-.04em;white-space:nowrap;background:#23292d;border-radius:12px;justify-content:space-between;align-items:center;gap:4px;width:100%;min-height:46px;padding:11px;font-size:clamp(12px,3.65cqw,16px);display:flex}.insight-message{align-items:center;gap:7px;display:flex}.insight-symbol{color:#47a9f4;text-align:center;min-width:23px;font-size:20px}.insight strong{font-weight:600}.down{color:#39a6fb}.up{color:#ff686c}.info-icon{color:#aeb3b7;text-align:center;border:1.2px solid #899096;border-radius:50%;flex-shrink:0;width:16px;height:16px;font-family:Georgia,serif;font-size:11px;line-height:15px}.is-playing .insight-message{animation:4s both message-fade}@keyframes message-fade{0%{opacity:0;transform:translateY(4px)}7.5%,92.5%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.simulation-caption{color:#9ca3af;text-align:center;margin-top:14px;font-size:12px}.design-notes{flex-shrink:1;width:285px;max-width:100%;padding-top:37px}.note-eyebrow{color:#6366f1;font-size:12px;font-weight:600}.design-notes h3{letter-spacing:-.04em;margin:9px 0 12px;font-size:23px;line-height:1.5}.note-intro{color:#6b7280;font-size:14px;line-height:1.8}.note-item{gap:12px;margin-top:30px;display:flex}.note-number{color:#6366f1;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;margin-top:1px;font-size:12px;display:flex}.note-item h4{margin-bottom:8px;font-size:14px}.note-item p{color:#6b7280;font-size:13px;line-height:1.9}.scenario-control{gap:5px;margin-top:12px;display:flex}.scenario-control button{color:#6b7280;background:#f3f4f6;border:1px solid #0000;border-radius:6px;padding:6px 9px;font-size:12px}.scenario-control button[aria-pressed=true]{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.text-button{color:#6366f1;background:0 0;padding:10px 0 0;font-size:13px}.motion-control{color:#6b7280;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:28px;padding-top:17px;font-size:12px;display:flex}.motion-control button{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 9px;font-size:12px}.context-note{color:#9ca3af;margin-top:17px;font-size:12px;line-height:1.8}.help-dialog{color:#f4f5f6;background:#22282c;border:1px solid #343b40;border-radius:22px;width:min(350px,100vw - 40px);padding:26px;box-shadow:0 20px 80px #0006}.help-dialog::backdrop{background:#0009}.help-dialog h3{margin-bottom:20px;font-size:22px}.help-dialog p{color:#c1c6ca;margin-top:15px;font-size:16px;line-height:1.8}.help-dialog strong{color:#ffdc55}.help-meta{color:#929a9f;margin-top:19px;font-size:13px;line-height:1.8}.confirm{color:#191c20;background:#fee500;border-radius:13px;width:100%;margin-top:25px;padding:14px;font-weight:700}.help-dialog dl{margin:22px 0;font-size:14px}.help-dialog dl div{justify-content:space-between;gap:10px;margin:12px 0;display:flex}.help-dialog dt{color:#a4acb2}.help-dialog dd{margin:0;font-weight:600}.mobile-header,.sidebar-backdrop{display:none}@media (width>=1500px){.stage{gap:80px}.design-notes{width:320px}.workspace-main{padding:32px 40px}}@media (width<=1150px){.stage{flex-wrap:wrap;gap:28px}.design-notes{width:400px;padding-top:8px}.design-notes h3 br{display:none}}@media (width<=1000px){.workspace{display:block}.mobile-header{z-index:30;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:8px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-header button{background:0 0;align-items:center;gap:9px;padding:7px 0;font-size:14px;font-weight:600;display:flex}.mobile-header>span{color:#9ca3af;font-size:11px}.sidebar{visibility:hidden;transition:transform .2s;top:56px;transform:translate(-100%)}.sidebar.open{visibility:visible;transform:translate(0)}.sidebar-backdrop{z-index:19;background:#11182766;display:block;position:fixed;inset:56px 0 0}.workspace-main{margin-left:0;padding:20px 0}.page-heading{margin-bottom:18px;padding:0 18px}.page-heading h1{font-size:19px}.page-heading p{font-size:12px}.preview-card{border-left:0;border-right:0;border-radius:0}.section-heading{gap:12px;padding:15px 18px}.stage{gap:26px;padding:18px 0 30px}.phone-column{width:400px}.preview-caption{padding:0 16px}.phone{box-shadow:none;border-radius:0}.design-notes{padding:0 22px}.simulation-caption{padding:0 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.comparison-stage{grid-template-columns:minmax(0,380px) minmax(260px,360px);justify-content:center;align-items:start;gap:40px;padding:28px 24px 36px;display:grid}.comparison-stage .phone-column{width:100%;min-width:0}.comparison-caption{justify-content:flex-start;align-items:center;gap:10px;margin-bottom:14px}.comparison-caption strong{letter-spacing:.06em;color:#6b7280;background:#eef0f3;border-radius:5px;padding:5px 9px;font-size:13px}.to-be-caption strong{color:#4f46e5;background:#eef2ff}.comparison-stage .design-notes{width:100%;min-width:0;max-width:none;padding:43px 0 0;display:block}.comparison-stage .design-notes h3{font-size:21px}.comparison-stage .design-notes h3 br{display:none}.comparison-stage .note-item{gap:9px;margin-top:24px}.comparison-stage .insight{white-space:normal;font-size:clamp(11px,3.65cqw,16px)}.comparison-stage .insight-message{gap:5px}.comparison-stage .insight-symbol{min-width:18px;font-size:18px}@media (width<=1200px) and (width>=701px){.comparison-stage{grid-template-columns:minmax(0,360px) minmax(240px,320px);gap:24px;padding:24px 16px}.comparison-stage .design-notes h3{font-size:18px}.comparison-stage .note-item{gap:7px}.comparison-stage .note-item p{font-size:12px}.comparison-stage .scenario-control{flex-wrap:wrap}}@media (width<=700px){.comparison-stage{grid-template-columns:minmax(0,400px);gap:30px;padding:18px 0 30px}.comparison-stage .design-notes{border-top:1px solid #e5e7eb;width:calc(100% - 40px);margin:0 20px;padding-top:24px}.comparison-caption{padding:0 16px}}.comparison-stage .insight{height:48px;min-height:48px;padding-top:7px;padding-bottom:7px}.phone-to-be{aspect-ratio:1080/2340;flex-direction:column;display:flex}.phone-to-be .screenshot-top,.phone-to-be .insight-area{flex-shrink:0}.phone-to-be .screenshot-bottom{aspect-ratio:auto;flex:1;min-height:0}.screenshot-footer{aspect-ratio:1080/360;flex-shrink:0;position:relative;overflow:hidden}.screenshot-footer img{position:absolute;top:0;transform:translateY(-84.6154%)}.comparison-stage .insight-area{padding-top:8px;padding-bottom:2px}.note-body{width:100%;min-width:0}.message-examples{gap:7px;margin:13px 0 17px;display:grid}.message-example{color:#eef0f1;letter-spacing:-.035em;background:#23292d;border-radius:8px;align-items:center;gap:5px;padding:10px 8px;font-size:11px;line-height:1.65;display:flex}.message-example>span:nth-child(2){flex:1}.message-example .info-icon{width:13px;height:13px;font-size:9px;line-height:11px}.note-item .info-example-caption{margin-bottom:10px;font-size:12px;line-height:1.75}.help-example{color:#f4f5f6;background:#22282c;border:1px solid #343b40;border-radius:16px;padding:17px 15px}.help-example h5{letter-spacing:-.035em;margin:0 0 13px;font-size:16px}.design-notes .help-example p{color:#c1c6ca;margin:10px 0 0;font-size:12px;line-height:1.8}.help-example p strong{color:#ffdc55}.help-example-meta{color:#929a9f;margin-top:13px;font-size:10px;line-height:1.85}.help-example-confirm{text-align:center;color:#191c20;background:#fee500;border-radius:9px;margin-top:16px;padding:9px;font-size:12px;font-weight:700}.comparison-stage .design-notes[hidden]{display:none}.comparison-stage.as-is-stage{grid-template-columns:minmax(0,380px)}@media (width<=1200px) and (width>=701px){.comparison-stage.as-is-stage{grid-template-columns:minmax(0,360px)}}@media (width<=700px){.comparison-stage.as-is-stage{grid-template-columns:minmax(0,400px)}}.price-example-values{margin:16px 0;font-size:12px}.price-example-values>div{justify-content:space-between;gap:10px;margin:9px 0;display:flex}.price-example-values dt{color:#a4acb2}.price-example-values dd{margin:0;font-weight:600}.comparison-stage:not(.as-is-stage){grid-template-columns:minmax(0,340px) minmax(0,540px);gap:28px}.comparison-stage .design-notes{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:20px;display:grid}.comparison-stage .design-notes>.note-eyebrow,.comparison-stage .design-notes>h3,.comparison-stage .design-notes>.note-intro{grid-column:1/-1}.comparison-stage .design-notes>.note-item{min-width:0;margin-top:24px}@media (width<=1200px) and (width>=701px){.comparison-stage:not(.as-is-stage){grid-template-columns:minmax(0,280px) minmax(0,460px);gap:20px}.comparison-stage .design-notes{column-gap:14px}}@media (width<=700px){.comparison-stage:not(.as-is-stage){grid-template-columns:minmax(0,400px)}.comparison-stage .design-notes{column-gap:14px}.comparison-stage .note-item{gap:6px}.comparison-stage .note-number{width:19px;height:19px}.help-example{padding:13px 10px}.help-example h5{font-size:14px}.price-example-values>div{flex-wrap:wrap;gap:2px 8px}}.highlighted-change{z-index:1;position:relative}.highlighted-change .insight{outline:none;box-shadow:inset 0 0 0 2px #fee500}.change-marker{z-index:1;color:#24200a;pointer-events:none;background:#fee500;border-radius:4px;padding:1px 7px;font-size:10px;font-weight:750;line-height:1.5;position:absolute;top:-4px;right:8%}