@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/inter-latin-400-normal.ef6d3f52.woff2) format("woff2"),url(/_next/static/media/inter-latin-400-normal.2c7a775c.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/inter-latin-500-normal.b7b43ace.woff2) format("woff2"),url(/_next/static/media/inter-latin-500-normal.cb4c8ceb.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/inter-latin-600-normal.8fb1a964.woff2) format("woff2"),url(/_next/static/media/inter-latin-600-normal.ce0f5f43.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/inter-latin-700-normal.953b7aa5.woff2) format("woff2"),url(/_next/static/media/inter-latin-700-normal.9c21d4dc.woff) format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/newsreader-latin-400-normal.40164bd1.woff2) format("woff2"),url(/_next/static/media/newsreader-latin-400-normal.279e3300.woff) format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/newsreader-latin-500-normal.567a3fc2.woff2) format("woff2"),url(/_next/static/media/newsreader-latin-500-normal.edb85082.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/plus-jakarta-sans-latin-400-normal.220db345.woff2) format("woff2"),url(/_next/static/media/plus-jakarta-sans-latin-400-normal.334d3f6b.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/plus-jakarta-sans-latin-500-normal.698ec6c7.woff2) format("woff2"),url(/_next/static/media/plus-jakarta-sans-latin-500-normal.ffc438f2.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/plus-jakarta-sans-latin-600-normal.226f862d.woff2) format("woff2"),url(/_next/static/media/plus-jakarta-sans-latin-600-normal.2b3be788.woff) format("woff")}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.p-6{padding:calc(var(--spacing) * 6)}.lowercase{text-transform:lowercase}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (min-width:48rem){.md\:grid{display:grid}}}.analytics-choice{z-index:70;color:#183c35;background:#fff;border:1px solid #dce4df;border-radius:8px;width:min(440px,100vw - 32px);padding:18px;position:fixed;bottom:16px;right:16px;box-shadow:0 6px 24px #00000014}.analytics-choice p{margin:0 0 12px;font-size:14px;line-height:1.6}.analytics-choice a{text-decoration:underline}.analytics-settings{text-align:center;padding:16px}.wide-dialog{width:min(920px,100vw - 32px)}.code-input{tab-size:2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.blog-html-frame{background:#fff;border:0;width:100%;margin:24px 0;display:block}.article-text{border-top:1px solid var(--border);margin:24px 0;padding-top:16px}.article-text summary{cursor:pointer;font-size:14px}.article-text table{display:block;overflow:auto}.ad-placement{gap:16px;width:calc(100% - 32px);max-width:728px;margin:32px auto;display:grid}.ad-unit{color:#59655f;text-align:center;background:0 0;border:0;min-width:0;padding:0}.ad-unit>small{text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:10px;display:block}.ad-frame{width:100%;height:var(--ad-desktop-height);border:0;display:block}.viewer>.ad-placement{margin:12px auto}.advertising-editor{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.ad-editor-card{border:1px solid var(--border);border-radius:8px;min-width:0;margin:24px 0;padding:20px}.ad-editor-card>fieldset{border:0;padding:12px 0}.ad-placement-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;display:grid}.ad-dimensions{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.ad-frame{height:var(--ad-mobile-height)}.ad-dimensions,.ad-placement-options{grid-template-columns:1fr}.ad-editor-card{padding:12px}}input.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--background:#fafafa;--surface:#fff;--text:#171c1a;--secondary:#66716c;--border:#e1e6e3;--accent:#126453;--accent-hover:#0c5143;--tint:#eff7f3;--danger:#b42332;--viewer:#161918;color:var(--text);background:var(--background);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a,button,input{transition:background .16s,border-color .16s,color .16s}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #56a38a}input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);border-radius:6px;padding:13px 15px;font-size:14px}input::placeholder{color:#8a928e}input:focus{border-color:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}svg{flex-shrink:0}.site-header{justify-content:space-between;max-width:1184px;height:94px;margin:auto;padding:0 32px;display:flex}.brand{letter-spacing:-1.3px;align-items:center;gap:9px;font-size:27px;font-weight:750;display:inline-flex}.brand svg,.brand-dot{color:var(--accent)}.brand-dot{margin-left:-8px}.nav-link{color:#4c5751;align-items:center;gap:13px;font-size:14px;display:flex}.nav-link:hover{color:var(--accent)}.hero{text-align:center;padding:39px 20px 29px}.hero-label{letter-spacing:1.8px;color:#5b6b62;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;font-size:11px;font-weight:600;display:flex}.hero-label>span{background:var(--accent);border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-2.2px;font-size:clamp(34px,4.2vw,52px);font-weight:600;line-height:1.1}.hero h1 span{color:var(--accent)}.hero p{color:var(--secondary);margin-top:19px;font-size:15px;line-height:1.7}.upload-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;max-width:500px;margin:0 auto;padding:27px 30px 19px;box-shadow:0 4px 18px #203f2e05}.field-label{margin-bottom:9px;font-size:13px;font-weight:600;display:block}.inline-error{color:var(--danger);min-height:0;margin:5px 0;font-size:13px;line-height:1.5}.inline-error:empty{display:none}.uploader-wrap{margin-top:22px}.dropzone{width:100%;height:211px;color:var(--text);background:#fbfcfb;border:1px dashed #bbc9c1;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;display:flex}.dropzone.dragging,.dropzone:hover{background:var(--tint);border-color:var(--accent)}.upload-glyph{color:#5e7468;background:#fff;border:1px solid #dfe6e1;border-radius:9px;justify-content:center;align-items:center;width:49px;height:49px;margin-bottom:16px;display:flex;position:relative}.upload-glyph>span{background:var(--accent);color:#fff;border:3px solid #fbfcfb;border-radius:50%;padding:3px;position:absolute;bottom:-4px;right:-5px}.dropzone strong{font-size:14px;font-weight:500}.browse-text{color:var(--secondary);margin-top:5px;font-size:13px}.browse-text>span{color:var(--accent);align-items:center;display:inline-flex}.file-hint{letter-spacing:.15px;color:#7c8580;margin-top:22px;font-size:11px}.file-hint>span{padding:0 5px}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 16px;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex}.primary{background:var(--accent);color:#fff}.primary:hover:enabled,a.primary:hover{background:var(--accent-hover)}.secondary{border-color:var(--border);color:var(--text);background:#fff}.secondary:hover{background:#f4f7f5}.create-button{justify-content:space-between;width:100%;height:46px;margin-top:22px;padding-left:17px}.create-button:disabled{opacity:1;color:#64786b;background:#d9e4de}.form-note{color:#7b847e;justify-content:center;align-items:center;gap:6px;margin-top:15px;font-size:11px;display:flex}.how-section{max-width:960px;margin:59px auto 66px;padding:0 28px}.how-section>h2{text-align:center;letter-spacing:-.2px;margin-bottom:29px;font-size:16px}.steps{grid-template-columns:repeat(3,1fr);gap:42px;display:grid}.step{border-top:1px solid var(--border);padding-top:17px}.step-number{color:var(--accent);font-family:monospace;font-size:11px}.step h3{margin:10px 0 7px;font-size:13px}.step p{color:var(--secondary);font-size:12px;line-height:1.5}.site-footer{border-top:1px solid var(--border);color:#7b847e;align-items:center;gap:26px;max-width:1120px;margin:auto;padding:25px 0 30px;font-size:11px;display:flex}.site-footer nav{gap:23px}.site-footer a:hover{color:var(--accent)}.footer-note{margin-left:auto}.selected-file{border:1px solid var(--border);border-radius:7px;gap:14px;min-width:0;padding:16px;display:flex}.thumbnail{border:1px solid var(--border);background:#f1f4f2;border-radius:4px;flex-shrink:0;width:65px;height:85px;overflow:hidden}.thumbnail img{object-fit:cover;object-position:top;width:100%;height:100%}.file-details{flex:1;min-width:0}.file-details strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;font-size:13px;display:block;overflow:hidden}.file-details p{color:var(--secondary);margin-bottom:7px;font-size:11px;line-height:1.6}.file-badge{color:var(--secondary);align-items:center;gap:4px;margin-right:10px;font-size:10px;display:inline-flex}.icon-button{background:0 0;border:0;border-radius:5px;align-self:flex-start;padding:6px}.icon-button:hover{background:#edf2ef}.text-button{color:var(--accent);background:0 0;border:0;gap:6px;padding:5px 0;font-weight:600;display:inline-flex}.text-button,.toast{align-items:center;font-size:13px}.toast{color:#fff;z-index:100;opacity:0;pointer-events:none;background:#173c2d;border-radius:7px;gap:8px;max-width:calc(100vw - 30px);padding:13px 18px;transition:all .2s;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%,10px)}.toast.visible{opacity:1;transform:translate(-50%)}.success-card>h2{letter-spacing:-.5px;margin-bottom:8px;font-size:23px}.success-card>p{color:var(--secondary);font-size:14px}.success-mark{background:var(--tint);width:44px;height:44px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:1.2px;color:var(--secondary);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.link-section{margin-top:28px}.link-field{background:#f7f9f8;font-size:12px}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.private-section{border-top:1px solid var(--border);margin:25px 0 15px;padding-top:22px}.private-section>p{color:var(--secondary);margin:0 0 12px;font-size:13px;line-height:1.6}.private-section .button{margin-top:10px}.private-section .privacy-warning{margin-top:12px;font-size:11px}.privacy-warning strong{color:#4e5952}dialog{border:1px solid var(--border);border-radius:10px;width:min(490px,100vw - 32px);padding:26px;box-shadow:0 18px 70px #0002}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14241f77}.modal-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}.modal-head h2{letter-spacing:-.4px;font-size:20px}dialog p{font-size:14px;line-height:1.7}dialog .muted{color:var(--secondary);margin:10px 0}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.destructive{background:var(--danger);color:#fff}.danger-text{color:var(--danger)}.manage-page{max-width:850px;margin:auto;padding:24px 28px 65px}.back-link{color:var(--secondary);align-items:center;gap:6px;margin-bottom:38px;font-size:12px;display:flex}.manage-page h1{letter-spacing:-1.1px;font-size:34px}.page-intro{color:var(--secondary);margin-top:10px;font-size:14px}.manage-card{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:220px 1fr;margin-top:30px;display:grid;overflow:hidden}.manage-image{background:#e8ede9;max-height:360px;padding:20px;overflow:hidden}.manage-image img{object-fit:cover;object-position:top;width:100%;box-shadow:0 2px 10px #0001}.manage-info{min-width:0;padding:24px}.manage-info h2{overflow-wrap:anywhere;margin-bottom:24px;font-size:21px;line-height:1.4}.file-facts{grid-template-columns:1fr 1fr;gap:18px;margin:25px 0 0;font-size:12px;display:grid}.file-facts div{min-width:0}.file-facts dt{color:var(--secondary);margin-bottom:6px}.file-facts dd{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.manage-actions{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:26px 0;display:flex}.manage-actions h2{font-size:14px}.danger-row p,.manage-actions p{color:var(--secondary);margin-top:8px;font-size:12px;line-height:1.6}.manage-actions .actions{flex-shrink:0;margin:0}.danger-row{justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.viewer{background:var(--viewer);color:#dfe7e2;min-height:100vh}.viewer-toolbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c211eee;border-bottom:1px solid #343e37;align-items:center;gap:24px;min-height:64px;padding:12px 24px;display:flex;position:sticky;top:0}.viewer-toolbar .brand{color:#fff;gap:7px;font-size:22px}.viewer-toolbar .brand svg,.viewer-toolbar .brand-dot{color:#86c4aa}.viewer-title{text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #3c4740;flex:1;min-width:0;padding-left:23px;font-size:13px;overflow:hidden}.viewer-controls{align-items:center;gap:10px;display:flex}.mode-switch{background:#101511;border:1px solid #354239;border-radius:5px;padding:3px;display:flex}.mode-switch button{color:#9ead9f;background:0 0;border:0;border-radius:3px;align-items:center;gap:7px;padding:6px 9px;font-size:12px;display:flex}.mode-switch button[aria-pressed=true]{color:#fff;background:#35443a}.toolbar-button{color:#d0dcd3;background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;padding:8px;font-size:12px;display:flex}.toolbar-button:hover{background:#333e35}.viewer-canvas{min-height:calc(100vh - 64px);padding:0;overflow-x:auto}.viewer-canvas.actual{padding:24px}.mockup-frame{background:#fff;flex-shrink:0;margin:auto;position:relative}.mockup-frame img{width:100%;height:auto;display:block}.image-loading{color:#586a60;justify-content:center;gap:10px;width:100%;font-size:13px;position:absolute;top:40px;left:0}.image-loading,.state-page{align-items:center;display:flex}.state-page{text-align:center;flex-direction:column;max-width:600px;min-height:65vh;margin:auto;padding:80px 24px}.state-page h1{letter-spacing:-1px;font-size:32px;line-height:1.2}.state-page p{color:var(--secondary);margin:17px 0 24px;font-size:15px;line-height:1.7}.state-icon{color:var(--accent);margin-bottom:20px;font-size:32px}.legal{max-width:700px;margin:50px auto 90px;padding:0 24px}.legal h1{letter-spacing:-1px;margin-bottom:25px;font-size:38px}.legal h2{margin:30px 0 10px;font-size:18px}.legal p{color:var(--secondary);font-size:16px;line-height:1.8}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1180px){.site-footer{margin:0 32px}}@media (max-width:768px){.hero{padding-top:30px}.site-header{height:78px;padding:0 24px}.hero h1{font-size:42px}.manage-card{grid-template-columns:170px 1fr}.manage-actions{flex-direction:column;align-items:flex-start}.viewer-toolbar{gap:12px;padding:10px 14px}.viewer-title{padding-left:12px}.toolbar-button span{display:none}.viewer-canvas.actual{padding:14px}.steps{gap:20px}.how-section{margin-top:42px}.footer-note{display:none}}@media (max-width:540px){.site-header{padding:0 20px}.brand{font-size:24px}.nav-link{font-size:12px}.hero{padding:22px 17px 24px}.hero-label{letter-spacing:1.2px;margin-bottom:17px;font-size:9px}.hero h1{letter-spacing:-1.4px;font-size:35px}.hero p{margin-top:16px;font-size:13px}.desktop-break{display:none}.upload-card{margin:0 16px;padding:22px 20px 18px}.dropzone{height:196px}.how-section{margin-bottom:38px;padding:0 24px}.how-section>h2{margin-bottom:24px;font-size:15px}.steps{grid-template-columns:1fr;gap:18px}.step{grid-template-columns:28px 1fr;column-gap:5px;padding-top:14px;display:grid}.step h3{margin:0 0 5px}.step p{grid-column:2}.step-number{padding-top:2px}.site-footer{justify-content:space-between;margin:0 24px;padding:22px 0}.site-footer nav{gap:15px}.manage-page{padding:16px 20px 40px}.manage-card{grid-template-columns:1fr}.manage-image{height:190px;padding:18px 42px}.manage-image img{max-width:300px;margin:auto}.manage-info{padding:20px}.file-facts{gap:16px}.danger-row{flex-direction:column;align-items:flex-start;gap:8px}.viewer-toolbar{flex-wrap:wrap;gap:10px}.viewer-toolbar .brand{font-size:20px}.viewer-title{max-width:calc(100% - 120px)}.viewer-controls{justify-content:flex-end;width:100%}.mode-switch{margin-right:auto}.toolbar-button span{display:inline}.actual.viewer-canvas{padding:10px}.state-page h1{font-size:28px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--radius:10px;--shadow:0 14px 45px #172c2310}select,textarea{font:inherit;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;min-width:0;padding:12px}textarea{resize:vertical;min-height:100px}select:focus-visible,summary:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #56a38a}label{font-size:14px;font-weight:500;display:block}label input,label select,label textarea{margin:8px 0 18px;display:block}.check-label{align-items:center;gap:10px;margin:18px 0;display:flex}.check-label input{width:auto;margin:0}.desktop-nav{color:var(--secondary);gap:26px;font-size:13px;display:flex}.desktop-nav a:hover{color:var(--accent)}.mobile-nav{display:none;position:relative}.mobile-nav summary{cursor:pointer;padding:12px}.mobile-nav nav{z-index:50;border:1px solid var(--border);border-radius:var(--radius);width:200px;box-shadow:var(--shadow);background:#fff;padding:15px;position:absolute;top:45px;right:0}.mobile-nav nav a{padding:10px;display:block}.site-footer{align-items:flex-start;gap:35px;padding-top:48px;padding-bottom:48px}.site-footer nav{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.site-footer p{color:var(--secondary);margin:20px 0;font-size:13px;line-height:1.7}.site-footer strong{color:var(--text)}.hero-product{grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;max-width:1200px;margin:25px auto 0;padding:0 26px;display:grid}.hero-product .hero{text-align:left;padding:35px 0}.hero-product h1{letter-spacing:-2.8px;font-size:clamp(36px,4.3vw,62px);line-height:1.09}.hero-product .hero p{max-width:480px;margin:23px 0;font-size:17px;line-height:1.75}.hero-product .hero-label{letter-spacing:1.2px;justify-content:flex-start;font-size:10px}.hero-promises{color:var(--secondary);flex-wrap:wrap;gap:8px 18px;font-size:11px;display:flex}.hero-promises span:before{content:"✓";color:var(--accent);margin-right:5px}.depth-scene{perspective:1100px;isolation:isolate;width:100%;max-width:560px;height:360px;margin:20px auto;position:relative}.depth-grid{background-image:linear-gradient(#a6b9ad23 1px,#0000 0),linear-gradient(90deg,#a6b9ad23 1px,#0000 0);background-size:24px 24px;position:absolute;inset:20px;transform:rotateX(48deg)rotate(-12deg)}.depth-browser{background:#fff;border:1px solid #cedbd4;border-radius:12px;transition:transform .25s;position:absolute;inset:20px 35px 30px 40px;overflow:hidden;transform:rotateY(-15deg)rotateX(8deg)rotate(-5deg);box-shadow:-14px 24px #dfe9e3,-28px 43px #ebf0ec,0 28px 45px #244c3420}.depth-toolbar{background:#eef3ef;align-items:center;gap:5px;padding:12px;display:flex}.depth-toolbar i{background:#a5b8aa;border-radius:50%;width:5px;height:5px}.depth-toolbar span{letter-spacing:2px;margin-left:20px;font-size:7px}.depth-canvas{padding:24px 28px;position:relative}.depth-canvas small{letter-spacing:2px;color:#71877a;font-size:7px}.depth-canvas h2{letter-spacing:-1px;margin:16px 0;font-size:28px;line-height:1.04}.depth-art{background:#d8e8bc;border-radius:65px 65px 8px 8px;width:110px;height:165px;position:absolute;top:45px;right:22px;overflow:hidden}.depth-art div{background:#759c7a;border-radius:50%;width:85px;height:85px;position:absolute;bottom:30px;right:-20px;box-shadow:-35px 45px #315846}.depth-art div:nth-child(2){width:40px;height:40px;box-shadow:none;background:#f3e5bd;top:20px;left:20px}.depth-art div:nth-child(3){background:#446a51;width:10px;height:130px;bottom:-50px;left:35px;transform:rotate(-30deg)}.depth-lines{width:45%;margin-top:20px}.depth-lines i{background:#dce5df;height:5px;margin:9px 0;display:block}.depth-lines i:last-child{width:70%}.depth-chip{border:1px solid var(--border);z-index:2;background:#fff;border-radius:8px;padding:12px 15px;font-size:10px;position:absolute;box-shadow:0 9px 25px #274e3617}.chip-feedback{bottom:58px;right:0;transform:rotate(3deg)}.chip-version{color:#fff;background:#203f33;top:7px;right:12px}.chip-approved{bottom:8px;left:0}.demo-pin{color:#fff;background:#c96e3d;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid;position:absolute;top:165px;right:126px}.demo-caption{color:var(--secondary);font-size:9px;position:absolute;bottom:-22px;right:15px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.depth-scene:hover .depth-browser{transform:rotateY(-8deg)rotateX(3deg)rotate(-2deg)}}.upload-section{grid-template-columns:1fr 1.05fr;align-items:center;gap:70px;max-width:1070px;margin:60px auto 80px;padding:0 26px;scroll-margin-top:20px;display:grid}.upload-section .upload-card{width:100%;margin:0}.upload-intro h2{letter-spacing:-1.2px;margin:16px 0;font-size:35px;line-height:1.2}.upload-intro p{color:var(--secondary);max-width:360px;margin:14px 0;line-height:1.75}.content-section,.marketing-page{max-width:1140px;margin:auto;padding:55px 25px}.content-section h2{letter-spacing:-1.2px;margin:16px 0 30px;font-size:36px;line-height:1.2}.marketing-page .content-section{padding-left:0;padding-right:0}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.feature-grid article{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:28px}.feature-grid h3{letter-spacing:-.5px;margin:15px 0;font-size:21px}.contact-grid p,.feature-grid p,.prose p{color:var(--secondary);font-size:15px;line-height:1.9}.feature-number{color:var(--accent);letter-spacing:1px;font-size:11px;font-weight:600}.how-section{max-width:1100px}.step p{line-height:1.8}.page-hero{text-align:left;max-width:750px;margin:5px 0 45px}.page-hero h1{letter-spacing:-2px;margin:20px 0;font-size:clamp(38px,5vw,62px);line-height:1.1}.page-hero p{color:var(--secondary);max-width:650px;margin:0 0 25px;font-size:18px;line-height:1.7}.marketing-page>.depth-scene{margin:50px auto 90px}.prose{max-width:750px;margin:45px auto}.prose h1{letter-spacing:-1.5px;margin:30px 0;font-size:42px;line-height:1.15}.prose h2{letter-spacing:-.6px;margin:40px 0 15px;font-size:26px}.prose p{margin:18px 0}.contact-grid a,.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.faq{max-width:850px}.faq details{border-bottom:1px solid var(--border);padding:20px 0}.faq summary{cursor:pointer;font-weight:500;line-height:1.6}.faq p{color:var(--secondary);margin-top:16px;line-height:1.8}.final-cta{text-align:center;background:#edf3ef;max-width:1090px;margin:60px auto 70px;padding:55px 20px}.final-cta h2{letter-spacing:-1px;font-size:34px}.final-cta p{color:var(--secondary);margin:15px 0 25px}.ad-slot{border:1px solid var(--border);text-align:center;background:#f4f5f4;width:calc(100% - 40px);max-width:970px;min-height:110px;margin:40px auto;padding:8px}.ad-slot small{letter-spacing:1px;color:var(--secondary);text-transform:uppercase;font-size:9px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:25px}.blog-card h2{margin:20px 0;font-size:23px;line-height:1.35}.blog-card p{color:var(--secondary);margin:20px 0;line-height:1.75}.blog-card small{color:var(--secondary);font-size:12px}.blog-card>a{color:var(--accent);font-size:13px}.preserve-lines{white-space:pre-line;overflow-wrap:anywhere}.contact-grid{grid-template-columns:1fr 1.2fr;gap:65px;max-width:950px;margin:50px auto;display:grid}.contact-grid p{margin:18px 0}.contact-form{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:30px}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.review-bar{color:#eef6f0;background:#202a24;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:8px 18px;display:flex}.review-bar .button{min-height:32px;padding:8px 12px;font-size:11px}.badge{color:#256348;text-transform:capitalize;background:#eaf3ee;border-radius:5px;padding:5px 9px;font-size:11px;line-height:1.4;display:inline-block}.badge.approved{color:#1b5421;background:#c8efcb}.badge.changes_requested{color:#744606;background:#fbe3bb}.review-bar .badge{margin-right:auto}.viewer-canvas.feedback-active{margin-right:340px}.feedback-active .mockup-frame img{cursor:crosshair}.feedback-sidebar{width:340px;color:var(--text);z-index:20;border-left:1px solid var(--border);background:#fff;padding:20px;position:fixed;top:110px;bottom:0;right:0;overflow-y:auto}.feedback-sidebar .muted{margin:16px 0;font-size:12px;line-height:1.7}.feedback-sidebar h2{font-size:20px}.feedback-sidebar h3{margin:18px 0;font-size:15px}.comment-card{text-align:left;border:1px solid var(--border);overflow-wrap:anywhere;background:#fff;border-radius:8px;width:100%;margin:12px 0;padding:16px;display:block}.comment-card span{white-space:pre-wrap;margin:8px 0;font-size:13px;line-height:1.6;display:block}.comment-card strong{font-size:13px}.comment-card p{white-space:pre-wrap;margin:12px 0}.comment-card small{color:var(--secondary);font-size:10px}.comment-card.selected{border-color:var(--accent);background:#f0f8f3}.comment-card.resolved{opacity:.7}.comment-pin{color:#fff;z-index:3;cursor:pointer;background:#ca6d31;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0005}.comment-pin.resolved{background:#5b7364}.comment-pin.selected{outline:4px solid #e8b07899}.comment-pin.temporary{background:#126453}.version-history{max-width:960px;margin:0 auto 35px}.version-history>h2{margin:32px 0 16px}.version-history>p{margin:10px 0;line-height:1.7}.version-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.version-row p{color:var(--secondary);overflow-wrap:anywhere;margin:8px 0;font-size:12px}.version-row .actions{flex-wrap:wrap;max-width:380px}.version-row .button{padding:8px 10px;font-size:11px}.historical-preview{margin:15px 0;position:relative}.historical-preview img{width:100%;height:auto;display:block}.admin-login{width:calc(100% - 40px);max-width:420px;margin:80px auto}.admin-login h1{margin:30px 0 12px;font-size:32px}.admin-login p{color:var(--secondary);margin:15px 0 25px}.admin-shell{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.admin-nav{border-right:1px solid var(--border);background:#f0f4f1;padding:30px 24px}.admin-nav p{color:var(--secondary);margin:20px 0;font-size:12px}.admin-nav nav{flex-direction:column;gap:8px;margin:30px 0;display:flex}.admin-nav nav a{text-transform:capitalize;border-radius:6px;padding:12px;font-size:14px}.admin-nav nav a[aria-current]{color:var(--accent);background:#fff;box-shadow:0 2px 5px #00000005}.admin-main{min-width:0;padding:35px}.admin-title{justify-content:space-between;align-items:center;gap:20px;margin:0 0 30px;display:flex}.admin-title h1{letter-spacing:-1px;overflow-wrap:anywhere;margin-top:10px;font-size:32px}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:25px;display:grid}.admin-stats article{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:22px}.admin-stats span{color:var(--secondary);font-size:12px;display:block}.admin-stats strong{margin-top:10px;font-size:30px;display:block}.admin-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin:25px 0;padding:25px}.admin-card h2,.admin-main>h2{margin:22px 0;font-size:22px}.admin-card p{overflow-wrap:anywhere;margin:10px 0;font-size:13px;line-height:1.8}.admin-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0;display:grid}.admin-facts dt{color:var(--secondary);font-size:11px}.admin-facts dd{overflow-wrap:anywhere;margin:6px 0;font-size:13px}.table-scroll{border:1px solid var(--border);background:#fff;max-width:100%;overflow:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:700px;font-size:12px}.table-scroll td,.table-scroll th{text-align:left;border-bottom:1px solid var(--border);overflow-wrap:anywhere;vertical-align:top;min-width:90px;max-width:320px;padding:15px}.table-scroll th{text-transform:capitalize;background:#f1f5f2;font-size:10px}.table-scroll .button{white-space:nowrap;min-height:30px;padding:7px 9px;font-size:10px}.table-scroll .actions{flex-wrap:wrap}.admin-filters{align-items:center;gap:15px;margin:20px 0;display:flex}.admin-filters label{flex:1;max-width:350px}.pagination{justify-content:center;gap:25px;margin:30px 0;font-size:13px;display:flex}.pagination a{color:var(--accent)}@media (max-width:1000px){.desktop-nav{gap:15px}.hero-product{gap:10px}.hero-product h1{font-size:44px}.upload-section{gap:35px}.admin-shell{grid-template-columns:180px minmax(0,1fr)}.admin-main{padding:25px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.depth-art{width:85px;right:15px}.depth-canvas h2{font-size:25px}}@media (max-width:767px){.desktop-nav,.nav-upload{display:none}.mobile-nav{display:block}.hero-product{padding:0 24px;display:block}.hero-product .hero{text-align:center;padding:25px 0 0}.hero-product .hero-label{justify-content:center}.hero-product .hero p{margin:20px auto;font-size:15px}.hero-promises{justify-content:center}.hero-product h1{letter-spacing:-2px;font-size:43px}.hero-product .depth-scene{max-width:420px;height:290px;margin:35px auto 45px}.depth-browser{inset:15px 35px 25px}.depth-canvas{padding:18px}.depth-canvas h2{font-size:24px}.depth-art{height:140px;top:40px}.depth-lines{margin-top:12px}.depth-chip{padding:10px;font-size:8px}.chip-feedback{bottom:35px}.chip-approved{bottom:-5px}.upload-section{margin:30px auto 50px;padding:0 20px;display:block}.upload-intro{text-align:center;margin-bottom:24px}.upload-intro h2{font-size:29px}.upload-intro p{margin:12px auto;font-size:14px}.upload-intro h2 br{display:none}.blog-grid,.contact-grid,.feature-grid{grid-template-columns:1fr}.content-section,.marketing-page{padding:35px 20px}.content-section h2{font-size:29px}.feature-grid{gap:16px}.feature-grid article{padding:23px}.page-hero h1{font-size:39px}.page-hero p{font-size:16px}.site-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;padding:35px 24px;display:grid}.site-footer>div{grid-column:1/-1}.final-cta{margin:35px 18px;padding:35px 20px}.final-cta h2{font-size:28px}.contact-grid{gap:25px}.contact-form{padding:22px}.prose h1{font-size:34px}.review-bar{gap:6px;padding:8px}.review-bar .button{padding:7px 8px;font-size:10px}.viewer-canvas.feedback-active{margin-right:0;padding-bottom:45vh}.feedback-sidebar{border-top:1px solid var(--border);width:100%;height:42vh;padding:16px;top:auto}.feedback-sidebar .comment-list{max-height:150px;overflow:auto}.version-row{display:block}.version-row .actions{max-width:none;margin-top:15px}.admin-shell{display:block}.admin-nav{border-bottom:1px solid var(--border);padding:15px 20px}.admin-nav .brand{font-size:22px}.admin-nav nav{flex-flow:wrap;gap:2px;margin:10px 0}.admin-nav nav a{padding:8px;font-size:12px}.admin-nav p{margin:10px 0}.admin-main{padding:22px 16px}.admin-title h1{font-size:26px}.admin-stats{gap:10px}.admin-stats article{padding:15px}.admin-stats strong{font-size:25px}.admin-facts{grid-template-columns:1fr}.admin-filters{flex-wrap:wrap}.admin-filters label{min-width:120px}.admin-card{padding:18px}.ad-slot{min-height:250px}.comment-pin{width:25px;height:25px;font-size:11px}}@media (prefers-reduced-motion:reduce){.depth-browser{transition:none;transform:none}}@media (max-width:767px){#main{flex-direction:column;display:flex}#main>*{order:3}#main .hero-product{display:contents}#main .hero-product .hero{order:0;padding:22px 24px 0}#main #upload{order:1;width:100%;margin-top:22px;margin-bottom:10px}#main .hero-product .depth-scene{order:2;width:calc(100% - 45px)}#main .upload-intro{display:none}}.source-tabs{background:#f1f4f2;border-radius:8px;gap:6px;margin:4px 0 20px;padding:4px;display:flex}.source-tabs button{color:#50625a;background:0 0;border:0;border-radius:5px;flex:1;padding:10px;font-weight:600}.source-tabs button[aria-pressed=true]{color:#143f30;background:#fff;box-shadow:0 1px 4px #14291b12}.code-entry textarea{resize:vertical;min-height:200px;font-family:monospace;font-size:13px;line-height:1.6}.code-entry .file-hint{margin:10px 0;line-height:1.6;display:block}.code-entry{margin-bottom:16px}.resolution-hint{color:#685420;flex-basis:100%;margin:6px 0;font-size:12px}.selected-file{flex-wrap:wrap}.viewer-resolution{color:#ede2b9;background:#292b23;margin:0;padding:10px 20px;font-size:12px;line-height:1.6}.document-controls{color:#edf3f0;background:#202923;flex-wrap:wrap;align-items:center;gap:20px;padding:12px;font-size:12px;display:flex}.document-controls label{align-items:center;gap:10px;display:flex}.document-controls select{color:#14251a;background:#fff;width:auto;min-width:130px;padding:8px}.html-document,.pdf-document{color:#f4f5f4;width:100%;min-width:0}.pdf-pages{padding:12px 0 30px;overflow-x:auto}.pdf-page{color:#555;background:#fff;flex-shrink:0;max-width:none;margin:0 auto 16px;position:relative}.pdf-placeholder{text-align:center;position:absolute;inset:30px}.pdf-page canvas{display:block}.pdf-render-status{z-index:2;color:#17382f;background:#f4f8f5;border:1px solid #cbdad1;border-radius:6px;width:fit-content;max-width:calc(100% - 16px);margin:0;padding:8px 12px;font-size:13px;position:absolute;top:8px;left:8px;right:8px}.pdf-render-status a{text-underline-offset:3px;text-decoration:underline}.document-error{color:#fff;padding:30px}.html-scroll{overflow:auto}.html-scroll iframe{background:#fff;border:0;max-width:none;height:calc(100dvh - 190px);min-height:400px;margin:0 auto;display:block}.historical-preview .html-document,.historical-preview .pdf-document{background:#18201b;min-height:400px}@media (max-width:600px){.document-controls{gap:10px;padding:10px}.document-controls span,.viewer-toolbar .toolbar-button{font-size:11px}.viewer-resolution{padding:8px 12px;font-size:11px}.viewer-controls{flex-wrap:wrap;gap:4px}.viewer-controls .toolbar-button{padding:6px}.viewer-controls .mode-switch{margin-right:0}.viewer-controls .toolbar-button span{display:none}.source-tabs button{font-size:12px}}.editorial-hero{border-bottom:1px solid var(--border);grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;padding:35px 0 60px;display:grid}.editorial-hero .page-hero{margin:0}.editorial-hero .page-hero h1{font-size:clamp(36px,4.1vw,58px)}.page-hero .hero-footnote{border-left:2px solid var(--accent);margin-top:28px;padding-left:15px;font-size:13px}.product-visual{background:#edf3ef;border:1px solid #cbd9d1;border-radius:12px;min-width:0;margin:0;overflow:hidden;box-shadow:0 16px 38px #163a2510}.visual-topline{color:#52675c;letter-spacing:1.2px;border-bottom:1px solid #cbd9d1;justify-content:space-between;align-items:center;padding:16px;font-size:9px;display:flex}.visual-dots{gap:4px;display:flex}.visual-dots i{background:#8fa699;border-radius:50%;width:5px;height:5px}.visual-layout{grid-template-columns:1.35fr 1fr;gap:16px;padding:24px 18px;display:grid}.visual-site{background:#fff;border:1px solid #dce4dd;min-width:0;padding:17px 14px 23px;position:relative}.visual-site-nav{letter-spacing:.5px;justify-content:space-between;gap:5px;font-size:6px;display:flex}.visual-site-title{letter-spacing:-1px;margin:30px 0 20px;font-size:clamp(20px,2.1vw,31px);font-weight:600;line-height:1.18}.visual-site-title em{color:#336750;font-family:Georgia,serif;font-weight:400}.visual-sculpture{background:#e8e8dc;justify-content:center;align-items:end;gap:8px;height:110px;display:flex;overflow:hidden}.visual-sculpture span{background:#657e68;border-radius:65px 65px 0 0;width:29%;height:75%;display:block}.visual-sculpture span:nth-child(2){background:#b2bc9e;height:94%}.visual-sculpture span:nth-child(3){background:#d0a773;height:56%}.visual-line{background:#e5e9e5;width:85%;height:4px;margin-top:15px}.visual-line.short{width:62%;margin-top:6px}.visual-pin{color:#fff;background:#146452;border:3px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid;position:absolute;top:133px;right:8px}.visual-notes{flex-direction:column;gap:16px;padding-top:8px;display:flex}.visual-label{letter-spacing:1.3px;color:#647469;font-size:8px}.visual-notes>div:not(.visual-revision){color:#28604f;background:#fff;border:1px solid #dce4dd;border-radius:5px;padding:12px}.visual-notes strong{margin:9px 0 5px;font-size:10px;line-height:1.4;display:block}.visual-notes small{color:#66726b;font-size:9px;line-height:1.6;display:block}.visual-revision{gap:7px;display:flex}.visual-revision span{background:#fff;border:1px solid #cfdbd0;border-radius:4px;padding:7px 10px;font-size:10px}.visual-revision .current{color:#fff;background:#146452;border-color:#146452}.product-visual figcaption{color:#66746b;background:#f8faf8;border-top:1px solid #dce4dd;align-items:center;gap:8px;padding:13px 18px;font-size:9px;display:flex}.visual-status{background:#37775d;border-radius:50%;flex:none;width:5px;height:5px}.story-section{padding:65px 0}.home-stories{max-width:1140px;margin:auto;padding:0 25px}.section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:32px;display:grid}.playbook h2,.section-heading h2,.story-aside h2{letter-spacing:-1.2px;margin:14px 0;font-size:clamp(28px,3vw,39px);line-height:1.18}.section-heading p,.story-aside p,.story-section p{color:var(--secondary);font-size:15px;line-height:1.85}.principle-grid,.source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.source-card{border:1px solid var(--border);background:#fff;border-radius:9px;flex-direction:column;align-items:start;padding:27px;display:flex}.principle-grid svg,.source-card>svg{color:var(--accent);margin-bottom:24px}.source-card>.eyebrow{letter-spacing:1.3px;font-size:9px}.principle-grid h3,.source-card h3{letter-spacing:-.5px;margin:12px 0;font-size:21px}.source-card>p{margin-bottom:25px}.source-tip{border-top:1px solid var(--border);margin-top:auto;padding-top:20px}.source-tip p,.source-tip strong{font-size:12px}.source-tip p{margin-top:9px;line-height:1.8}.principle-grid article{border-top:1px solid #cbd9d1;padding:25px 25px 25px 0}.playbook{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1.05fr;gap:65px;display:grid}.playbook>div>p{max-width:420px;margin:22px 0}.text-link{color:var(--accent);align-items:center;gap:9px;font-size:13px;font-weight:600;display:inline-flex}.review-checklist{margin:0;padding:0;list-style:none}.review-checklist li{border-bottom:1px solid var(--border);gap:20px;padding:19px 0;display:flex}.review-checklist li:first-child{padding-top:0}.review-checklist li:last-child{border-bottom:0;padding-bottom:0}.review-checklist li>span{letter-spacing:1px;color:var(--accent);padding-top:5px;font-size:10px}.review-checklist h3{margin:0 0 7px;font-size:17px}.review-checklist p{margin:0;font-size:13px}.editorial-body{grid-template-columns:.7fr 1.3fr;gap:70px;padding:55px 0;display:grid}.editorial-body .prose{max-width:none;margin:0}.editorial-body .prose h2:first-child{margin-top:0}.story-aside{padding:10px 0}.story-aside h2{font-size:30px}.marketing-page>.prose{max-width:850px;margin-left:0}.marketing-page.blog-page{width:100%;max-width:none;padding-inline:clamp(16px,3vw,64px)}.blog-page>.blog-article{width:100%;max-width:none;margin-inline:0}.blog-page .blog-html-frame{background:0 0}.marketing-page .faq{max-width:none}.marketing-page .final-cta{text-align:left;padding:45px}.topic-nav{border-bottom:1px solid var(--border);color:var(--accent);gap:25px;padding:23px 0;font-size:12px;font-weight:600}.journal-topics,.topic-nav{flex-wrap:wrap;display:flex}.journal-topics{align-items:center;gap:20px;padding:26px 0 40px;font-size:11px}.journal-topics>span{color:var(--secondary)}.journal-topics strong{border:1px solid var(--border);border-radius:4px;padding:7px 12px;font-weight:500}.contact-graphic{background:#eaf2ec;border:1px solid #d4e0d6;border-radius:8px;max-width:400px;margin-bottom:30px;padding:25px}.contact-graphic span{letter-spacing:1.8px;color:#537361;font-size:9px}.contact-graphic div{background:#b8cfc0;width:80%;height:6px;margin-top:15px}.contact-graphic div:nth-child(3){width:60%}.contact-graphic div:nth-child(4){width:40%}.contact-graphic b{letter-spacing:-.8px;color:#255c48;margin-top:25px;font-size:22px;display:block}@media (max-width:900px){.editorial-hero{grid-template-columns:1fr 1fr;gap:30px}.source-grid{grid-template-columns:1fr}.source-card{grid-template-columns:40px 1fr;gap:0 17px;display:grid}.source-card>svg{grid-row:1/4}.source-card .source-tip,.source-card>p{grid-column:2}.section-heading{gap:30px}.editorial-body{gap:35px}.playbook{gap:30px}}@media (max-width:640px){.editorial-body,.editorial-hero,.playbook,.section-heading{grid-template-columns:1fr;gap:28px}.editorial-hero{padding:15px 0 35px}.editorial-hero .page-hero h1{letter-spacing:-1.4px;font-size:38px}.visual-site-title{font-size:27px}.product-visual{width:100%;max-width:480px}.story-section{padding:40px 0}.principle-grid{grid-template-columns:1fr;gap:10px}.principle-grid article{padding:23px 0}.source-card{padding:22px;display:flex}.source-card>svg{margin-bottom:18px}.section-heading p{margin-top:0}.editorial-body{padding:35px 0}.marketing-page .final-cta{padding:30px 22px}.topic-nav{gap:17px}.journal-topics{gap:10px}.home-stories{padding:0 20px}}.viewer .viewer-toolbar{padding-right:68px}.viewer-frame-toggle{z-index:30;color:#fff;cursor:pointer;background:#24342b;border:1px solid #536459;border-radius:6px;place-items:center;width:36px;height:36px;display:grid;position:fixed;top:12px;right:12px}.viewer-frame-toggle:hover{background:#36503e}.viewer-frame-toggle:focus-visible{outline-offset:3px;outline:2px solid #b0e3cb}.viewer.frame-collapsed{padding-top:40px}.viewer.frame-collapsed .viewer-frame-toggle{top:2px}.frame-collapsed .document-controls,.frame-collapsed .viewer-resolution,.viewer-frame-extra[hidden],.viewer-toolbar[hidden]{display:none}.frame-collapsed .html-scroll iframe{height:calc(100dvh - 40px)}.blog-reading-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:clamp(32px,5vw,80px);display:grid}.blog-reading-layout .blog-article{width:100%;min-width:0;max-width:none;margin:40px 0}.blog-content{overflow-wrap:anywhere;font-size:17px;line-height:1.85}.blog-content :is(article,main,section,div){max-width:100%}.blog-content :is(h1,h2,h3,h4){margin:32px 0 14px;line-height:1.3}.blog-content :is(ul,ol){margin:20px 0;padding-left:24px}.blog-content ul{list-style:outside}.blog-content ol{list-style:decimal}.blog-content li{margin:8px 0}.blog-content img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:420px;margin:28px auto;display:block}.blog-content figure{margin:28px 0}.blog-content figcaption{text-align:center;color:var(--secondary);font-size:13px}.blog-content blockquote{border-left:3px solid var(--accent);background:#edf3ef;margin:24px 0;padding:8px 20px}.blog-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf3ef;border-radius:8px;padding:18px}.blog-content table{table-layout:fixed;border-collapse:collapse;width:100%;margin:24px 0;font-size:14px}.blog-content :is(th,td){border:1px solid var(--border);text-align:left;overflow-wrap:anywhere;padding:12px}.blog-sidebar{min-width:0;padding-top:48px}.blog-sidebar-section{border-top:1px solid var(--border);padding:24px 0}.blog-sidebar h2{letter-spacing:-.4px;margin:10px 0 18px;font-size:20px;line-height:1.35}.blog-sidebar-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:600}.blog-sidebar p{color:var(--secondary);font-size:14px;line-height:1.7}.blog-sidebar-posts{margin:0;padding:0;list-style:none}.blog-sidebar-posts li{border-bottom:1px solid var(--border);padding:16px 0}.blog-sidebar-posts li>span{color:var(--secondary);margin-bottom:6px;font-size:11px;display:block}.blog-sidebar a{font-size:14px;font-weight:500;line-height:1.6;text-decoration:none}.blog-sidebar a:hover{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.blog-topic{border-bottom:1px solid var(--border);padding:15px 0}.blog-topic summary{cursor:pointer;font-size:13px;font-weight:500}.blog-topic summary span{float:right;color:var(--secondary)}.blog-topic ul{padding:12px 0 0 16px}.blog-topic li{margin:10px 0}.blog-sidebar-cta{background:#edf3ef;border-radius:10px;margin-top:12px;padding:24px}.blog-sidebar-cta a{color:var(--accent);margin-top:18px;display:inline-block}@media (max-width:1000px){.blog-reading-layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}}@media (max-width:760px){.blog-reading-layout{grid-template-columns:minmax(0,1fr);gap:0}.blog-sidebar{padding-top:0}.blog-content{font-size:16px}.blog-reading-layout .blog-article h1{font-size:32px}.blog-content img{max-height:300px}}.device-tabs{border-bottom:1px solid #ffffff20;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px;display:flex}.device-tabs a{color:#e9f1ed;border:1px solid #ffffff30;border-radius:6px;padding:8px 16px;font-size:13px}.device-tabs a[aria-current]{color:#123d32;background:#e9f1ed}.device-tabs span{color:#c0ccc5;margin-left:auto;font-size:12px}.device-manager{border-bottom:1px solid var(--border);margin-bottom:28px;padding:28px 0}.device-manager>p{max-width:720px;color:var(--secondary);line-height:1.7}.device-manager form{gap:14px;max-width:640px;margin-top:20px;display:grid}.device-status{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.device-status span{background:#edf3ef;border-radius:6px;padding:8px 12px;font-size:12px}.document-controls input{color:#172b25;background:#fff;border-radius:4px;width:110px;padding:8px}@media (max-width:600px){.device-tabs{padding:10px 12px}.device-tabs span{width:100%;margin:0}.device-manager{padding:20px 0}}.figma-import{border:1px solid var(--border);border-radius:10px;max-width:800px;margin:32px 0;padding:clamp(20px,4vw,36px)}.figma-import h2{margin-bottom:12px;font-size:26px}.figma-import p{margin:14px 0;line-height:1.7}.figma-import label{gap:8px;margin:18px 0;font-size:14px;font-weight:500;display:grid}.figma-import input,.figma-import select{width:100%;min-width:0}.figma-success{flex-wrap:wrap;gap:12px;display:flex}.version-comparison{border-bottom:1px solid var(--border);margin:24px 0 36px;padding:24px 0}.compare-selectors{flex-wrap:wrap;align-items:end;gap:16px;margin:18px 0;display:flex}.compare-selectors label{flex:1;gap:8px;min-width:0;max-width:100%;display:grid}.compare-selectors select{width:100%;max-width:100%}.compare-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:16px;display:grid}.compare-grid>section{color:#fff;background:#18231e;border-radius:8px;min-width:0;padding:10px}.compare-grid h3{overflow-wrap:anywhere;padding:8px 0 16px;font-size:13px}.compare-grid img{width:100%;height:auto}.compare-grid .html-scroll iframe{height:70vh}@media (max-width:760px){.compare-grid{grid-template-columns:minmax(0,1fr)}.compare-selectors{flex-direction:column;align-items:stretch}}.product-definition{padding-block:32px}.product-definition p{max-width:850px;color:var(--secondary);margin-top:16px;line-height:1.8}.creation-options{gap:16px;min-width:0;display:grid}.figma-entry{border:1px solid var(--border,#dce3df);background:var(--surface,#fff);border-radius:12px;scroll-margin-top:90px;overflow:hidden}.figma-entry summary{cursor:pointer;padding:20px;font-weight:650}.figma-entry summary span{color:var(--muted,#5d6b65);margin-top:6px;font-size:13px;font-weight:400;display:block}.figma-entry .figma-import{border:0;border-radius:0;margin:0;padding:20px}.private-section>.button{margin-top:12px}#device-layouts{scroll-margin-top:90px}.uploader-wrap>.figma-import{border:0;border-radius:0;margin:0;padding:16px 0}.source-tabs{flex-wrap:wrap}.source-tabs button{flex:110px;min-width:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--background:#f7f8f4;--accent:#146452;--accent-hover:#0f4f41;--border:#d7e1d8}.atelier-home,.marketing-page,.site-footer,.site-header{font-family:Plus Jakarta Sans,Inter,sans-serif;color:#172d25}.atelier-home,.marketing-page{--display-font:"Newsreader",Georgia,serif}.atelier-home h1,.atelier-home h2,.atelier-home h3,.marketing-page .feature-grid h3,.marketing-page h1,.marketing-page h2{font-family:var(--display-font);font-weight:400;letter-spacing:-.025em}.site-header{max-width:1280px;padding:20px 32px;border-bottom:1px solid #d7e1d8;align-items:center}.site-header .brand{font-size:24px}.site-header .desktop-nav{gap:24px;font-size:13px}.site-header .button{font-size:12px;min-height:40px;padding:10px 17px}.site-footer{max-width:1200px;border-top:1px solid #d7e1d8;margin-top:72px;font-size:12px}.site-footer p{max-width:270px}.atelier-home{width:100%}.atelier-home p{color:#52665b;line-height:1.8}.atelier-home .button{border-radius:8px;font-size:13px}.atelier-home .eyebrow{font-size:10px;font-weight:500;letter-spacing:.12em}.atelier-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;max-width:1200px;margin:auto;padding:52px 28px 56px}.atelier-hero h1{font-size:clamp(42px,4.5vw,62px);line-height:1.06;margin:22px 0 20px}.atelier-hero-copy>p{max-width:430px;font-size:14px;margin:0 0 24px}.atelier-tag{display:inline-flex;align-items:center;border-radius:5px;font-size:9px;letter-spacing:.025em;background:#e8eee4;color:#245745;padding:5px 9px}.atelier-actions{display:flex;gap:10px;flex-wrap:wrap}.atelier-assurances{display:flex;flex-wrap:wrap;gap:20px;margin-top:21px;font-size:10px;color:#64756b}.atelier-assurances span:before{content:"✓";color:#146452;margin-right:6px}.atelier-composition{position:relative;margin:0;padding:0 22px 34px 0;min-width:0}.atelier-composition-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#61746a;padding:0 0 10px}.atelier-composition-meta>span:last-child{display:flex;align-items:center;gap:5px}.atelier-browser{overflow:hidden;border:1px solid #d7e1d8;border-radius:9px;box-shadow:0 10px 24px #17372512;background:white}.atelier-browser-bar{display:flex;justify-content:space-between;align-items:center;background:#e7e9e5;padding:9px 12px;font-size:9px;color:#607067}.atelier-dots{display:flex;gap:4px}.atelier-dots i{width:6px;height:6px;border-radius:50%;background:#bdc9c0}.atelier-site{position:relative;background:#f2f2eb;padding:22px;min-height:310px}.atelier-site-nav{display:flex;justify-content:space-between;gap:12px;font-size:8px;margin-bottom:46px}.atelier-site-nav strong{letter-spacing:.12em;font-weight:500}.atelier-site-nav>span{color:#64756b}.atelier-site-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:end}.atelier-site-hero small{font-size:7px;letter-spacing:.15em;text-transform:uppercase}.atelier-site-hero h2{font-size:clamp(22px,2.5vw,34px);line-height:1.08;margin:13px 0}.atelier-site-hero p{font-size:8px;margin:0}.atelier-site-hero img{width:100%;height:160px;object-fit:cover;border-radius:3px}.atelier-feedback{position:absolute;top:58px;left:30%;display:flex;align-items:start;gap:8px;max-width:210px}.atelier-feedback>span{background:#146452;color:white;border-radius:50%;min-width:22px;height:22px;text-align:center;font-size:11px;line-height:22px}.atelier-feedback>div{padding:10px 12px;background:white;border:1px solid #c8d9cd;box-shadow:0 5px 14px #193e3212;border-radius:5px}.atelier-feedback strong{font-size:9px;font-weight:600}.atelier-feedback p{font-size:9px;line-height:1.55;margin:6px 0}.atelier-feedback small{font-size:7px;color:#64756b}.atelier-phone{position:absolute;width:108px;right:0;bottom:16px;background:#fff;padding:9px;border-radius:15px;border:4px solid #dfe5de;box-shadow:0 8px 18px #193e3214}.atelier-phone>i{display:block;width:25px;height:3px;border-radius:4px;background:#d7e1d8;margin:0 auto 10px}.atelier-phone strong{display:block;font-size:6px;font-weight:500}.atelier-phone>span{display:block;font-family:var(--display-font);font-size:16px;line-height:1.1;margin:12px 0}.atelier-phone img{display:block;height:85px;width:100%;object-fit:cover;border-radius:3px}.atelier-composition>figcaption{margin-top:12px;font-size:8px;color:#64756b;padding-right:85px}.atelier-upload{max-width:850px;margin:12px auto 76px;background:white;border:1px solid #e2e6de;box-shadow:0 12px 25px #172d2510,0 2px 4px #172d2508;border-radius:14px;padding:28px 32px 22px;scroll-margin-top:20px}.atelier-upload-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.atelier-upload-heading h2{font-size:30px;line-height:1.15;margin:7px 0}.atelier-upload-heading .atelier-tag{margin-top:4px;font-size:8px}.atelier-upload-intro{font-size:11px;margin:5px 0 18px}.atelier-upload .upload-card{width:100%;max-width:none;margin:0;padding:0;border:0;box-shadow:none;border-radius:0}.atelier-upload input:not([type=file]),.atelier-upload textarea{background:#f5f6f2;border-radius:7px;font-size:13px}.atelier-upload .field-label{font-size:11px}.atelier-upload .source-tabs{background:#f0f3ed;border-radius:7px;padding:4px;width:fit-content;max-width:100%}.atelier-upload .source-tabs button{font-size:11px;min-height:34px;padding:8px 16px}.atelier-upload .dropzone{background:#f5f6f1;border:1px dashed #c8d4ca;border-radius:9px;min-height:155px}.atelier-upload .create-button{width:auto;min-width:180px;margin-top:20px}.atelier-upload .form-note{justify-content:flex-start;margin-bottom:0}.atelier-upload-foot{font-size:10px;margin:14px 0 0;padding-top:13px;border-top:1px solid #e4eae3}.atelier-section{max-width:1200px;margin:0 auto;padding:32px 28px 52px}.atelier-section-title{margin-bottom:28px}.atelier-section-title h2{font-size:clamp(30px,3.2vw,42px);line-height:1.1;margin:10px 0 12px}.atelier-section-title p{font-size:12px;margin:0}.atelier-section-title.centered{text-align:center}.atelier-section-title.split{display:flex;align-items:end;justify-content:space-between;gap:36px}.atelier-section-title.split>p{max-width:380px}.atelier-section-title.split>a{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;font-size:12px;padding-bottom:15px}.atelier-journal-grid,.atelier-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.atelier-step-grid article{background:white;border:1px solid #e1e7de;border-radius:12px;padding:23px;display:flex;flex-direction:column}.atelier-card-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:22px}.atelier-card-top svg{color:#53695c;background:#f1f4ed;border-radius:50%;padding:7px;width:33px;height:33px}.atelier-step-grid h3{font-size:24px;margin:0 0 10px;line-height:1.15}.atelier-step-grid p{font-size:12px;margin:0 0 22px}.atelier-step-grid small{display:block;margin-top:auto;background:#f4f5f0;color:#64756b;border-radius:5px;padding:9px;font-size:9px}.atelier-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.atelier-bento article{border:1px solid #e0e7dd;background:white;border-radius:14px;padding:25px;min-width:0}.atelier-bento .atelier-revisions{grid-column:span 2}.atelier-bento h3{font-size:28px;line-height:1.1;margin:16px 0 12px}.atelier-bento p{font-size:12px;margin:0 0 18px}.atelier-bento article>a{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#146452}.atelier-icon{display:grid;place-items:center;width:36px;height:36px;background:#dcefe5;color:#146452;border-radius:9px}.atelier-revision-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.atelier-revision-pair figure{background:#f1f4ee;border-radius:7px;padding:10px;margin:0}.atelier-revision-pair figcaption{font-size:9px;margin-bottom:8px}.atelier-revision-pair img{width:100%;height:135px;object-fit:cover;object-position:top;border-radius:4px}.atelier-comment{display:flex;gap:9px;align-items:start;margin-top:13px;padding:12px;background:#f1f5ee;border-radius:7px}.atelier-comment>span{background:#146452;color:white;border-radius:50%;font-size:9px;padding:3px 7px}.atelier-comment p{margin:0;font-size:11px}.atelier-comment small{display:block;font-size:8px;color:#64756b;margin-top:5px}.atelier-device-icons{display:flex;justify-content:space-around;padding:15px;background:#f3f5ef;color:#5a7464;border-radius:7px}.atelier-format-tags{display:flex;flex-wrap:wrap;gap:6px}.atelier-format-tags span{font-size:9px;background:#eff3eb;padding:5px 8px;border-radius:4px}.atelier-devices{max-width:1144px;margin-top:22px;margin-bottom:36px;padding:32px;border-radius:18px;background:#edefe8}.atelier-device-stage{display:flex;gap:24px;align-items:end}.atelier-device-stage figure{margin:0;padding:12px;background:white;border-radius:10px;border:1px solid #d6dfd3;box-shadow:0 3px 5px #17372508;min-width:0}.atelier-device-stage figcaption{display:flex;align-items:center;gap:8px;font-size:10px;text-transform:capitalize;margin-bottom:12px}.atelier-device-stage img{width:100%;object-fit:cover;object-position:top;display:block;border-radius:4px}.atelier-device-desktop{flex:1.65}.atelier-device-desktop img{height:310px}.atelier-device-tablet{flex:0.85}.atelier-device-tablet img{height:255px}.atelier-device-mobile{flex:0.55}.atelier-device-mobile img{height:215px}.atelier-caption{font-size:9px;margin:16px 0 0}.atelier-journal-grid article{min-width:0;overflow:hidden;border:1px solid #e0e7dd;border-radius:12px;background:white;display:flex;flex-direction:column}.atelier-journal-art{height:150px;position:relative;overflow:hidden;background:#dce7d6;color:#275541;padding:20px}.atelier-journal-art>svg{width:52px;height:52px;position:relative;z-index:1;margin-top:25px;stroke-width:1}.atelier-journal-art>span{font-size:8px;letter-spacing:.16em;position:absolute;left:20px;top:20px}.atelier-journal-art i{right:30px;top:45px;width:100px;height:160px;background:#a9c0a1}.atelier-journal-art b,.atelier-journal-art i{position:absolute;border-radius:60px 60px 0 0;transform:rotate(24deg)}.atelier-journal-art b{right:60px;top:70px;width:65px;height:120px;border:1px solid #f7f8f4}.atelier-journal-art.art-2{background:#e9e3d6;color:#715e38}.atelier-journal-art.art-2 i{background:#cbbd9c}.atelier-journal-art.art-2 b,.atelier-journal-art.art-2 i{border-radius:6px;transform:rotate(-15deg)}.atelier-journal-art.art-3{background:#d9e7e5;color:#31615c}.atelier-journal-art.art-3 i{background:#9bbfb6;border-radius:50%}.atelier-journal-copy{padding:22px;display:flex;flex:1;flex-direction:column}.atelier-journal-copy time{font-size:9px;color:#64756b}.atelier-journal-copy h3{font-size:25px;line-height:1.2;margin:12px 0;overflow-wrap:anywhere}.atelier-journal-copy p{font-size:11px;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.atelier-read{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:auto;color:#146452}.atelier-home .faq{max-width:820px;padding:28px 28px 38px}.atelier-home .faq>.eyebrow,.atelier-home .faq>h2{display:block;text-align:center}.atelier-home .faq h2{font-size:38px;margin:12px 0 26px}.atelier-home .faq details{border:1px solid #e4e8df;border-radius:8px;background:white;margin:9px 0;padding:17px 20px}.atelier-home .faq summary{font-size:13px}.atelier-home .faq details p{font-size:12px}.atelier-definition{max-width:820px;padding:15px 28px 30px;margin:auto}.atelier-definition h2{font-size:25px}.atelier-definition p{font-size:12px}.atelier-definition a{font-size:11px;color:#146452}.final-cta{max-width:1144px;margin:28px auto 0;padding:42px 50px;border:1px solid #083e31;border-radius:16px;text-align:left;background:#004b3c;position:relative;overflow:hidden;color:#f7f8f4}.final-cta:after{content:"";position:absolute;width:220px;height:220px;right:-15px;top:-70px;border:35px solid #ffffff06;border-radius:50%;pointer-events:none}.final-cta h2{color:#fff;font-family:Newsreader,Georgia,serif;font-size:40px;font-weight:400;max-width:570px;margin:15px 0;line-height:1.1}.atelier-home .final-cta p,.final-cta .eyebrow,.final-cta p{color:#dcefe5;font-size:12px;max-width:560px}.final-cta .button.primary{background:#f7f8f4;color:#004b3c;margin-top:14px}.marketing-page{max-width:1200px;padding:36px 28px}.marketing-page .editorial-hero{gap:48px;padding:28px 0 48px}.marketing-page .editorial-hero .page-hero h1,.marketing-page .page-hero h1{font-size:clamp(40px,4.5vw,60px);line-height:1.08}.marketing-page .page-hero p{font-size:15px;line-height:1.85}.marketing-page .content-section h2{font-size:38px;line-height:1.15}.marketing-page .feature-grid{gap:20px}.marketing-page .blog-card,.marketing-page .feature-grid article{background:white;border:1px solid #dfe7dc;border-radius:12px;padding:26px}.marketing-page .feature-grid h3{font-size:26px;line-height:1.2}.marketing-page .feature-grid p,.marketing-page .prose p{font-size:14px;line-height:1.9}.marketing-page .product-visual{border-radius:12px;box-shadow:0 8px 22px #193e320a}.public-showcase-image{display:block;width:100%;height:160px;object-fit:cover;border-radius:6px;margin:18px 0}.marketing-page .blog-card h2{font-size:29px}.marketing-page .blog-card small{display:inline-block;padding:5px 8px;background:#e8eee4;border-radius:4px;font-size:10px}.marketing-page .contact-grid>form,.marketing-page .contact-grid>section{border-radius:14px}.marketing-page .final-cta{margin-top:42px;padding:38px}@media (prefers-reduced-motion:no-preference){.atelier-browser{animation:studio-enter .65s ease-out both}.atelier-phone{animation:studio-enter .75s ease-out .12s both}.atelier-feedback{animation:studio-enter .65s ease-out .25s both}.atelier-bento article,.atelier-journal-grid article,.atelier-step-grid article{transition:transform .2s ease,box-shadow .2s ease}.atelier-bento article:hover,.atelier-journal-grid article:hover,.atelier-step-grid article:hover{transform:translateY(-3px);box-shadow:0 8px 22px #193e3209}@keyframes studio-enter{0%{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:1023px){.atelier-hero{gap:25px;padding-inline:24px}.atelier-hero h1{font-size:45px}.atelier-site{padding:16px;min-height:280px}.atelier-site-nav{margin-bottom:38px}.atelier-feedback{left:15%;top:42px}.atelier-site-hero{grid-template-columns:1fr 1fr}.atelier-site-hero h2{font-size:24px}.atelier-site-hero img{height:135px}.atelier-upload{margin-inline:36px}.atelier-devices,.atelier-home .final-cta{margin-inline:24px}.atelier-device-stage{gap:14px}.atelier-device-desktop img{height:240px}.atelier-device-tablet img{height:205px}.atelier-device-mobile img{height:175px}}@media (max-width:767px){#main.atelier-home{display:block}.site-header{padding:14px 18px;gap:10px}.site-header .brand{font-size:22px}.site-header .button{font-size:10px;padding:9px 12px}.atelier-hero{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:30px 20px 20px}.atelier-hero h1{font-size:43px;margin:18px 0 14px}.atelier-hero-copy>p{font-size:13px;margin-bottom:20px}.atelier-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.atelier-actions .button{font-size:11px;padding:12px 8px}.atelier-composition{max-width:540px;width:100%;margin:auto}.atelier-composition-meta{font-size:8px}.atelier-site{min-height:265px}.atelier-site-nav>span{font-size:6px}.atelier-site-hero h2{font-size:26px}.atelier-feedback{max-width:190px}.atelier-phone{width:94px}#main.atelier-home #upload{width:auto;margin:10px 16px 36px;padding:22px 18px}.atelier-upload-heading{display:block}.atelier-upload-heading h2{font-size:28px}.atelier-upload-heading>.atelier-tag{display:none}.atelier-upload-intro{font-size:10px;margin-bottom:16px}.atelier-upload .source-tabs{width:100%}.atelier-upload .source-tabs button{flex:1;padding:8px 4px;font-size:10px}.atelier-upload .create-button{width:100%}.atelier-section{padding:24px 20px 32px}.atelier-section-title.split{display:block}.atelier-section-title h2{font-size:33px}.atelier-section-title.split>a{margin-top:10px;padding-bottom:0}.atelier-section-title.centered{text-align:left}.atelier-bento,.atelier-journal-grid,.atelier-step-grid{grid-template-columns:minmax(0,1fr);gap:12px}.atelier-step-grid article{padding:20px}.atelier-card-top{margin-bottom:12px}.atelier-bento .atelier-revisions{grid-column:auto}.atelier-bento article{padding:22px}.atelier-revision-pair img{height:105px}.atelier-devices{margin:8px 16px 24px;padding:24px 18px}.atelier-device-stage{flex-wrap:wrap;gap:12px}.atelier-device-desktop{flex:0 0 100%}.atelier-device-desktop img{height:220px}.atelier-device-tablet{flex:1}.atelier-device-mobile{flex:0.7}.atelier-device-mobile img,.atelier-device-tablet img{height:200px}.atelier-journal-grid article{display:grid;grid-template-columns:92px minmax(0,1fr)}.atelier-journal-art{height:100%;min-height:175px;padding:12px}.atelier-journal-art>span{display:none}.atelier-journal-art>svg{width:32px;height:32px}.atelier-journal-art i{right:-55px}.atelier-journal-art b{right:-30px}.atelier-journal-copy{padding:18px}.atelier-journal-copy h3{font-size:23px;margin:8px 0}.atelier-journal-copy p{-webkit-line-clamp:2;margin-bottom:12px}.atelier-home .faq{padding:24px 20px}.atelier-home .faq>.eyebrow,.atelier-home .faq>h2{text-align:left}.atelier-home .faq h2{font-size:33px}.atelier-home .final-cta,.marketing-page .final-cta{padding:28px;margin-inline:16px}.final-cta h2{font-size:34px}.atelier-home .final-cta .button{width:100%}.marketing-page{padding:26px 20px}.marketing-page .editorial-hero{gap:25px;padding:8px 0 28px}.marketing-page .editorial-hero .page-hero h1,.marketing-page .page-hero h1{font-size:43px}.marketing-page .feature-grid{grid-template-columns:minmax(0,1fr)}.site-footer{padding:32px 22px;margin-top:42px}}.marketing-page .journal-illustrated{overflow:hidden}.journal-illustrated>.atelier-journal-art{margin:-26px -26px 22px}.legal{font-family:Plus Jakarta Sans,Inter,sans-serif;background:#fff;border:1px solid #dfe7dc;border-radius:14px;padding:36px}.legal h1,.legal h2{font-family:Newsreader,Georgia,serif;font-weight:400}.legal h1{font-size:48px}.legal h2{font-size:29px}.legal p{font-size:14px;line-height:1.9;color:#52665b}@media (max-width:767px){.legal{padding:24px;margin:24px 16px;width:auto}.journal-illustrated>.atelier-journal-art{height:145px;min-height:0}.journal-illustrated>.atelier-journal-art>span{display:block}}.atelier-upload .source-tabs,.source-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%;gap:4px}.atelier-upload .source-tabs button,.source-tabs button{min-width:0;min-height:44px;padding:10px 8px;overflow-wrap:anywhere}.marketing-page .source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.marketing-page .source-card{padding:clamp(24px,3vw,36px)}.marketing-page .source-tip{width:100%}.marketing-page .content-section>h2{margin-bottom:20px}.marketing-page .content-section>p{max-width:76ch;line-height:1.85;color:var(--secondary);margin:0 0 32px}.marketing-page .feature-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.marketing-page .feature-grid-three article{display:flex;flex-direction:column;min-width:0;padding:clamp(24px,2.4vw,32px)}.marketing-page .feature-grid-three article>a:last-child{margin-top:auto;padding-top:20px}.marketing-page .figma-story>.import-note{max-width:none;margin:28px 0 24px;padding:24px 28px;border-left:3px solid var(--accent);background:#edf2ec;border-radius:0 8px 8px 0;font-size:13px}.figma-story>.topic-nav{gap:12px 24px;margin:0 0 24px}@media (max-width:959px){.marketing-page .feature-grid-three{grid-template-columns:minmax(0,1fr)}}@media (max-width:599px){.marketing-page .source-grid{grid-template-columns:minmax(0,1fr)}.marketing-page .figma-story>.import-note{padding:20px}}