:root{--ink:#182925;--deep:#12221f;--cream:#f7f6f1;--paper:#fffefa;--soft:#e8e9df;--mint:#c8f276;--muted:#66716a;--line:#dce0d7;--sans:'DM Sans','Noto Sans JP',sans-serif;--serif:'Zen Old Mincho',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--mint);color:var(--deep)}:focus-visible{outline:3px solid #a2bd51;outline-offset:3px}[hidden]{display:none!important}.progress{position:fixed;z-index:80;top:0;left:0;height:3px;width:0;background:#b0e974;transition:width .1s}.announcement{height:28px;background:#d9f2aa;color:#183122;display:flex;gap:12px;align-items:center;justify-content:center;font-size:9px;font-weight:800;letter-spacing:.19em}.live-dot{width:7px;height:7px;display:inline-block;flex:none;background:#7bd94c;border-radius:50%;box-shadow:0 0 0 4px rgba(123,217,76,.18)}.announcement .live-dot{background:#496e26;box-shadow:0 0 0 4px rgba(73,110,38,.13)}.announcement-sep{opacity:.4}.site-header{height:79px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4.5vw,90px);background:var(--cream);position:relative;z-index:25;border-bottom:1px solid #ebeee4}.brand{display:inline-flex;align-items:center;gap:11px;font-size:21px;letter-spacing:.11em;font-weight:800;line-height:1}.brand small{display:block;font-size:8px;font-weight:700;letter-spacing:.27em;margin-top:6px}.brand-symbol{display:grid;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);gap:3px;transform:rotate(-8deg)}.brand-symbol i{display:block;width:10px;height:10px;background:#263c31;border-radius:2px}.brand-symbol i:nth-child(2){background:#badb78}.brand-symbol i:nth-child(3){background:#a9bcab}.main-nav{display:flex;gap:38px;margin-left:auto;margin-right:38px;align-items:center}.main-nav a{font-size:12px;font-weight:700;white-space:nowrap;transition:color .2s}.main-nav a:hover{color:#788f55}.main-nav a span{border:1px solid #d5dcd2;border-radius:20px;padding:2px 6px;font-size:10px;margin-left:3px}.header-cta{border:1px solid #22362a;display:flex;align-items:center;gap:26px;padding:13px 19px;font-size:12px;font-weight:700;transition:background .2s,color .2s}.header-cta:hover{background:var(--ink);color:white}.nav-toggle{display:none;border:0;background:none;padding:10px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.hero{position:relative;min-height:690px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(430px,.9fr);background:var(--deep);color:#fff;overflow:hidden}.hero:after{content:"";position:absolute;width:580px;height:580px;left:39%;bottom:-390px;border:1px solid rgba(212,243,177,.1);border-radius:50%}.hero-background-word{position:absolute;top:39px;right:-18px;font-size:clamp(120px,16vw,260px);font-weight:800;letter-spacing:-.1em;color:rgba(255,255,255,.028);pointer-events:none;line-height:1}.hero-content{position:relative;z-index:2;padding:clamp(60px,6.5vw,104px) 2rem 110px clamp(28px,7.5vw,142px)}.eyebrow,.section-tag{font-size:10px;font-weight:800;letter-spacing:.22em;display:inline-flex;align-items:center;gap:12px}.eyebrow{color:#bce28b}.eyebrow-line{height:1px;width:30px;background:#bce28b}.hero h1{font-family:var(--serif);font-size:clamp(48px,5.65vw,90px);line-height:1.35;letter-spacing:-.045em;font-weight:500;margin:30px 0 27px;white-space:nowrap}.hero h1 em,.section-heading h2 em,.experience-grid h2 em,.process-heading h2 em,.contact-grid h2 em{font-style:normal;color:#bfe893}.hero-intro{font-size:13px;line-height:2.25;letter-spacing:.035em;color:#c9d4cc}.hero-actions{display:flex;gap:34px;align-items:center;margin-top:39px;flex-wrap:wrap}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:17px 22px;font-size:12px;font-weight:700;transition:transform .2s,background .2s;line-height:1.3}.button:hover{transform:translateY(-3px)}.button-light{background:#d2f39d;color:#182920;min-width:255px}.button-light:hover{background:white}.text-link{font-weight:700;display:inline-flex;gap:14px;align-items:center;font-size:12px;border-bottom:1px solid #7a9885;padding-bottom:7px}.text-link span{font-size:16px}.hero-counts{display:flex;align-items:center;gap:28px;margin-top:61px}.hero-counts>div{display:flex;flex-direction:column}.hero-counts strong{font-size:26px;font-weight:600;line-height:1;letter-spacing:-.05em}.hero-counts strong span{font-size:10px;font-weight:500;letter-spacing:0;margin-left:5px;color:#a8b9ad}.hero-counts small{font-size:9px;margin-top:10px;color:#93a99b;letter-spacing:.06em}.count-rule{height:34px;border-left:1px solid #405249}.hero-showcase{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:30px 70px 35px 0}.showcase-ring{position:absolute;width:680px;height:680px;border-radius:50%;border:1px solid rgba(205,244,155,.19);background:radial-gradient(circle,rgba(140,185,112,.13),transparent 58%);left:3%;top:4%}.showcase-ring:before,.showcase-ring:after{content:"";position:absolute;border:1px solid rgba(205,244,155,.1);border-radius:50%;inset:44px}.showcase-ring:after{inset:93px}.showcase-window{position:relative;width:min(480px,100%);height:495px;box-shadow:0 40px 70px rgba(0,0,0,.3);transform:rotate(3deg);background:#f1ebdf;border:9px solid #d2dfc7;border-radius:7px;overflow:hidden}.showcase-bar{height:34px;background:#f3f2ea;color:#556459;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:7px;font-weight:700;letter-spacing:.18em}.window-dots{display:flex;gap:4px}.window-dots b{width:6px;height:6px;border-radius:50%;background:#c8cec5}.showcase-photo{height:calc(100% - 34px);background:linear-gradient(180deg,rgba(19,41,34,.12),rgba(9,27,22,.7)),url('https://images.unsplash.com/photo-1509042239860-f550ce710b93?auto=format&fit=crop&w=1100&q=85') center/cover;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center}.showcase-overline{font-size:9px;letter-spacing:.35em}.showcase-photo strong{font-family:var(--serif);font-weight:500;font-size:clamp(27px,3vw,48px);line-height:1.5;letter-spacing:.06em}.showcase-button{border:1px solid #fff;padding:11px 23px;font-size:9px;font-weight:700;letter-spacing:.12em;margin-top:5px}.float-label{position:absolute;z-index:3;background:#d5efa7;color:#1b2d1f;font-size:10px;font-weight:800;letter-spacing:.12em;padding:16px 19px;box-shadow:0 10px 40px #07130950}.float-label span{font-weight:500}.float-label-top{top:15%;right:8%}.float-label-bottom{bottom:12%;left:0;background:#f7f6ec}.float-star{font-size:17px;margin-right:8px}.scroll-hint{position:absolute;z-index:5;bottom:21px;left:clamp(28px,7.5vw,142px);display:flex;align-items:center;gap:15px;font-size:9px;font-weight:700;letter-spacing:.15em;color:#b8cabe}.scroll-line{height:1px;width:65px;background:#7e9689}.intro-strip{display:flex;justify-content:space-between;align-items:center;padding:24px clamp(28px,7.5vw,142px);background:#d8f0a8;gap:24px}.strip-icon{font-size:29px}.intro-strip p{font-size:16px;margin:0;font-family:var(--serif);letter-spacing:.025em}.strip-side{font-size:10px;font-weight:800;letter-spacing:.16em;white-space:nowrap}.strip-side span{margin-left:13px}.section{padding:100px clamp(24px,6.5vw,120px)}.section-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section-tag{color:#536f55}.tag-dot{display:inline-block;width:7px;height:7px;background:#8bb65b;border-radius:50%}.section-index{font-size:10px;font-weight:700;letter-spacing:.14em;color:#8a938c}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-heading h2,.experience-grid h2,.process-heading h2,.contact-grid h2{font-family:var(--serif);font-size:clamp(34px,4vw,58px);font-weight:500;line-height:1.6;letter-spacing:-.04em;margin:0}.section-heading h2 em,.process-heading h2 em{color:#799e69}.section-heading p,.process-heading p{max-width:550px;margin:16px 0 0;font-size:13px;line-height:2;color:#67736a}.large-index{font-size:112px;line-height:1;font-weight:500;letter-spacing:-.09em;color:#d0dbc5;white-space:nowrap}.large-index small{display:block;font-size:11px;letter-spacing:.15em;color:#859888;text-align:right}.design-toolbar{border-top:1px solid #d6ddd2;border-bottom:1px solid #d6ddd2;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:27px}.filter-scroll{display:flex;gap:7px;align-items:center;overflow:auto;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter{border:1px solid transparent;background:none;border-radius:50px;padding:10px 17px;font-size:11px;white-space:nowrap;font-weight:700;color:#6c786f;transition:background .2s}.filter:hover{background:#e7ecdf}.filter.active{background:#213b30;color:#fff}.filter span{font-size:9px;margin-left:6px;opacity:.7}.toolbar-right{display:flex;align-items:center;gap:16px}.search-wrap{display:flex;align-items:center;gap:7px;border:1px solid #dae0d5;padding:7px 12px;background:#fffefa}.search-wrap span{font-size:20px}.search-wrap input{border:0;background:transparent;width:155px;font-size:11px;color:var(--ink);outline:none}.result-count{font-size:9px;letter-spacing:.13em;font-weight:800;white-space:nowrap;color:#7d8980}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.design-card{min-width:0;position:relative;opacity:0;transform:translateY(18px);transition:transform .45s,opacity .45s}.design-card.visible{opacity:1;transform:translateY(0)}.card-visual{height:258px;overflow:hidden;position:relative;isolation:isolate;background:var(--card-bg,#dfe9df);color:var(--card-text,#172923);cursor:pointer}.card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.14));pointer-events:none}.card-visual img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);opacity:.85}.design-card:hover .card-visual img{transform:scale(1.065)}.card-visual .preview-mock{position:absolute;z-index:2;inset:17px 23px;overflow:hidden;border-radius:3px;border:6px solid rgba(255,255,255,.82);background:var(--card-bg)}.preview-mock .mock-nav{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:var(--mock-top,#f9f8ef);color:var(--card-text);font-size:7px;font-weight:800;letter-spacing:.08em}.preview-mock .mock-nav span:last-child{font-size:6px;font-weight:500}.mock-hero{height:calc(100% - 25px);display:flex;position:relative;align-items:center;padding:24px;background:linear-gradient(110deg,var(--mock-shade,#1f3528a8),#00000005),var(--mock-image) center/cover}.mock-hero.align-right{justify-content:flex-end;text-align:right}.mock-hero.center{text-align:center;justify-content:center}.mock-hero.light{background:var(--card-bg);color:var(--card-text)}.mock-hero h4{font-family:var(--card-font,var(--serif));font-size:clamp(16px,2vw,27px);line-height:1.45;font-weight:500;margin:0;max-width:210px;color:var(--mock-title,#fff)}.mock-hero small{display:block;margin-bottom:10px;font-size:6px;font-weight:800;letter-spacing:.15em;color:var(--mock-title,#fff)}.mock-hero .mock-line{display:block;width:40px;height:2px;background:var(--card-accent,#c7ee91);margin-top:16px}.mock-hero.center .mock-line{margin-inline:auto}.card-visual .card-number{z-index:4;position:absolute;top:27px;left:33px;background:#ffffffec;color:#1a2821;border-radius:50px;padding:6px 9px;font-size:8px;font-weight:800}.card-preview-cta{z-index:4;position:absolute;right:13px;bottom:13px;background:#d5fa9c;border:0;width:43px;height:43px;border-radius:50%;font-size:19px;transition:transform .2s}.design-card:hover .card-preview-cta{transform:rotate(45deg)}.card-details{padding:17px 0 2px}.card-category{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.14em;font-weight:800;color:#829083;text-transform:uppercase}.favorite{border:0;background:none;color:#a7b0a7;font-size:20px;line-height:1;padding:1px 3px;transition:transform .15s,color .15s}.favorite:hover{transform:scale(1.2)}.favorite.active{color:#c55c66}.card-details h3{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:-.02em;margin:8px 0 5px}.card-details p{font-size:11px;color:#718077;line-height:1.85;margin:0;min-height:38px}.card-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce2d9;margin-top:13px;padding-top:11px;gap:10px}.card-actions button{border:0;background:none;padding:4px 0;font-size:11px;font-weight:800;color:#38594c}.card-actions button:hover{text-decoration:underline}.card-actions .compare-toggle{font-size:10px;color:#68746d;display:flex;align-items:center;gap:6px}.compare-box{border:1px solid #adb9a9;width:16px;height:16px;display:inline-grid;place-items:center}.compare-toggle.selected .compare-box{background:#1c362c;color:white;border-color:#1c362c}.sample-note{text-align:center;font-size:10px;color:#939b93;margin:30px 0 0}.no-results{text-align:center;padding:60px 0;color:#66766b}.no-results button{border:0;background:none;color:#214b39;font-weight:800;text-decoration:underline;margin-left:10px}.experience-section{background:#182b25;color:white;position:relative;overflow:hidden;padding:100px clamp(24px,6.5vw,120px)}.experience-mark{position:absolute;right:-50px;top:-100px;font-size:500px;color:#264032;line-height:1;pointer-events:none}.experience-inner{position:relative;z-index:2}.section-tag.on-dark{color:#bee89c}.experience-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;margin-top:70px}.experience-grid h2{font-size:clamp(36px,4.2vw,62px)}.experience-grid h2 em{color:#b4e58c}.experience-grid p{color:#aabdb1;line-height:2.2;font-size:13px;max-width:450px;margin:26px 0 32px}.text-link.light{color:#e5efda;border-color:#799d83}.feature-list article{border-top:1px solid #456153;padding:26px 0;display:grid;grid-template-columns:36px 1fr 20px;gap:15px}.feature-list article:last-child{border-bottom:1px solid #456153}.feature-list article>span{font-size:12px;color:#b4e58c}.feature-list article h3{font-size:18px;margin:0;font-weight:600}.feature-list article p{margin:10px 0 0;font-size:12px;line-height:2}.feature-list article b{font-size:19px;color:#b4e58c;font-weight:400}.process-section{background:#f9f8f4}.process-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:57px}.process-heading p{max-width:305px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9ddd5}.steps article{padding:27px 30px 5px;min-width:0;border-right:1px solid #d9ddd5}.steps article:first-child{padding-left:0}.steps article:last-child{padding-right:0;border:0}.step-number{font-size:34px;font-weight:500;letter-spacing:-.07em;display:flex;justify-content:space-between;align-items:start}.step-number span{font-size:10px;letter-spacing:.15em;font-weight:700;color:#78897b}.step-illustration{height:170px;margin:29px 0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#ebefe7}.step-one .mini-card{width:90px;height:107px;background:#a7cfa4;border:5px solid white;margin:0 -10px;transform:rotate(-12deg);box-shadow:0 10px 20px #43574420}.step-one .mini-card:nth-child(2){background:#254c3c;transform:translateY(-8px);z-index:2}.step-one .mini-card:nth-child(3){background:#eab6a0;transform:rotate(12deg)}.step-two{background:#d9e8d7}.step-browser{width:180px;height:120px;background:#f9faf3;border:7px solid #233d32;display:block;position:relative;box-shadow:0 10px 0 #a9bfaa}.step-browser i{display:block;height:16px;background:#c7d9bd}.step-browser b{display:block;width:66%;height:33px;background:#a8bea2;margin:18px auto 10px}.step-browser b:last-child{height:8px;width:48%;background:#d6e5c7;margin-top:8px}.step-pointer{position:absolute;font-size:35px;bottom:14px;right:21%;color:#526f43}.step-three{background:#efebe2}.compare-mini{width:98px;height:113px;border:6px solid white;background:linear-gradient(170deg,#a6bfac 44%,#edeee7 45%);box-shadow:0 6px 24px #3d504b25;margin:0 4px}.compare-mini:nth-child(2){background:linear-gradient(170deg,#c49d85 44%,#f7efe6 45%)}.step-heart{position:absolute;font-size:36px;color:#de8086;top:17px;right:17%}.steps h3{font-size:17px;margin:0 0 9px}.steps p{font-size:12px;line-height:2;color:#78857b;margin:0}.contact-section{position:relative;overflow:hidden;background:#cce9ac;color:#1c3225;padding:100px clamp(24px,6.5vw,120px)}.contact-noise{position:absolute;inset:0;background:radial-gradient(circle at 0 70%,#e0f2ce,transparent 35%),radial-gradient(circle at 95% 0,#badf99,transparent 50%)}.contact-grid{position:relative;display:grid;grid-template-columns:1fr minmax(310px,.75fr);gap:11%;align-items:start}.contact-grid h2{margin-top:48px}.contact-grid h2 em{color:#4f7659}.contact-grid>div>p{font-size:13px;line-height:2.2;max-width:440px}.contact-box{background:#fbfcf5;padding:35px;box-shadow:14px 14px 0 #aacd93}.contact-box>span{font-size:10px;letter-spacing:.18em;font-weight:800;color:#6b8b63}.contact-box h3{font-family:var(--serif);font-size:32px;line-height:1.6;font-weight:500;margin:20px 0 11px}.contact-box p{font-size:12px;color:#69766c;line-height:1.9;margin:0 0 24px}.contact-box label{display:block;font-size:10px;font-weight:800;margin-bottom:7px}.contact-box select,.contact-box textarea{width:100%;border:1px solid #d8e0d5;background:white;color:#233c2d;padding:12px;outline:none;font-size:12px;margin-bottom:17px}.contact-box select:focus,.contact-box textarea:focus{border-color:#6e9c65}.button-dark{background:#1b3528;color:white;width:100%}.button-dark:hover{background:#456b51}.contact-box small{font-size:9px;color:#9aab9a;display:block;margin-top:11px}footer{background:#10241d;color:#f2f6ed;padding:54px clamp(24px,6.5vw,120px) 28px}.footer-top{display:flex;align-items:start;gap:9%;margin-bottom:78px}.footer-brand{font-size:29px}.footer-brand .brand-symbol i{background:#e0f4cb}.footer-brand .brand-symbol i:nth-child(2){background:#aad684}.footer-top p{font-family:var(--serif);font-size:13px;line-height:2;color:#b3c5b8;margin:0}.back-top{font-size:10px;letter-spacing:.15em;margin-left:auto;border-bottom:1px solid #647f6d;padding-bottom:8px}.footer-bottom{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #355045;padding-top:26px;font-size:9px;letter-spacing:.12em;color:#8aa396}.compare-tray{z-index:45;position:fixed;bottom:18px;left:50%;transform:translate(-50%,140%);width:min(740px,calc(100% - 24px));background:#152b22;color:white;box-shadow:0 18px 70px #0d241a55;display:flex;align-items:center;gap:18px;padding:13px 16px;transition:transform .35s}.compare-tray.show{transform:translate(-50%,0)}.tray-label{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:9px;font-weight:800;letter-spacing:.1em}.tray-label>span:last-child{color:#acc3ae}.tray-items{display:flex;gap:7px;flex:1}.tray-pill{background:#385042;padding:10px 12px;font-size:10px;white-space:nowrap}.tray-actions{display:flex;gap:10px;align-items:center}.tray-clear{color:#b4c6b6;background:none;border:0;font-size:10px}.button-accent{background:#c0eb8b;color:#152b22;padding:11px 15px;white-space:nowrap}.button-accent:disabled{opacity:.35;cursor:not-allowed;transform:none}.preview-modal,.comparison-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#071c15db;backdrop-filter:blur(7px)}.modal-shell,.comparison-shell{position:relative;z-index:1;width:min(1320px,100%);height:min(92vh,970px);display:flex;flex-direction:column;background:#e9ebe5;box-shadow:0 30px 90px #0007}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;background:#fdfdf8;min-height:75px}.modal-identity{display:flex;align-items:center;gap:14px}.modal-kicker{font-size:9px;letter-spacing:.15em;color:#74877b;font-weight:800}.modal-kicker .live-dot{margin-left:5px;width:6px;height:6px}.modal-identity strong{font-family:var(--serif);font-size:20px}.modal-identity>span:last-child{color:#79877b;font-size:11px}.modal-controls{display:flex;align-items:center;gap:15px}.device-switch{display:flex;background:#e9eee7;padding:4px}.device-switch button{border:0;background:none;padding:8px 12px;font-size:12px;color:#607166}.device-switch button.selected{background:#213a2d;color:white}.color-switch{display:flex;gap:6px}.swatch{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #bbc2b9}.swatch.selected{box-shadow:0 0 0 2px #1c3529}.modal-open-link{font-size:11px;font-weight:800;white-space:nowrap}.modal-close{border:0;background:#263b30;color:white;width:36px;height:36px;font-size:24px;line-height:1}.modal-view-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:19px 25px;overflow:hidden;background:repeating-linear-gradient(45deg,#e5eae3,#e5eae3 12px,#dfe5dd 12px,#dfe5dd 24px)}.modal-frame{width:100%;height:100%;background:white;box-shadow:0 14px 50px #122b2340;transition:width .3s;border:1px solid #d6dfd6}.modal-frame.mobile{width:min(385px,100%);border:9px solid #202b25;border-radius:25px;overflow:hidden}.modal-frame iframe{width:100%;height:100%;border:0;background:white}.modal-bottom{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;gap:12px;font-size:10px;color:#758378}.modal-bottom button{background:none;border:0;font-weight:800;font-size:11px;color:#224a36}.comparison-shell{height:min(93vh,980px);padding:20px}.comparison-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.comparison-top h3{font-size:24px;font-family:var(--serif);margin:7px 0}.comparison-frames{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:0;flex:1}.comparison-panel{display:flex;flex-direction:column;min-width:0}.comparison-label{font-weight:800;font-size:12px;margin-bottom:10px}.comparison-panel iframe{width:100%;height:100%;border:1px solid #cbd4cb;background:white}.comparison-shell>p{text-align:center;font-size:10px;color:#66776c;margin:12px 0 0}.toast{position:fixed;z-index:150;bottom:30px;right:24px;background:#1b3a2a;color:#f7fff1;padding:16px 23px;box-shadow:0 12px 45px #11291a45;font-size:12px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1100px){.hero{grid-template-columns:1fr 0.9fr}.hero-content{padding-left:6vw}.hero h1{font-size:5.6vw}.hero-showcase{padding-right:20px}.showcase-window{height:440px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{gap:21px}.section{padding:80px 5vw}.experience-section,.contact-section{padding:80px 5vw}.footer-inner{max-width:1100px;margin:auto}}@media(max-width:780px){.announcement{font-size:7px;letter-spacing:.12em}.site-header{height:68px;padding:0 20px}.header-cta{margin-left:auto;margin-right:12px;padding:10px 12px;font-size:10px}.nav-toggle{display:block}.main-nav{position:absolute;top:68px;left:0;right:0;background:#f7f6f1;display:none;flex-direction:column;align-items:stretch;margin:0;padding:15px 23px 25px;box-shadow:0 20px 40px #092a1820;gap:0}.main-nav.open{display:flex}.main-nav a{padding:14px 0;border-bottom:1px solid #e0e6db}.hero{display:block;min-height:0}.hero-content{padding:62px 26px 20px}.hero h1{font-size:clamp(44px,9.2vw,70px);line-height:1.33;margin:27px 0}.hero-intro{font-size:12px}.hero-showcase{height:390px;padding:15px 44px 38px}.showcase-ring{width:420px;height:420px;left:50%;top:0;transform:translateX(-50%)}.showcase-window{height:330px;width:min(400px,88%)}.showcase-photo strong{font-size:30px}.float-label-top{top:10%;right:8%}.float-label-bottom{left:3%;bottom:12%}.scroll-hint{display:none}.hero-counts{margin-top:35px}.intro-strip{padding:24px 27px}.strip-side{display:none}.intro-strip p{font-size:14px}.section{padding:75px 23px}.section-heading{align-items:start}.section-heading h2{font-size:39px}.large-index{font-size:72px}.design-toolbar{flex-wrap:wrap}.filter-scroll{width:100%}.toolbar-right{width:100%;justify-content:space-between}.experience-section{padding:75px 23px}.experience-grid{grid-template-columns:1fr;gap:45px;margin-top:45px}.experience-mark{font-size:300px;top:-60px}.process-heading{align-items:start;flex-direction:column;gap:6px}.steps{gap:15px}.steps article{padding:20px 10px}.step-illustration{height:120px}.step-one .mini-card{height:70px;width:50px}.step-two .step-browser{width:95px;height:75px}.step-three .compare-mini{width:48px;height:80px}.step-number{font-size:27px}.step-number span{font-size:8px}.steps h3{font-size:14px}.steps p{font-size:11px}.contact-section{padding:75px 23px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-grid h2{margin-top:20px}.footer-top{flex-wrap:wrap}.modal-controls{gap:7px}.modal-identity>span:last-child,.modal-kicker{display:none}.color-switch{display:none}.modal-view-area{padding:9px}.modal-top{padding:10px;min-height:65px}.modal-bottom>span{display:none}}@media(max-width:560px){.hero h1{font-size:44px}.hero-intro br{display:none}.hero-actions{gap:20px}.hero-counts{gap:13px;justify-content:space-between}.hero-counts strong{font-size:21px}.hero-counts small{font-size:8px}.count-rule{height:29px}.hero-showcase{height:345px}.showcase-window{height:290px}.showcase-photo strong{font-size:25px}.float-label{font-size:7px;padding:12px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:32px}.section-heading p{font-size:11px}.large-index{font-size:51px}.large-index small{font-size:8px}.design-grid{grid-template-columns:1fr;gap:26px}.card-visual{height:260px}.card-details h3{font-size:21px}.steps{grid-template-columns:1fr}.steps article,.steps article:first-child{padding:22px 0;border-right:0;border-bottom:1px solid #d9ddd5;display:grid;grid-template-columns:90px 1fr;gap:5px 20px}.steps article:last-child{border-bottom:0}.step-number{grid-row:span 2;flex-direction:column;justify-content:start}.step-illustration{display:none}.steps h3{margin:0}.steps p{grid-column:2}.footer-top{gap:24px;margin-bottom:50px}.footer-bottom{flex-direction:column}.compare-tray{display:block;padding:12px}.tray-label{margin-bottom:8px}.tray-items{margin-bottom:8px}.tray-actions{justify-content:space-between}.preview-modal,.comparison-modal{padding:0}.modal-shell,.comparison-shell{height:100dvh}.modal-top{flex-wrap:wrap;gap:8px}.modal-identity strong{font-size:16px}.modal-controls{width:100%;justify-content:space-between}.modal-open-link{font-size:10px}.modal-frame.mobile{width:min(350px,100%)}.comparison-shell{padding:10px}.comparison-frames{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:6px}.comparison-label{font-size:10px;margin-bottom:5px}.comparison-top h3{font-size:20px}.comparison-panel{min-height:0}}