/* Hallmark · shape: Catalogue · genre: modern-minimal · theme: Ultraviolet (deal 3/3, seed windows-7db8·4d5d9e27·2026-10-28·r0) · redesign: full
 * hero: Counter · nav: slab · footer: mast · imagery: the product · signature: 실제 앱과 연결된 9개 킷 색인 · ultraviolet: lavender, 사용자 지정 네이비와 보라
 * hero-review: fix, 2 resolved · finish-review: subagent, 1 resolved
 * axes: light/geometric-sans/cool · posture: committed · draw: 7c953d, 실제 앱이 있어 Map 대신 Catalogue · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4 · weakest: R, 장식용 아이콘 카드와 반복되는 작은 제목을 제품 색인으로 교체 */
@import url('./tokens.css');
@import url('./base.css');
@font-face{font-family:SUIT;src:url('./fonts/SUIT-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
body{word-break:keep-all}a{text-decoration:none}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}a:hover{text-decoration:underline;text-underline-offset:.25em}a:active,button:active{transform:translateY(1px)}button:disabled{background:var(--color-paper-3);color:var(--color-muted);cursor:not-allowed;border-color:var(--color-rule)}button[aria-busy=true]{cursor:progress}.wrap{max-width:var(--container);width:100%;margin-inline:auto;padding-inline:var(--gutter)}.narrow{max-width:860px}p{color:var(--color-muted);line-height:1.75}small,.fine{font-size:var(--text-sm);color:var(--color-muted);line-height:1.7}.fine{margin-block:var(--space-lg)}h1,h2,h3{font-weight:650}.header{max-width:var(--container);margin-inline:auto;padding:var(--space-lg) var(--gutter);display:flex;align-items:center;gap:var(--gap-columns);border-bottom:1px solid var(--color-rule)}.brand{display:inline-flex;gap:var(--space-sm);align-items:center;font-size:28px;font-weight:800;white-space:nowrap;letter-spacing:-.04em}.brand span{font-size:var(--text-sm);font-weight:500;color:var(--color-muted);letter-spacing:0}.header nav{margin-left:auto;display:flex;gap:var(--space-xl);align-items:center}.header nav a,.header-account{font-size:var(--text-sm);font-weight:600;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.header nav a[aria-current]{color:var(--color-accent);text-decoration:underline}.header-account{border:1px solid var(--color-rule-2);border-radius:var(--radius-pill);padding-inline:var(--space-lg)}.skip{position:fixed;inset-block-start:-100px;z-index:50;background:var(--color-paper);padding:var(--space-md)}.skip:focus{inset-block-start:var(--space-xs)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-rule-2);border-radius:var(--radius-pill);font-size:var(--text-md);font-weight:650;line-height:1.4;white-space:nowrap;transition:background-color var(--dur-micro)}.button:hover{text-decoration:none}.primary{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.primary:hover{background:var(--color-accent-deep)}.outline{background:var(--color-paper);color:var(--color-ink)}.outline:hover{background:var(--color-paper-2)}.text-link{display:inline-flex;align-items:center;min-height:44px;border:0;border-bottom:1px solid var(--color-rule-2);padding:0;background:transparent;font-size:var(--text-md);font-weight:600;color:var(--color-ink)}.text-link:hover{border-color:var(--color-accent);text-decoration:none;color:var(--color-accent)}.actions{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.hero{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.opening-copy{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--gap-columns);align-items:end;margin-bottom:var(--space-xl)}.hero h1{font-size:clamp(44px,5.2vw,76px);line-height:1.18;letter-spacing:-.055em}.opening-offer .lead{font-size:var(--text-lead);margin-bottom:var(--space-lg)}.product-spread{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:var(--gap-columns);align-items:start}.app-capture{margin:0;min-width:0}.app-capture>img{width:100%;aspect-ratio:2.65;object-fit:cover;object-position:top left;border-radius:var(--radius-card)}figcaption{font-size:var(--text-sm);color:var(--color-muted);padding-top:var(--space-md);display:flex;justify-content:space-between;gap:var(--space-md)}.product-index{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--color-rule)}.product-index a{display:flex;align-items:center;gap:var(--space-sm);padding-block:var(--space-xs);min-height:40px;border-bottom:1px solid var(--color-rule);font-size:var(--text-sm)}.product-index a>span{color:var(--color-muted);font-variant-numeric:tabular-nums;width:24px}.product-index strong{font-weight:550}.product-index a:hover{color:var(--color-accent);text-decoration:none}.workspace-story{padding-block:var(--section-gap-s)}.story-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);align-items:end;margin-bottom:var(--space-2xl)}.story-heading h2,.showcase-copy h2,.local-work h2,.ai-heading h2,.closing h2{font-size:var(--text-section);line-height:1.22}.workflow-rows{border-top:1px solid var(--color-rule-2)}.workflow-rows a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:var(--gap-columns);padding-block:var(--space-xl);border-bottom:1px solid var(--color-rule)}.workflow-rows a:hover{color:var(--color-accent);text-decoration:none}.workflow-rows span{font-size:var(--text-sm);color:var(--color-muted)}.workspace-showcase{padding-block:var(--section-gap-s);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--gap-columns);align-items:center;background:var(--color-paper-2);border-radius:var(--radius-card)}.showcase-copy p{margin-block:var(--space-lg)}figure{margin:0}.workspace-showcase img{width:100%;border-radius:var(--radius-card)}.local-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);padding-block:var(--section-gap-l);align-items:center}.large-copy{font-size:var(--text-title);color:var(--color-ink);margin-bottom:var(--space-lg)}.local-work .text-link{margin-top:var(--space-lg)}.ai-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);padding-block:var(--section-gap-s);border-block:1px solid var(--color-rule);align-items:center}.ai-heading p{margin-block:var(--space-lg)}.ai-example{padding:var(--space-xl);background:var(--color-paper-2);border-radius:var(--radius-card)}blockquote{font-size:var(--text-title);line-height:1.6;margin:0 0 var(--space-xl);letter-spacing:-.03em}.ai-example small{display:block;margin-top:var(--space-lg)}.closing{background:var(--color-paper-2);border-radius:var(--radius-card);display:flex;align-items:center;justify-content:space-between;gap:var(--gap-columns);padding-block:var(--section-gap-s)}.closing p{margin-top:var(--space-lg)}.footer{max-width:var(--container);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--gap-columns);padding:var(--space-2xl) var(--gutter);border-top:1px solid var(--color-rule)}.footer>.brand{font-size:36px}.footer p{margin-top:var(--space-md)}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:var(--space-lg);font-size:var(--text-sm)}.merchant p{font-size:var(--text-sm);margin-block:var(--space-lg)}.page-heading{padding-top:var(--space-3xl);padding-bottom:var(--space-2xl)}.page-heading h1{font-size:var(--text-display-s);margin-bottom:var(--space-lg)}.page-heading>p{font-size:var(--text-lead)}.centered{text-align:center}.centered h1{margin-inline:auto}.period-switch{display:inline-flex;background:var(--color-paper-2);padding:var(--space-2xs);border-radius:var(--radius-pill);margin-top:var(--space-xl);gap:var(--space-2xs)}.period-switch button{border:0;min-height:44px;padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-pill);color:var(--color-ink);background:transparent;white-space:nowrap}.period-switch .selected{background:var(--color-ink);color:var(--color-paper)}.period-switch span{font-size:var(--text-sm)}.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-block:1px solid var(--color-rule)}.price-card{padding:var(--space-xl) var(--space-lg);border-right:1px solid var(--color-rule)}.price-card:last-child{border-right:0}.price-card.featured{background:var(--color-paper-2)}.price-card h2{font-variant-numeric:tabular-nums;font-size:var(--text-title);margin-bottom:var(--space-md)}.price-card>p{font-size:var(--text-sm);min-height:48px}.price{margin-top:var(--space-xl);font-variant-numeric:tabular-nums;white-space:nowrap}.price strong{font-variant-numeric:tabular-nums;font-size:38px;font-weight:650;letter-spacing:-.05em}.price span{font-size:var(--text-sm)}.price-card>small{display:block;margin-block:var(--space-xs) var(--space-lg)}.price-card .button{width:100%}.checks{padding-left:var(--space-md);margin-block:var(--space-xl) 0;color:var(--color-muted);font-size:var(--text-sm)}.checks li{margin-block:var(--space-sm)}.credit-explainer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);padding-block:var(--section-gap-s)}.credit-explainer h2{font-size:var(--text-section);margin-bottom:var(--space-lg)}.credit-packages>div{display:flex;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule)}.credit-packages strong{font-size:var(--text-title)}.credit-packages>small{display:block;margin-top:var(--space-lg)}.faq{padding-bottom:var(--section-gap-s)}.faq h2{margin-bottom:var(--space-xl)}details{border-bottom:1px solid var(--color-rule);padding-block:var(--space-lg)}summary{cursor:pointer;font-weight:600;min-height:32px}details p{margin-top:var(--space-md)}.kit-nav{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-2xl)}.kit-nav a{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-rule-2);border-radius:var(--radius-pill)}.tool-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:var(--gap-columns);align-items:center;border-top:1px solid var(--color-rule);padding-block:var(--space-xl);scroll-margin-top:var(--space-lg)}.tool-row h2{font-size:var(--text-title);margin-bottom:var(--space-sm)}.tool-row span{font-size:var(--text-sm);color:var(--color-muted)}.tool-row>a{font-size:var(--text-sm);min-height:44px;display:flex;align-items:center}.login-layout{min-height:560px;display:grid;place-content:center;padding-block:var(--space-3xl)}.login-card{max-width:520px;padding:var(--space-xl);border:1px solid var(--color-rule);border-radius:var(--radius-card)}.login-card h1{font-size:var(--text-section);margin-bottom:var(--space-lg)}.login-card .button{margin-block:var(--space-lg);width:100%}.full{width:100%}.account{padding-bottom:var(--space-3xl)}.account h1{font-size:var(--text-section)}.account h2{font-size:var(--text-title)}.account h3{font-size:var(--text-lg)}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-columns);padding-block:var(--space-2xl)}.account-heading p{margin-top:var(--space-md)}.account-columns,.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns)}.panel{padding:var(--space-xl);border:1px solid var(--color-rule);border-radius:var(--radius-card);margin-bottom:var(--space-lg)}.panel h2{margin-bottom:var(--space-lg)}.panel p{margin-bottom:var(--space-md)}label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-sm);margin-bottom:var(--space-lg);font-weight:550}input,select,textarea{width:100%;min-height:48px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-muted);border-radius:8px;background:var(--color-paper);color:var(--color-ink);min-width:0}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--color-accent)}input:disabled,select:disabled{background:var(--color-paper-3);color:var(--color-muted);cursor:not-allowed}.checkbox{flex-direction:row;align-items:flex-start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.full-field{grid-column:1/-1}.inline-form{display:flex;align-items:end;gap:var(--space-md);flex-wrap:wrap}.inline-form label{flex:1;min-width:180px}.inline-form .button{margin-bottom:var(--space-lg)}.inline-form select{width:auto}.list-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule);overflow-wrap:anywhere}.list-row strong{font-size:var(--text-sm)}.subscription{padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule)}.subscription h3{margin-bottom:var(--space-md)}.wallet{padding-block:var(--space-lg)}.wallet>strong{font-size:var(--text-section);font-variant-numeric:tabular-nums}.wallet small{display:block}.table-scroll{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums}th,td{text-align:left;padding:var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-rule)}th{font-weight:650;white-space:nowrap}td{overflow-wrap:anywhere}td .text-link{font-size:var(--text-sm);white-space:nowrap}.empty{padding-block:var(--space-lg)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.legal{padding-block:var(--space-2xl)}.legal h1{font-size:var(--text-section);margin-bottom:var(--space-xl)}.legal h2{font-size:var(--text-title);margin-block:var(--space-xl) var(--space-md)}.legal p,.legal li{line-height:1.85}.message{max-width:760px;margin-inline:auto;padding:var(--space-3xl) var(--gutter)}.message h1{font-size:var(--text-section);margin-bottom:var(--space-lg)}.message .button{margin-top:var(--space-lg)}#checkout-total{font-size:var(--text-section);font-variant-numeric:tabular-nums}#notice{position:fixed;bottom:var(--space-lg);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - var(--space-xl));background:var(--color-ink);color:var(--color-paper);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);z-index:var(--z-toast)}#notice:empty{display:none}#notice:not(.show){display:none}.updates-list article{padding-block:var(--space-xl);border-top:1px solid var(--color-rule)}.updates-list h2{font-size:var(--text-title);margin-block:var(--space-md)}.updates-list{padding-bottom:var(--space-3xl)}
@media(min-width:1600px){.hero{padding-top:var(--space-3xl)}}
@media(max-width:960px){.header nav{gap:var(--space-lg)}.opening-copy{grid-template-columns:minmax(0,1fr)}.product-spread{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.app-capture>img{aspect-ratio:1.5;object-fit:cover;object-position:top left}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-card:nth-child(2){border-right:0}.price-card:nth-child(-n+2){border-bottom:1px solid var(--color-rule)}.workspace-showcase{grid-template-columns:minmax(0,1fr)}.workspace-showcase figure{margin-top:var(--space-lg)}.account-columns,.checkout-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.header{flex-wrap:wrap;gap:var(--space-xs) var(--space-md);padding-block:var(--space-md)}.brand{font-size:24px}.brand span{display:none}.header-account{margin-left:auto;order:1}.header nav{order:2;margin:0;justify-content:space-between;width:100%;gap:var(--space-md)}.hero{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.opening-copy{margin-bottom:var(--space-xl)}.opening-offer .lead{font-size:var(--text-md)}.actions{gap:var(--space-md)}.product-spread{grid-template-columns:minmax(0,1fr)}.app-capture>img{aspect-ratio:1.8}.app-capture figcaption{flex-direction:column;gap:var(--space-2xs)}.product-index{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-md)}.product-index a{min-height:44px}.story-heading,.local-work,.ai-section,.credit-explainer{grid-template-columns:minmax(0,1fr)}.story-heading{margin-bottom:var(--space-xl)}.workflow-rows a{grid-template-columns:minmax(0,1fr) auto;padding-block:var(--space-lg);gap:var(--space-xs)}.workflow-rows p{grid-row:2;grid-column:1/-1;font-size:var(--text-sm)}.workflow-rows span{grid-column:2;grid-row:1}.workspace-showcase{border-radius:0}.local-work{padding-block:var(--section-gap-s)}.closing{flex-direction:column;align-items:flex-start}.footer{grid-template-columns:minmax(0,1fr)}.price-grid{grid-template-columns:minmax(0,1fr)}.price-card{border-right:0;border-bottom:1px solid var(--color-rule);padding:var(--space-xl) var(--space-lg)}.price-card>p{min-height:0}.page-heading{padding-top:var(--space-2xl)}.tool-row{grid-template-columns:48px minmax(0,1fr);gap:var(--space-lg)}.tool-row img{width:48px}.tool-row>a{grid-column:2}.tool-row p{font-size:var(--text-sm)}.panel{padding:var(--space-lg)}.form-grid{grid-template-columns:minmax(0,1fr)}.account-heading{align-items:flex-start;flex-direction:column}.list-row{align-items:flex-start;flex-wrap:wrap}.inline-form{flex-direction:column;align-items:stretch}.inline-form label{min-width:0}.inline-form select{width:100%}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{margin-bottom:0}.period-switch button{padding-inline:var(--space-md)}}

.auth-shell{padding:var(--space-3xl) var(--gutter);display:grid;place-items:center;min-height:640px}.auth-card{width:100%;max-width:480px}.auth-card>img{margin-bottom:var(--space-lg)}.auth-card h1{font-size:var(--text-section);margin-bottom:var(--space-lg)}.auth-card p{margin-bottom:var(--space-lg)}.auth-card small{display:block;margin-top:var(--space-xl)}.auth-divider{border-top:1px solid var(--color-rule);margin-block:var(--space-xl)}.checkout-total{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.price-card h2,.price strong{font-variant-numeric:tabular-nums}
@media(max-width:640px){.product-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--space-xs)}.product-index a{flex-direction:column;align-items:flex-start;gap:var(--space-2xs);padding-block:var(--space-sm)}.product-index a>span{display:none}.product-index strong{font-size:12px}.app-capture>img{aspect-ratio:2.65}.hero .opening-copy{gap:var(--space-lg)}.auth-shell{min-height:540px}.checkout-total{align-items:flex-start;flex-direction:column}}

.updates-list>p{margin-bottom:var(--space-lg)}.download-panel h2{font-size:var(--text-title);margin-bottom:var(--space-lg)}

.workspace-story{padding-top:var(--space-2xl)}