@charset "UTF-8";
:root{--ink:#203831;--text:#263b35;--muted:#687870;--paper:#faf9f5;--white:#fff;--line:#dfe5de;--green:#173f36;--mint:#d9eadb;--orange:#edaa83;--radius:20px;--container:1240px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;color:var(--text);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,input,textarea,select{color:var(--ink)}button{border:0}svg{display:block}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all}h1{font-size:clamp(42px,4.8vw,70px);line-height:1.21;letter-spacing:-.065em;font-weight:700}h2{font-size:clamp(32px,3vw,46px);line-height:1.3;letter-spacing:-.055em;font-weight:650}h3{font-size:23px;line-height:1.45;letter-spacing:-.035em}p{line-height:1.8;word-break:keep-all}a,button{touch-action:manipulation}:focus-visible{outline:3px solid #dc8b62;outline-offset:5px}[hidden]{display:none!important}.container{max-width:var(--container);width:calc(100% - 96px);margin-inline:auto}.section{padding:112px 0}.eyebrow{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;letter-spacing:.025em;margin-bottom:23px}.tiny-dot{width:7px;height:7px;border-radius:50%;background:#507d60;display:inline-block;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 23px;font-size:15px;font-weight:600;border-radius:8px;border:1px solid transparent;line-height:1.3;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button svg{width:22px;height:22px}.button-dark{background:var(--green);color:white}.button-dark:hover{background:#285648}.button-light{background:var(--paper);color:var(--green)}.button-outline{border-color:#b9c7bd;background:transparent}.button-small{padding:12px 17px;font-size:13px}.text-link,.read-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;background:none}.text-link svg,.read-link svg{width:20px;height:20px;transition:transform .2s}.text-link:hover svg,.read-link:hover svg{transform:translateX(4px)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:88px;border-bottom:1px solid #2038310b;background:#faf9f5f5;position:sticky;top:0;z-index:50;backdrop-filter:blur(15px)}.header-inner{height:100%;max-width:var(--container);width:calc(100% - 96px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:36px}.wordmark{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.wordmark svg{width:35px;height:35px}.wordmark span{font-size:23px;font-weight:750;letter-spacing:-1.6px}.site-header nav{display:flex;align-items:center;gap:34px;margin-right:auto;margin-left:65px}.site-header nav a{font-size:14px;color:#637168;transition:color .2s}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--green)}.header-actions{display:flex;align-items:center;gap:24px;white-space:nowrap}.quiet-link{font-size:13px}.menu-toggle{display:none;background:none;padding:10px}
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:45% 55%;padding:85px max(28px,calc((100vw - 1340px)/2)) 87px;align-items:center;min-height:700px;background:radial-gradient(ellipse at 92% 30%,#e7eeda 0,transparent 47%),var(--paper)}.hero-copy.container{width:100%;padding-left:22px;position:relative;z-index:2}.hero> .container:nth-child(2){width:100%;min-width:0;position:relative;z-index:2}.hero h1 em{font-style:normal;color:#426f52}.hero-description{font-size:16px;color:#67756d;line-height:1.95;margin-top:27px;letter-spacing:-.3px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px;margin-top:32px}.hero-caption{font-size:11px;color:#819084;margin-top:24px}.hero-drawing{width:310px;position:absolute;left:29%;top:-30px;transform:rotate(-22deg);opacity:.25;color:#b48856}.hero-drawing svg{width:100%}.product-scene{padding:10px 0 35px 20px;position:relative;isolation:isolate}.scene-label{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.03em;margin:0 0 19px 10px}.product-window{height:405px;border:1px solid #d8dfd7;border-radius:14px;background:#fff;display:grid;grid-template-columns:93px 1fr;box-shadow:0 35px 65px -32px #526d4640,0 8px 25px #253d330b;overflow:hidden;transform:rotate(-1deg)}.preview-sidebar{padding:24px 10px;background:#f4f6f1;display:flex;flex-direction:column;gap:10px;border-right:1px solid #e7ebe4}.preview-logo svg{width:23px;height:23px}.preview-sidebar>b{font-size:11px;margin:4px 0 20px}.preview-nav{display:flex;align-items:center;gap:8px;font-size:10px;color:#7a857d;padding:9px 6px;border-radius:5px}.preview-nav svg{width:15px;height:15px}.preview-nav.active{color:#355942;background:#e3ecdf}.preview-avatar{margin-top:auto;font-size:10px;display:flex;gap:8px;align-items:center;color:#6e7c72}.preview-avatar span{font-size:8px}.preview-main{padding:24px 22px;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center}.preview-eyebrow{font-size:8px;color:#8c988c}.preview-heading h3{font-size:20px;font-weight:600;margin-top:7px;letter-spacing:-1px}.preview-heading small{font-size:11px;color:#819082;font-weight:400;margin-left:6px}.preview-today{font-size:9px;border:1px solid #dde4dc;padding:5px 11px;border-radius:4px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 0 18px}.preview-stats>div{padding:10px 13px;background:#f8f9f5;border-radius:7px}.preview-stats span{display:block;font-size:8px;color:#869181}.preview-stats b{display:block;font-size:18px;font-weight:500;margin-top:5px}.preview-stats small{font-size:9px}.mini-calendar{display:grid;grid-template-columns:34px 1fr 1fr}.calendar-hours{display:grid;grid-template-rows:26px repeat(4,46px);font-size:8px;color:#9aa494}.calendar-hours span{padding-top:6px}.calendar-col{border-left:1px solid #eff1eb}.designer-name{height:26px;display:flex;gap:5px;justify-content:center;align-items:center;font-size:8px;color:#6c7c6b}.designer-name i{font-style:normal;background:#edf0e5;border-radius:50%;width:14px;height:14px;text-align:center;font-size:7px;line-height:14px}.calendar-space{height:193px;background:repeating-linear-gradient(to bottom,transparent,transparent 45px,#eef1ea 45px,#eef1ea 46px);padding:5px;position:relative}.appointment{position:absolute;left:6px;right:6px;border-radius:5px;border-left:3px solid #86ac8d;padding:9px 8px;top:7px;height:67px;overflow:hidden}.appointment small{display:block;font-size:7px;line-height:1.3;margin-bottom:6px;color:#6e7e67}.appointment b{display:block;font-size:9px;font-weight:550;white-space:nowrap}.appointment span{display:block;font-size:7px;margin-top:5px;color:#6e7e67}.ap-mint{background:#e0eddf}.ap-sand{background:#f6ecd9;top:110px;height:52px;border-color:#dcc792}.ap-lilac{background:#eee5f2;top:31px;height:54px;border-color:#c4add1}.ap-blue{background:#e1eaf2;top:111px;height:69px;border-color:#a8c3d5}.floating-note{position:relative;z-index:3;display:flex;align-items:center;gap:13px;border:1px solid #e6e8df;border-radius:10px;padding:18px 21px;background:white;box-shadow:0 12px 35px #23392713;margin:-21px 15% 0 -17px;transform:rotate(1deg)}.note-icon{border-radius:50%;padding:9px;background:#edf2e9}.note-icon svg{width:20px;height:20px}.floating-note small{display:block;font-size:9px;color:#8a9385}.floating-note b{display:block;font-size:12px;font-weight:550;margin:7px 0 3px;letter-spacing:-.3px}.floating-note p{font-size:8px;color:#8d958b}.note-pin{width:6px;height:6px;background:#b2c698;border-radius:50%;margin-left:auto}.scene-foot{display:flex;justify-content:space-between;font-size:9px;color:#8a9487;margin-top:23px;padding-right:5px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:52px}.section-heading>p{font-size:15px;color:var(--muted);line-height:1.95;max-width:360px;padding-bottom:6px}.section-heading>.text-link{margin-bottom:5px}.section-day{background:white;border-top:1px solid var(--line)}.journey-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.journey-tabs button{background:none;display:flex;gap:17px;align-items:center;text-align:left;padding:20px 12px;border-bottom:2px solid transparent;color:#8d968d;font-size:16px;letter-spacing:-.2px}.journey-tabs button span{font-size:11px;color:#9ca49c}.journey-tabs button[aria-selected=true]{border-color:var(--green);color:var(--ink);font-weight:600}.journey-tabs button[aria-selected=true] span{color:var(--green)}.journey-panel{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;background:#f3f5ee;padding:60px;border-radius:0 0 14px 14px;min-height:392px}.chapter-label{font-size:11px;color:#77896f;letter-spacing:.07em}.journey-copy h3{font-size:29px;line-height:1.4;margin-top:15px;font-weight:550}.journey-copy p{font-size:14px;color:#73806f;margin:18px 0 24px;max-width:340px}.day-paper{background:white;box-shadow:0 10px 35px #45533b09;border-radius:8px;padding:24px;transform:rotate(-1deg)}.paper-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #edf0e8}.paper-top>span{font-size:14px;font-weight:600}.paper-top>b{font-size:10px;font-weight:400;color:#8d9689}.day-paper>div:not(.paper-top){display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #edf0e8}.day-paper time{font-size:11px;color:#7e8b78}.day-paper b{font-size:12px;font-weight:500;display:block}.day-paper small{font-size:9px;color:#919a8a;display:block;margin-top:5px}.status-pill{font-style:normal;font-size:8px;white-space:nowrap;border-radius:12px;background:#e9f2e6;color:#6b8963;padding:5px 7px;margin-left:auto}.status-pill.neutral{background:#f1f0e8;color:#a29b84}.paper-caption{font-size:8px;display:block;text-align:right;color:#a7afa0;margin-top:12px}.day-paper .paper-amount{font-size:20px;letter-spacing:-.5px}.journey-visual{min-width:0}
.features-section{background:#faf9f5}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-card{padding:30px 25px;border:1px solid #e1e5da;border-radius:12px;background:#fffefa}.feature-icon{display:inline-flex;width:43px;height:43px;align-items:center;justify-content:center;color:#5c7962;margin-bottom:25px}.feature-icon svg{height:32px;width:32px}.feature-card h3{font-size:20px;font-weight:550}.feature-card p{font-size:13px;color:#85907e;margin-top:12px;min-height:47px;line-height:1.8}.feature-card ul{list-style:none;padding:21px 0 0;margin:18px 0 0;border-top:1px solid #edf0e6}.feature-card li{font-size:11px;line-height:1.9;margin:6px 0;color:#6a7966;word-break:keep-all}.feature-card li:before{content:'·';margin-right:7px}.feature-tail{display:flex;align-items:center;justify-content:center;gap:37px;border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.feature-tail>span{font-size:13px;color:#7b8777;display:flex;align-items:center;gap:9px}.feature-tail svg{width:18px;height:18px}.feature-tail>a{font-size:12px;display:flex;gap:10px;align-items:center;margin-left:auto}.device-section{background:#e9eee4;overflow:hidden}.device-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:100px}.device-art{position:relative;padding:42px 16px 60px 0;min-width:0}.tablet-frame{padding:10px;background:#5e6960;border-radius:21px;transform:rotate(-6deg);box-shadow:0 20px 40px #24332325;width:94%}.device-screen{background:#fffefa;border-radius:12px;padding:21px;overflow:hidden;min-height:270px}.device-screen>div{display:flex;gap:10px;align-items:center;padding:7px 0 18px}.device-screen svg{width:22px;height:22px}.device-screen b{font-size:12px;font-weight:600}.device-screen>div>span{font-size:9px;margin-left:auto;color:#91a087}.device-calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#edf0e7}.device-cell{height:46px;background:white;padding:5px}.device-cell>b,.device-cell>span{display:block;background:#dae8d6;width:100%;height:22px;border-radius:4px}.device-cell.cell-2>b{background:#f1e0cd}.device-cell.cell-1>b{background:#e2d9eb}.device-cell>span{height:3px;background:#a8b9a0;width:45%;margin-top:4px}.phone-frame{position:absolute;right:-3px;bottom:8px;background:#fffefa;border:6px solid #667264;border-radius:22px;width:142px;height:258px;box-shadow:0 13px 25px #24332322;transform:rotate(7deg);padding:28px 13px 17px}.phone-speaker{position:absolute;top:9px;left:45px;border-radius:4px;width:39px;height:5px;background:#ced6c7}.phone-frame>span{font-size:8px;color:#82927a}.phone-frame>b{font-size:15px;line-height:1.6;display:block;letter-spacing:-1px;margin-top:14px;font-weight:550}.phone-frame>i{display:block;height:25px;background:#dde9d7;border-radius:4px;margin-top:11px}.phone-frame>i:nth-of-type(2){background:#e7e0ed}.phone-frame>i:nth-of-type(3){background:#efdfcc}.device-sticker{position:absolute;top:1px;right:7px;background:#dfad82;color:#fffaf2;padding:15px 17px;font-size:11px;letter-spacing:.055em;border-radius:50%;line-height:1.5;transform:rotate(12deg)}.device-copy>p{font-size:14px;color:#6e806b;margin:23px 0;max-width:405px}.device-platforms{display:flex;gap:10px;font-size:11px;color:#687e64;margin-top:26px}.device-platforms span{border:1px solid #ced8c8;padding:7px 12px;border-radius:30px}.integration-note{border-top:1px solid #ccd7c5;margin-top:30px;padding-top:26px}.integration-note>b{font-size:14px;font-weight:550}.integration-note>p{font-size:12px;color:#788a71;margin:10px 0 17px}.integration-note .text-link{font-size:12px}
.blog-section{background:#fffefa}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.post-card{min-width:0}.post-card-link{display:block}.editorial-cover{height:234px;position:relative;overflow:hidden;border-radius:9px;color:#496644;isolation:isolate;transition:transform .3s}.post-card:hover .editorial-cover{transform:translateY(-4px)}.cover-calendar{background:#e2eadb}.cover-menu{background:#f4dfcc;color:#936846}.cover-notes{background:#e8e3ed;color:#796a8d}.cover-wordmark{position:absolute;bottom:15px;right:19px;font-size:11px;font-weight:500;letter-spacing:-.5px;z-index:5}.cover-calendar>.cover-calendar{width:123px;height:157px;border-radius:4px;background:#faf9ee;position:absolute;left:28%;top:27px;transform:rotate(-8deg);box-shadow:7px 10px 0 #b8cba145;padding:19px;color:#658453;z-index:2}.cover-calendar>.cover-calendar:before{content:'';position:absolute;left:24px;right:24px;top:-7px;height:18px;border-left:3px solid #839671;border-right:3px solid #839671}.cover-calendar span{display:block;font-size:11px;letter-spacing:.09em}.cover-calendar b{display:block;font-size:58px;line-height:1.2;font-weight:400;font-family:Georgia,serif}.cover-calendar i{display:block;background:#dce6d0;height:4px;margin-top:7px;width:90%}.cover-calendar i:last-child{width:60%}.cover-orbit{position:absolute;width:220px;height:120px;border:1px solid #92ab7b;border-radius:50%;transform:rotate(40deg);right:-35px;top:52px}.cover-menu>.cover-menu{width:168px;height:176px;border-radius:4px;background:#fff9f0;position:absolute;left:25%;top:24px;transform:rotate(6deg);box-shadow:-8px 9px 0 #d9b79460;padding:22px;z-index:2}.cover-menu>.cover-menu span,.cover-notes>.cover-notes span{display:block;font-size:8px;letter-spacing:.15em}.cover-menu>.cover-menu b{display:block;font-size:25px;font-weight:500;letter-spacing:-1px;line-height:1.5;margin:17px 0}.cover-menu>.cover-menu i{display:block;border-top:1px solid #decbb6;font-size:8px;padding-top:9px;font-style:normal;white-space:nowrap}.cover-menu em{font-style:normal;margin:0 3px}.cover-plus{position:absolute;top:2px;right:24px;font-family:Georgia,serif;font-size:86px;color:#d4ac83;transform:rotate(-10deg)}.cover-notes>.cover-notes{position:absolute;left:23%;top:28px;width:172px;height:176px;background:#fbf7fc;padding:22px;transform:rotate(-4deg);border-radius:5px;box-shadow:9px 9px 0 #c5b8d16b;z-index:2}.cover-notes b{font-size:26px;font-weight:500;letter-spacing:-1px;line-height:1.45;display:block;margin-top:18px}.cover-notes i{height:1px;background:#d3c7dc;display:block;margin-top:15px}.cover-loop{position:absolute;right:16px;top:18px;font-size:89px;font-family:Georgia,serif;color:#b8a7c9;transform:rotate(30deg)}.post-card-copy{padding:23px 0 0}.post-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#97a08f;margin-bottom:13px}.post-meta>span{color:#66775f}.post-card h3{font-size:21px;font-weight:550;line-height:1.5;letter-spacing:-.8px}.post-card p{font-size:13px;color:#84907c;margin-top:12px;line-height:1.9}.read-link{font-size:11px;margin-top:22px;color:#4e6548}
.start-section{background:var(--green);color:#f8f6ed;position:relative;overflow:hidden}.start-section>.container{position:relative}.start-inner{position:relative;z-index:2}.start-inner .eyebrow{color:#a7bd9e}.start-inner h2{font-size:49px}.start-inner p{margin:25px 0 28px;color:#b5c6af;font-size:15px}.start-inner small{display:block;font-size:10px;color:#9eb297;margin-top:17px}.start-symbol{position:absolute;width:460px;right:0;top:20%;color:#487461;transform:rotate(-20deg);opacity:.7}.start-symbol svg{width:100%;height:auto;stroke-width:.5}.site-footer{background:var(--paper);padding:55px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:30px;margin-bottom:47px}.footer-top p{font-size:12px;color:#83907b;margin-top:13px}.footer-links{display:flex;align-items:flex-start;gap:30px;font-size:12px;color:#7e8b74;padding-top:10px}.footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:22px;font-size:10px;color:#919c87;flex-wrap:wrap}
.page-intro{padding-top:90px;padding-bottom:65px}.page-intro h1{font-size:clamp(36px,4.4vw,58px);line-height:1.4}.page-intro>p{font-size:16px;color:#7a8772;margin:24px 0 30px}.feature-directory>article{border-top:1px solid var(--line);padding:43px 0;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.feature-directory-head{position:relative;padding-left:70px}.feature-directory-head>.feature-icon{position:absolute;left:0;top:9px}.feature-directory-head h2{font-size:26px;margin:10px 0}.feature-directory-head p{font-size:14px;color:var(--muted)}.feature-directory ul{list-style:none;margin:0;padding:0}.feature-directory li{font-size:14px;display:flex;gap:13px;align-items:center;margin:18px 0}.feature-directory li svg{width:20px;height:20px;color:#90a285;flex-shrink:0}.scope-panel{background:#e9eee2;padding:50px;border-radius:15px;max-width:920px;margin:auto}.scope-panel p{color:#6b7d62;font-size:14px;margin-top:23px;max-width:680px}.scope-panel .button{margin-top:28px}.blog-intro{padding-bottom:45px}.blog-list{padding-bottom:100px;min-height:60vh}.blog-toolbar{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:25px}.category-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.category-tabs a{font-size:13px;color:#7d8a74;padding:10px 17px;border-radius:30px}.category-tabs a.selected{background:#244c3e;color:#fff}.category-tabs a:hover{background:#e1e8d9;color:#244c3e}.blog-search{display:flex;align-items:center;border-bottom:1px solid #bac9b2;min-width:275px}.blog-search input{background:none;border:0;min-width:0;flex:1;padding:11px 0;font-size:12px}.blog-search button{background:none;padding:8px}.blog-search svg{width:21px;height:21px}.results-count{font-size:11px;color:#8a987f;margin:3px 0 27px}.blog-list .post-grid{row-gap:58px}.pagination{display:flex;gap:25px;justify-content:center;align-items:center;font-size:13px;margin:60px 0 0}.pagination a{border:1px solid var(--line);padding:10px 17px;border-radius:7px}.empty-state{grid-column:1/-1;text-align:center;padding:75px 20px;border:1px dashed var(--line);border-radius:10px}.empty-state h2{font-size:22px}.empty-state p{font-size:14px;color:var(--muted);margin:15px}.article-header{max-width:1000px;padding-top:49px}.back-link{font-size:12px;color:#829379;display:inline-block;margin-bottom:50px}.article-header>h1{font-size:clamp(35px,4vw,52px);line-height:1.4;max-width:830px;margin-bottom:22px}.article-header>.eyebrow{margin-bottom:18px;color:#758868}.article-excerpt{font-size:17px;color:#7c8b71;max-width:760px}.article-meta{display:flex;align-items:center;gap:20px;font-size:11px;color:#88977c;margin:25px 0 36px}.share-button{background:none;display:flex;align-items:center;gap:7px;font-size:11px;color:#748665;margin-left:auto}.share-button svg{width:17px}.cover-large{height:355px}.cover-large>.cover-calendar{left:42%;top:57px;transform:scale(1.5) rotate(-8deg);transform-origin:top center}.cover-large>.cover-menu,.cover-large>.cover-notes{left:40%;top:30px;transform:scale(1.5) rotate(5deg);transform-origin:top center}.cover-large .cover-orbit{width:600px;height:260px;right:0}.cover-large .cover-plus,.cover-large .cover-loop{font-size:180px;right:17%;top:0}.cover-large>.cover-wordmark{bottom:22px;right:29px;font-size:16px}.article-layout{display:grid;grid-template-columns:210px minmax(0,680px);gap:75px;max-width:1000px;padding:62px 0 35px}.article-toc{align-self:start;position:sticky;top:125px}.article-toc>span{font-size:11px;color:#93a087;display:block;margin-bottom:18px}.article-toc nav{display:flex;flex-direction:column;gap:16px;border-left:1px solid #dce4d2;padding-left:18px}.article-toc a{font-size:12px;line-height:1.75;color:#708263;word-break:keep-all}.article-toc a:hover{color:#1b452f}.article-body{font-size:16px;color:#526448;line-height:1.95;min-width:0}.article-body>p{margin-bottom:24px;line-height:2}.article-body>h2{font-size:27px;line-height:1.5;margin:52px 0 22px;color:var(--ink)}.article-body>h3{font-size:21px;margin:30px 0 20px}.article-body>ul,.article-body>ol{padding-left:23px;margin:24px 0}.article-body li{padding-left:6px;margin:9px 0}.article-body blockquote{border-left:3px solid #b3c7a2;margin:32px 0;padding:21px 26px;background:#edf1e6;font-size:17px;color:#5e774d}.article-body a:not(.button){text-decoration:underline;text-underline-offset:4px}.article-body figure{margin:32px 0}.article-body img{border-radius:10px}.article-body figcaption{font-size:12px;text-align:center;color:#839275}.article-body code{font-size:.85em;background:#e8eddf;border-radius:3px;padding:2px 5px;overflow-wrap:anywhere}.article-author{display:flex;gap:18px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:55px 0}.article-author>span{background:#e8eedf;padding:10px;border-radius:50%;height:50px;width:50px;flex-shrink:0}.article-author svg{width:30px}.article-author b{font-size:14px;font-weight:600}.article-author p{font-size:12px;margin-top:6px;color:#87987a}.article-cta{background:#ecf0e4;padding:32px;border-radius:12px}.article-cta h2{font-size:28px}.article-cta p{font-size:13px;margin:16px 0 22px;color:#81926f}.article-cta .button{font-size:12px;padding:12px 16px;margin:0 8px 8px 0;gap:8px}.not-found{min-height:65vh}.preview-banner{background:#f4e5c2;padding:13px;text-align:center;font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 22px;background:var(--green);color:white;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:90}.toast.visible{opacity:1;transform:translate(-50%,0)}
.editor-page{padding-top:50px;padding-bottom:75px;min-height:75vh}.editor-page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:35px}.editor-page h1{font-size:36px}.editor-page-heading p{font-size:14px;color:var(--muted);margin-top:10px}.editor-page .eyebrow{margin-bottom:12px}.editor-page label{display:block;font-size:12px;font-weight:600;margin-bottom:17px;line-height:1.6}.editor-page input,.editor-page textarea,.editor-page select{display:block;width:100%;background:white;border:1px solid #d9e0d1;border-radius:7px;padding:11px 12px;margin-top:7px;font-weight:400;font-size:13px;line-height:1.6}.editor-page textarea{resize:vertical}.editor-page input:focus,.editor-page textarea:focus,.editor-page select:focus{border-color:#537c4a}.editor-page small{display:block;font-size:10px;color:#859577;font-weight:400;margin-top:5px}.editor-page .notice{border:1px solid #b3c9a7;border-radius:8px;padding:13px 17px;background:#eff5e9;font-size:13px;line-height:1.7;margin-bottom:22px}.editor-page .notice.error{background:#fcf0e8;border-color:#e4b898;color:#914a30}.login-panel{max-width:440px;margin:40px auto;padding:35px;border:1px solid var(--line);border-radius:12px;background:white}.login-panel h2{font-size:23px}.login-panel p{font-size:12px;color:var(--muted);margin:15px 0 25px}.login-panel .button{width:100%}.login-panel>.text-link{margin-top:25px;font-size:12px}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0}.editor-toolbar>div{display:flex;gap:20px;align-items:center;font-size:12px}.editor-toolbar .text-link{font-size:11px}.editor-columns{display:grid;grid-template-columns:250px minmax(0,1fr);gap:35px}.editor-posts{border-right:1px solid var(--line);padding-right:25px}.editor-posts>input{margin-bottom:12px}.editor-posts>label{margin-bottom:0}.editor-posts>select{margin-bottom:21px}.editor-post-entry{width:100%;display:block;text-align:left;padding:16px 12px;margin:7px 0;border:1px solid transparent;border-radius:8px;background:transparent}.editor-post-entry.active{background:#e9efdf;border-color:#ccdbbd}.editor-post-entry:hover{background:#edf1e7}.editor-post-entry strong{display:block;font-size:12px;line-height:1.65;font-weight:500}.editor-post-entry span{font-size:10px;color:#879a78;margin-top:6px;display:block}.editor-form-panel{background:white;border:1px solid #e1e7d9;padding:30px;border-radius:12px}.editor-form-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.editor-form-heading h2{font-size:24px}.editor-form-heading span{font-size:11px;color:#8d9a81}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.writing-tools{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0}.writing-tools button{background:#eef2e7;border-radius:5px;padding:7px 10px;font-size:11px}.writing-tools button:hover{background:#dfe8d3}#post-body{font-family:inherit;font-size:14px;line-height:1.95;margin:0 0 22px}.editor-details{padding:18px 0;border-top:1px solid var(--line);margin-top:14px}.editor-details summary{cursor:pointer;font-size:12px;color:#80916f;margin-bottom:16px}.publish-box{padding:22px;background:#f3f6ed;border-radius:8px;margin-top:16px}.save-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.save-actions .button{font-size:12px;padding:12px 15px}.save-actions .text-link{font-size:11px;margin-left:auto;color:#986c54}.save-hint{font-size:11px;color:#859776;margin-top:15px}#history-list>div{font-size:11px;color:#81906f;line-height:1.8;border-top:1px solid #e9eddf;padding:9px 0}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:100px;min-height:780px}.product-window{height:445px}.calendar-space{height:233px}.calendar-hours{grid-template-rows:26px repeat(4,54px)}.preview-stats{margin-bottom:25px}.calendar-space{background:repeating-linear-gradient(to bottom,transparent,transparent 53px,#eef1eb 53px,#eef1eb 54px)}.appointment{height:77px}.ap-sand,.ap-blue{top:128px}.ap-lilac{height:65px}}
@media(max-width:1100px){.container,.header-inner{width:calc(100% - 64px)}.site-header nav{margin-left:20px;gap:25px}.header-actions{gap:15px}.hero{padding:66px 24px;grid-template-columns:44% 56%;min-height:650px}.hero-copy.container{padding-left:8px}.hero h1{font-size:53px}.hero-description{font-size:14px}.hero .button{font-size:13px;padding:15px 18px}.hero .text-link{font-size:12px}.product-scene{padding-left:6px}.product-window{height:370px;grid-template-columns:75px 1fr}.preview-main{padding:20px 15px}.preview-nav{padding-left:2px;font-size:9px;gap:5px}.preview-sidebar{padding:24px 8px}.preview-sidebar>b{font-size:10px}.floating-note{margin-left:-10px;margin-right:3%;padding:14px}.preview-stats{gap:5px}.preview-stats>div{padding:9px}.preview-heading h3{font-size:18px}.preview-heading small{font-size:9px}.appointment{padding:7px 5px}.appointment b{font-size:8px}.journey-panel{padding:42px;gap:36px}.feature-grid{gap:14px}.feature-card{padding:25px 18px}.feature-card h3{font-size:18px}.feature-card p{font-size:12px}.device-layout{gap:50px}.post-grid{gap:24px}.editorial-cover{height:217px}.cover-menu>.cover-menu,.cover-notes>.cover-notes{left:21%}.cover-calendar>.cover-calendar{left:23%}.article-layout{gap:45px}.cover-large{height:355px}.cover-large>.cover-menu,.cover-large>.cover-notes,.cover-large>.cover-calendar{left:40%}.editor-columns{grid-template-columns:210px minmax(0,1fr);gap:22px}.editor-form-panel{padding:22px}}
@media(max-width:800px){.site-header{height:74px}.header-inner{gap:15px}.site-header nav{gap:20px;margin-left:auto}.header-actions .quiet-link{display:none}.header-actions .button{font-size:11px;padding:10px 12px;gap:6px}.header-actions .button svg{width:17px}.wordmark span{font-size:21px}.wordmark svg{width:30px}.hero{display:block;padding:57px 32px 45px}.hero-copy.container{width:100%;text-align:center;padding:0}.hero-copy>.eyebrow{justify-content:center}.hero h1{font-size:61px}.hero-description{font-size:15px}.hero-actions{align-items:center;flex-direction:row;justify-content:center;gap:22px}.hero-caption{margin-top:20px}.hero>.container:nth-child(2){max-width:600px;margin:39px auto 0}.hero-drawing{left:65%;opacity:.15}.product-window{height:390px;grid-template-columns:85px 1fr}.preview-main{padding:25px 22px}.preview-stats{margin:20px 0}.appointment b{font-size:10px}.floating-note{margin-left:10px;margin-right:18%}.section{padding:76px 0}.section-heading{gap:25px;margin-bottom:37px}.section-heading>p{font-size:12px;max-width:280px}.journey-tabs button{font-size:14px;gap:10px}.journey-panel{gap:30px;padding:35px;grid-template-columns:1fr 1fr}.journey-copy h3{font-size:24px}.journey-copy p{font-size:12px}.day-paper{padding:16px}.day-paper>div:not(.paper-top){gap:8px}.day-paper b{font-size:10px}.day-paper small{font-size:8px}.status-pill{font-size:7px;padding:4px}.day-paper time{font-size:9px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:18px}.feature-card{padding:26px}.feature-card p{min-height:0}.feature-card h3{font-size:20px}.feature-card p{font-size:13px}.feature-tail{gap:22px;flex-wrap:wrap}.feature-tail>a{margin-left:0}.device-layout{grid-template-columns:1fr;gap:25px}.device-art{width:75%;max-width:510px;margin:0 auto 20px}.device-copy{max-width:510px;margin:auto;width:100%}.device-copy>p{max-width:none}.device-platforms{margin-top:18px}.integration-note{padding-top:24px}.post-grid{gap:22px}.editorial-cover{height:182px}.cover-calendar>.cover-calendar{transform:scale(.8) rotate(-8deg);transform-origin:top left;left:23%;top:25px}.cover-menu>.cover-menu,.cover-notes>.cover-notes{transform:scale(.78) rotate(5deg);transform-origin:top left;left:18%;top:24px}.cover-notes>.cover-notes{transform:scale(.78) rotate(-4deg)}.cover-orbit{width:160px;height:100px}.cover-plus,.cover-loop{font-size:63px;right:12px}.cover-wordmark{font-size:9px;right:12px;bottom:12px}.post-meta{font-size:9px;flex-direction:column;gap:7px}.post-card h3{font-size:18px}.post-card p{font-size:12px}.start-symbol{width:350px;right:-50px;top:100px;opacity:.35}.start-inner h2{font-size:42px}.footer-links{gap:18px;font-size:11px}.footer-bottom{font-size:9px;gap:13px}.page-intro{padding-top:60px}.blog-toolbar{flex-direction:column;align-items:flex-start}.blog-search{min-width:0;width:100%;max-width:330px}.cover-large{height:300px}.cover-large>.cover-calendar{transform:scale(1.4) rotate(-8deg);left:40%;top:38px}.cover-large>.cover-menu,.cover-large>.cover-notes{transform:scale(1.35) rotate(5deg);left:36%;top:28px}.cover-large .cover-loop,.cover-large .cover-plus{font-size:135px;right:15%}.article-layout{grid-template-columns:1fr;gap:32px}.article-toc{position:static}.article-toc nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 20px}.article-body{font-size:15px}.article-header{padding-top:35px}.article-meta{gap:12px}.back-link{margin-bottom:30px}.editor-columns{grid-template-columns:1fr}.editor-posts{border-right:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-posts>label{grid-column:1/-1}.editor-posts>input,.editor-posts>select{margin:0}.editor-posts>#editor-post-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.editor-post-entry{margin:0}.editor-post-entry strong{font-size:11px}}
@media(max-width:560px){.container,.header-inner{width:calc(100% - 40px)}.site-header{height:68px}.header-inner{gap:10px}.header-actions{margin-left:auto}.header-actions .button{font-size:10px;padding:10px 11px;gap:5px}.header-actions .button svg{width:15px}.wordmark{gap:7px}.wordmark span{font-size:21px}.wordmark svg{width:30px;height:30px}.menu-toggle{display:flex;flex-direction:column;gap:5px;order:3}.menu-toggle span{display:block;width:18px;height:1.5px;background:var(--green)}.site-header nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--paper);padding:24px;margin:0;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #193e3008}.site-header nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:25px}.site-header nav a{font-size:16px}.hero{padding:47px 20px 29px}.hero h1{font-size:50px;line-height:1.28}.hero .eyebrow{font-size:11px;margin-bottom:20px}.hero-description{font-size:13px;line-height:1.95;margin-top:21px;letter-spacing:-.4px}.hero-actions{flex-direction:column;gap:18px;margin-top:26px}.hero .button{font-size:13px;padding:15px 20px}.hero-caption{font-size:9px;margin-top:22px}.hero>.container:nth-child(2){margin-top:28px}.product-scene{padding:9px 0 22px}.scene-label{font-size:9px;margin:0 0 12px 3px}.product-window{height:319px;grid-template-columns:58px 1fr;transform:rotate(-1deg);border-radius:10px}.preview-sidebar{padding:18px 6px;gap:6px}.preview-logo svg{width:18px}.preview-sidebar>b{font-size:8px;margin-bottom:15px;white-space:nowrap}.preview-nav{gap:4px;font-size:8px;padding:7px 3px}.preview-nav svg{width:12px;height:12px}.preview-avatar{font-size:7px;gap:4px}.preview-avatar span{font-size:6px}.preview-main{padding:15px 12px}.preview-heading h3{font-size:16px;margin-top:4px}.preview-heading small{font-size:8px;margin-left:2px}.preview-eyebrow{font-size:6px}.preview-today{font-size:7px;padding:4px 8px}.preview-stats{margin:14px 0 11px;gap:5px}.preview-stats>div{padding:8px}.preview-stats span{font-size:6px}.preview-stats b{font-size:14px;margin-top:4px}.preview-stats small{font-size:7px}.mini-calendar{grid-template-columns:25px 1fr 1fr}.calendar-hours{font-size:6px;grid-template-rows:22px repeat(4,37px)}.designer-name{height:22px;font-size:7px;gap:3px}.designer-name i{height:12px;width:12px;line-height:12px;font-size:6px}.calendar-space{height:163px;background:repeating-linear-gradient(to bottom,transparent,transparent 36px,#eff1eb 36px,#eff1eb 37px)}.appointment{left:3px;right:3px;top:5px;height:54px;padding:7px 5px;border-left-width:2px}.appointment small{font-size:5px;margin-bottom:5px}.appointment b{font-size:7px;letter-spacing:-.4px}.appointment span{font-size:5px}.ap-sand,.ap-blue{top:84px;height:46px}.ap-lilac{top:23px;height:43px}.floating-note{margin:-18px 5% 0 9px;padding:12px;gap:10px}.note-icon{padding:7px}.note-icon svg{width:17px;height:17px}.floating-note small{font-size:8px}.floating-note b{font-size:10px;margin-top:5px}.floating-note p{font-size:7px}.scene-foot{font-size:7px;margin-top:15px}.section{padding:60px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:19px;font-size:13px;max-width:100%}.section-heading>.text-link{margin-top:20px;font-size:12px}.eyebrow{font-size:11px;margin-bottom:18px}h2{font-size:30px;line-height:1.45}.journey-tabs button{font-size:11px;padding:15px 3px;gap:7px;white-space:nowrap}.journey-tabs button span{font-size:8px}.journey-panel{grid-template-columns:1fr;gap:32px;padding:29px 23px}.journey-copy h3{font-size:25px}.journey-copy p{font-size:13px;max-width:none}.journey-copy .text-link{font-size:12px}.day-paper{padding:21px;transform:rotate(-1deg)}.day-paper>div:not(.paper-top){gap:13px;padding:16px 0}.day-paper time{font-size:10px}.day-paper b{font-size:11px}.day-paper small{font-size:8px}.status-pill{font-size:7px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-card{padding:20px 15px}.feature-icon{margin-bottom:13px;width:31px;height:31px}.feature-icon svg{width:28px;height:28px}.feature-card h3{font-size:17px}.feature-card p{font-size:11px;min-height:41px;letter-spacing:-.3px}.feature-card ul{padding-top:12px;margin-top:13px}.feature-card li{font-size:10px;line-height:1.8;letter-spacing:-.4px}.feature-tail{gap:17px 21px;padding-top:22px}.feature-tail>span{font-size:11px;gap:5px}.feature-tail>a{width:100%;justify-content:center;margin-top:4px;font-size:11px}.device-art{width:91%;margin-bottom:9px;padding-top:35px;padding-bottom:45px}.tablet-frame{border-radius:16px;padding:7px}.device-screen{padding:14px;min-height:223px}.device-screen b{font-size:10px}.device-screen>div>span{font-size:7px}.device-cell{height:34px}.device-cell>b{height:17px}.device-cell>span{height:2px}.phone-frame{width:109px;height:207px;right:-7px;bottom:0;border-width:5px;border-radius:18px;padding:25px 10px 10px}.phone-speaker{left:32px;top:8px;width:32px;height:4px}.phone-frame>span{font-size:6px}.phone-frame>b{font-size:12px;margin-top:12px}.phone-frame>i{height:19px;margin-top:9px}.device-sticker{font-size:9px;padding:13px 15px;right:-4px;top:2px}.device-copy{padding-top:9px}.device-copy>p{font-size:13px}.device-platforms{gap:8px;font-size:10px}.device-platforms span{padding:6px 12px}.post-grid{grid-template-columns:1fr;gap:35px}.post-card .editorial-cover{height:240px}.cover-calendar>.cover-calendar{left:30%;top:27px;transform:rotate(-8deg)}.cover-menu>.cover-menu,.cover-notes>.cover-notes{left:27%;top:28px;transform:rotate(5deg)}.cover-notes>.cover-notes{transform:rotate(-4deg)}.cover-plus,.cover-loop{font-size:85px;right:40px}.cover-wordmark{font-size:11px;right:18px;bottom:17px}.post-card-copy{padding-top:20px}.post-meta{flex-direction:row;font-size:10px;gap:10px;margin-bottom:10px}.post-card h3{font-size:21px}.post-card p{font-size:13px;line-height:1.8}.read-link{margin-top:15px}.start-inner h2{font-size:37px}.start-inner p{font-size:13px;line-height:1.9}.start-inner .button{font-size:13px;padding:15px 19px}.start-symbol{width:260px;right:-90px;top:115px;opacity:.25}.start-inner small{font-size:9px}.footer-top{flex-direction:column;gap:30px;margin-bottom:30px}.footer-top p{font-size:11px}.footer-links{gap:23px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:9px;font-size:9px;line-height:1.7}.site-footer{padding-top:40px}.page-intro{padding:48px 0}.page-intro h1{font-size:34px;line-height:1.5}.page-intro p{font-size:13px;line-height:1.9;margin:20px 0 25px}.page-intro .button{font-size:13px;padding:15px 19px}.feature-directory>article{grid-template-columns:1fr;gap:15px;padding:30px 0}.feature-directory-head{padding-left:58px}.feature-directory-head h2{font-size:24px;margin:5px 0}.feature-directory-head p{font-size:12px}.feature-directory ul{padding-left:3px}.feature-directory li{font-size:12px;margin:15px 0}.scope-panel{padding:29px 24px}.scope-panel h2{font-size:26px}.scope-panel p{font-size:12px}.scope-panel .button{font-size:12px;gap:9px}.blog-toolbar{padding:20px 0;gap:20px}.category-tabs{gap:3px}.category-tabs a{font-size:11px;padding:9px 13px}.blog-search{max-width:none}.blog-list{padding-bottom:65px}.article-header h1{font-size:34px;line-height:1.5;letter-spacing:-1.8px}.article-excerpt{font-size:14px}.article-meta{font-size:9px;gap:11px;flex-wrap:wrap}.share-button{font-size:9px}.cover-large{height:235px}.cover-large>.cover-calendar{left:33%;top:32px;transform:rotate(-8deg)}.cover-large>.cover-menu,.cover-large>.cover-notes{left:28%;top:29px;transform:rotate(5deg)}.cover-large .cover-plus,.cover-large .cover-loop{font-size:95px;right:7%}.cover-large>.cover-wordmark{font-size:11px;bottom:17px;right:18px}.article-layout{padding-top:35px;gap:30px}.article-body{font-size:14px}.article-body>h2{font-size:23px;margin-top:35px}.article-body blockquote{font-size:15px;padding:17px 19px}.article-toc nav{display:flex;flex-direction:column;gap:10px}.article-toc a{font-size:11px}.article-author{margin:35px 0;padding:23px 0}.article-author b{font-size:12px}.article-author p{font-size:11px}.article-cta{padding:25px}.article-cta h2{font-size:25px}.article-cta p{font-size:12px}.article-cta .button{font-size:11px}.editor-page-heading{display:block}.editor-page-heading>.text-link{margin-top:20px;font-size:12px}.editor-page h1{font-size:32px}.editor-toolbar{flex-wrap:wrap}.editor-toolbar .button{font-size:12px;padding:13px}.editor-posts>#editor-post-list{grid-template-columns:1fr;max-height:220px;overflow:auto}.editor-post-entry{padding:12px}.editor-form-panel{padding:20px 16px}.form-row{grid-template-columns:1fr;gap:0}.publish-box{padding:18px 13px}.save-actions .text-link{margin-left:0}.editor-form-heading h2{font-size:21px}.editor-form-heading span{font-size:10px}.login-panel{padding:27px 22px}.editor-page .notice{font-size:12px}.editor-page input,.editor-page textarea,.editor-page select{font-size:16px}#post-body{font-size:15px}.editor-page label{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.editor-confirm{max-width:420px;width:calc(100% - 40px);margin:auto;border:1px solid #d9e0d1;border-radius:16px;padding:30px;color:var(--ink);background:var(--paper)}.editor-confirm::backdrop{background:#173f3659;backdrop-filter:blur(3px)}.editor-confirm h2{font-size:23px}.editor-confirm p{font-size:14px;line-height:1.9;margin:20px 0 25px}.editor-confirm form{display:flex;gap:10px;justify-content:flex-end}.editor-confirm .button{padding:12px 18px;font-size:13px}.editor-pagination{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:20px}.editor-pagination button{padding:7px;background:#eef2e7;border-radius:5px}.editor-page button:disabled{cursor:default;opacity:.5}

/* 2026-09-22 — spacious product storytelling, Cuberto-inspired type and navigation. */
:root {
  --paper: #f7f7f2;
  --ink: #18251f;
  --text: #18251f;
  --muted: #657169;
  --green: #1e4b3d;
  --mint: #e2ecd9;
  --orange: #e9b893;
  --container: 1320px;
  --motion-ease: cubic-bezier(.22, 1, .36, 1);
}
html { scrollbar-gutter: stable; }
.menu-is-open { overflow: hidden; }
.brand-home h2 { font-size: clamp(38px, 5vw, 72px); line-height: 1.17; letter-spacing: -.065em; font-weight: 600; }
.brand-page .container { width: calc(100% - 96px); }
.brand-page .section { padding: 132px 0; }
.brand-page .button { border-radius: 999px; padding: 18px 26px; font-weight: 500; }
.brand-page .button-small { padding: 13px 20px; }
.brand-page .eyebrow { font-size: 12px; font-weight: 500; letter-spacing: .035em; margin-bottom: 30px; }
.brand-page .site-header {
  height: 96px;
  background: #f7f7f2e8;
  border: 0;
  backdrop-filter: blur(18px);
  transition: box-shadow .35s, background .35s;
}
.brand-page .site-header.is-scrolled { box-shadow: 0 1px 0 #18251f0e; background: #f7f7f2f5; }
.brand-page .header-inner { width: calc(100% - 96px); gap: 36px; }
.brand-page .wordmark { gap: 11px; }
.brand-page .wordmark span { font-size: 25px; font-weight: 700; letter-spacing: -1.7px; }
.brand-page .wordmark svg { width: 40px; height: 40px; }
.brand-page .site-header .header-shortcuts { margin: 0 0 0 auto; gap: 32px; }
.brand-page .site-header .header-shortcuts a { color: var(--ink); font-size: 14px; }
.brand-page .header-actions { gap: 26px; }
.brand-page .menu-toggle {
  display: flex; align-items: center; justify-content: center; gap: 15px;
  width: auto; padding: 12px 4px 12px 12px; min-height: 48px;
  color: var(--ink); background: transparent; border-radius: 50%;
  transform: translate(var(--menu-x, 0), var(--menu-y, 0));
  transition: transform .28s var(--motion-ease);
}
.brand-page .menu-toggle .menu-caption { display: block; width: auto; height: auto; margin: 0; background: none; font-size: 13px; }
.brand-page .menu-toggle .menu-bars { display: flex; flex-direction: column; justify-content: center; gap: 6px; width: 28px; height: 28px; margin: 0; background: none; }
.menu-bars i { display: block; height: 1.5px; width: 27px; background: currentColor; transition: transform .3s var(--motion-ease); }
.menu-toggle:hover .menu-bars i:first-child { transform: translateX(3px); }
.menu-toggle:hover .menu-bars i:last-child { transform: translateX(-3px); }
.roll-label { display: block; position: relative; height: 1.35em; overflow: hidden; line-height: 1.35; }
.roll-label > span { display: block; transition: transform .55s var(--motion-ease); white-space: nowrap; }
.roll-label > span + span { position: absolute; inset: 100% auto auto 0; }
:is(a, button):focus-visible .roll-label > span { transform: translateY(-100%); }
@media (hover: hover) and (pointer: fine) {
  :is(a, button):hover .roll-label > span { transform: translateY(-100%); }
}

/* Native modal gives keyboard containment, background inertness, and Escape semantics. */
.menu-panel {
  position: fixed; inset: 16px 24px auto auto; margin: 0;
  width: min(920px, calc(100% - 48px)); max-width: none; max-height: calc(100dvh - 32px);
  border: 1px solid #18251f0d; border-radius: 28px; padding: 32px 42px;
  color: var(--ink); background: var(--paper); overflow-y: auto;
  box-shadow: 0 25px 90px #18251f25;
  opacity: 0; transform: translateY(-18px) scale(.98); transform-origin: top right;
  transition: transform .42s var(--motion-ease), opacity .28s ease;
}
.menu-panel.is-menu-visible { opacity: 1; transform: none; }
.menu-panel::backdrop { background: #0f241c45; backdrop-filter: blur(8px); }
.menu-panel-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.menu-close { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--ink); color: var(--paper); }
.menu-close span { position: relative; width: 26px; height: 26px; }
.menu-close span::before, .menu-close span::after { content: ''; position: absolute; left: 1px; top: 12px; width: 24px; height: 1px; background: currentColor; transform: rotate(45deg); }
.menu-close span::after { transform: rotate(-45deg); }
.menu-panel-body { display: grid; grid-template-columns: .75fr 1.25fr; gap: 48px; padding: 56px 0 52px; }
.menu-kicker { font-size: 12px; color: var(--muted); }
.menu-aside p { font-size: 18px; line-height: 1.65; margin-top: 24px; letter-spacing: -.6px; }
.menu-orbit { display: block; width: 130px; margin-top: 36px; color: #abc0a3; transform: rotate(-15deg); }
.menu-orbit svg { width: 100%; height: auto; }
.menu-links { display: flex; flex-direction: column; gap: 12px; }
.menu-links a { display: flex; align-items: center; gap: 17px; font-size: clamp(32px, 4vw, 48px); letter-spacing: -.065em; line-height: 1.3; font-weight: 500; }
.menu-links a small { width: 20px; flex: none; color: #8a978a; font-size: 10px; letter-spacing: 0; }
.menu-links a .menu-link-arrow { font-size: 27px; margin-left: auto; opacity: 0; transform: translate(-8px, 8px); transition: .3s var(--motion-ease); }
.menu-links a:is(:hover, :focus-visible) .menu-link-arrow { opacity: 1; transform: none; }
.menu-panel.is-menu-visible .menu-links a { animation: menu-entry .6s var(--motion-ease) both; animation-delay: calc(var(--menu-order) * 55ms); }
.menu-panel-bottom { padding-top: 25px; border-top: 1px solid #18251f21; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
@keyframes menu-entry { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }

/* Semantic lines are masked, rather than breaking Korean into individual letters. */
.title-line { display: block; overflow: clip; padding: .03em .1em .09em 0; margin: -.03em -.1em -.09em 0; }
.title-line > span { display: block; }
@media (prefers-reduced-motion: no-preference) {
  /* CSS owns the first hero paint; script loading cannot restart its entrance. */
  .freedom-hero [data-title-reveal]:not(.is-title-settled) .title-line > span,
  .is-title-entering .title-line > span { animation: title-entry 1s var(--motion-ease) both; }
  .freedom-hero [data-title-reveal]:not(.is-title-settled) .title-line:nth-child(2) > span,
  .is-title-entering .title-line:nth-child(2) > span { animation-delay: .13s; }
  .freedom-hero [data-title-reveal]:not(.is-title-settled) .title-line:nth-child(3) > span,
  .is-title-entering .title-line:nth-child(3) > span { animation-delay: .24s; }
  /* Only JavaScript-enhanced, not-yet-visible headings receive this state. */
  .is-title-pending .title-line > span { transform: translateY(112%) rotate(2deg); opacity: 0; }
}
@keyframes title-entry { from { transform: translateY(112%) rotate(2deg); opacity: 0; } to { transform: none; opacity: 1; } }

/* Numbered feature rows replace a repeated grid of small cards. */
.brand-home .editorial-features { background: #eef0e8; }
.editorial-features > .container { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(40px, 6vw, 100px); align-items: start; }
.editorial-features .section-heading { display: block; position: sticky; top: 135px; margin: 0; }
.editorial-features .section-heading > div:last-child { max-width: 390px; margin-top: 32px; }
.editorial-features .section-heading p { color: var(--muted); font-size: 15px; }
.editorial-features .section-heading h2 { font-size: clamp(38px, 4.2vw, 60px); }
.editorial-features .feature-more { margin-top: 25px; }
.feature-index { border-top: 1px solid #18251f35; }
.feature-row { border-bottom: 1px solid #18251f25; }
.feature-row > summary { display: flex; align-items: center; gap: 20px; padding: 29px 0; cursor: pointer; list-style: none; }
.feature-row > summary::-webkit-details-marker { display: none; }
.feature-number { font-size: 11px; color: #7b887a; flex: none; width: 24px; }
.feature-row h3 { font-size: clamp(23px, 2.15vw, 31px); font-weight: 500; letter-spacing: -.06em; }
.feature-row-icon { font-size: 25px; font-weight: 300; margin-left: auto; transition: transform .3s var(--motion-ease); }
.feature-row[open] .feature-row-icon { transform: rotate(45deg); }
.feature-row-content { padding: 0 0 29px 44px; }
.feature-row-content p { font-size: 14px; color: #546551; margin-bottom: 17px; }
.feature-row-content ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.feature-row-content li { font-size: 11px; padding: 7px 11px; border: 1px solid #ccd4c6; border-radius: 30px; line-height: 1.5; }

/* A larger lead story gives the publication a different rhythm from product sections. */
.brand-home .blog-section { background: var(--paper); }
.brand-home .blog-section .post-grid { grid-template-columns: 1.3fr .85fr .85fr; gap: 30px; align-items: start; }
.brand-home .blog-section .post-card:nth-child(2) { margin-top: 110px; }
.brand-home .blog-section .post-card:nth-child(3) { margin-top: 200px; }
.brand-home .blog-section .editorial-cover { height: 310px; border-radius: 20px; }
.brand-home .blog-section .post-card:first-child .editorial-cover { height: 410px; }
.brand-home .blog-section .post-card h3 { font-size: 24px; }
.brand-home .blog-section .post-card:first-child h3 { font-size: 29px; }
.brand-home .blog-section .post-card p { font-size: 14px; color: #717e6d; }
.brand-home .blog-section .editorial-cover > div:first-child { top: 50%; left: 50%; translate: -50% -50%; scale: 1.2; }
.brand-home .blog-section .post-card:first-child .editorial-cover > div:first-child { scale: 1.55; }
.brand-home .contact-section { border-radius: 40px 40px 0 0; }
.brand-home .contact-inner { max-width: 1320px; }
.brand-home .contact-panel { border-radius: 24px; box-shadow: 0 25px 70px #344b1c0a; }
.brand-home .contact-button { border-radius: 999px; }
.brand-page .site-footer { padding-top: 74px; }
.brand-page .footer-top { padding-bottom: 20px; }

@media (max-width: 1050px) {
  .brand-page .header-inner, .brand-page .container { width: calc(100% - 64px); }
  .editorial-features > .container { grid-template-columns: 1fr; gap: 45px; }
  .editorial-features .section-heading { position: static; display: flex; gap: 28px; }
  .editorial-features .section-heading > div:last-child { max-width: 330px; margin: 0; }
  .brand-home .blog-section .post-grid { grid-template-columns: 1fr 1fr; }
  .brand-home .blog-section .post-card:nth-child(3) { margin-top: 0; }
}
@media (max-width: 760px) {
  .brand-page .container, .brand-page .header-inner { width: calc(100% - 40px); }
  .brand-page .section { padding: 84px 0; }
  .brand-page .site-header { height: 78px; }
  .brand-page .header-inner { gap: 16px; }
  .brand-page .site-header .header-shortcuts { display: none; }
  .brand-page .header-actions { gap: 14px; margin-left: auto; }
  .brand-page .header-actions > .button { display: inline-flex; padding: 11px 14px; font-size: 12px; }
  .brand-page .header-actions > .button svg { display: none; }
  .brand-page .wordmark span { font-size: 22px; }
  .brand-page .wordmark svg { width: 32px; height: 32px; }
  .brand-page .menu-toggle { padding: 8px 0; }
  .brand-page .menu-toggle .menu-caption { display: none; }
  .brand-home h2 { font-size: clamp(34px, 7.5vw, 50px); }
  .brand-page .eyebrow { margin-bottom: 21px; font-size: 11px; }
  .menu-panel { inset: 10px 10px auto; width: calc(100% - 20px); padding: 20px 22px 24px; border-radius: 24px; max-height: calc(100dvh - 20px); }
  .menu-panel-body { display: block; padding: 28px 0; }
  .menu-aside { padding-bottom: 20px; border-bottom: 1px solid #18251f17; margin-bottom: 22px; }
  .menu-aside p, .menu-orbit { display: none; }
  .menu-links { gap: 13px; }
  .menu-links a { font-size: 37px; }
  .menu-links a small { font-size: 9px; width: 15px; }
  .menu-links a .menu-link-arrow { opacity: 1; transform: none; font-size: 22px; }
  .menu-panel-bottom { align-items: flex-start; flex-direction: column; gap: 22px; }
  .menu-panel-bottom .button { width: 100%; padding: 16px 18px; font-size: 13px; }
  .menu-panel-bottom .text-link { font-size: 13px; }
  .editorial-features .section-heading { display: block; }
  .editorial-features .section-heading h2 { font-size: 38px; }
  .editorial-features .section-heading > div:last-child { margin-top: 24px; }
  .feature-row > summary { padding: 23px 0; gap: 10px; }
  .feature-row h3 { font-size: 25px; }
  .feature-row-content { padding-left: 34px; }
  .brand-home .blog-section .post-grid { grid-template-columns: 1fr; gap: 45px; }
  .brand-home .blog-section .post-card:nth-child(n) { margin-top: 0; }
  .brand-home .blog-section .post-card:nth-child(n) .editorial-cover { height: 300px; }
  .brand-home .blog-section .post-card:nth-child(n) h3 { font-size: 25px; }
  .brand-home .blog-section .post-card:nth-child(n) .editorial-cover > div:first-child { scale: 1.2; }
  .brand-home .contact-section { border-radius: 28px 28px 0 0; }
  .brand-page .footer-links { flex-wrap: wrap; gap: 20px; }
}
@media (max-width: 370px) {
  .brand-page .header-inner { gap: 10px; }
  .brand-page .header-actions { gap: 10px; }
  .brand-page .wordmark span { font-size: 20px; }
  .brand-page .wordmark svg { width: 29px; }
  .menu-links a { font-size: 33px; }
  .editorial-features .section-heading h2 { font-size: 34px; }
}
@media (prefers-reduced-motion: reduce) {
  .menu-panel, .menu-links a, .roll-label > span, .menu-bars i, .menu-toggle, .title-line > span { animation: none !important; transition: none !important; }
  .menu-panel.is-menu-visible { transform: none; }
  .title-line > span { transform: none !important; opacity: 1 !important; }
  .roll-label > span { transform: none !important; }
  .menu-panel::backdrop { backdrop-filter: none; }
}

/* Buying questions keep availability clear without an implementation essay. */
.scope-questions { margin-top: 32px; }
.scope-questions details { border-top: 1px solid #cbd6c2; }
.scope-questions summary { padding: 20px 0; cursor: pointer; font-size: 15px; font-weight: 550; line-height: 1.7; }
.scope-questions details p { margin: 0 0 24px; line-height: 1.9; }
.scope-questions summary:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; }
@media (max-width: 600px) {
  .scope-panel { padding: 28px 22px; }
  .scope-panel h2 { font-size: 30px; }
  .scope-questions summary { font-size: 14px; }
}