/* CertiGraph / an editorial design system for an actual documentation practice */
:root{--paper:#f7f5ef;--paper2:#edeae1;--ink:#1c3033;--deep:#112629;--muted:#617071;--rule:#c8cdc6;--accent:#c45b3e;--accent-dark:#8e3b2b;--white:#ffffff;--max:1390px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:#d6dfca;color:#132524}.wrap{width:min(calc(100% - 104px),var(--max));margin-inline:auto}.serif{font-family:Georgia,"Iowan Old Style","Songti SC","Noto Serif CJK SC",serif;font-weight:normal}.eyebrow,.mini,.section-no{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:10px}.skip{position:absolute;top:-100px;left:12px;background:white;padding:14px;z-index:1000}.skip:focus{top:12px}
.topline{background:var(--deep);color:#dfe4d9;min-height:34px;display:flex;align-items:center}.topline .wrap{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;text-transform:uppercase;gap:20px}.topline em{font-style:normal;color:#d5947e}.topline .slash{opacity:.5;margin:0 10px}.header{background:var(--paper);border-bottom:1px solid #cdd0c6;position:relative;z-index:30}.navrow{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand-mark{width:38px;height:38px;border:2px solid var(--ink);position:relative;display:grid;place-items:center;color:var(--ink);font-family:Georgia,serif;font-style:italic;font-size:27px;line-height:1}.brand-mark:before{content:"";position:absolute;right:-6px;top:8px;height:17px;border-left:3px solid var(--accent)}.brand-word{font-size:24px;font-weight:700;letter-spacing:-.075em}.brand-word span{color:var(--accent)}.brand-sub{display:block;margin-top:3px;font-size:8px;letter-spacing:.18em;font-weight:700;color:var(--muted)}.navlinks{display:flex;align-items:center;gap:31px}.navlinks a{font-size:12px;color:#263b3d;font-weight:600;white-space:nowrap}.navlinks a:hover,.footer a:hover{color:var(--accent)}.header-right{display:flex;gap:18px;align-items:center}.locale{font-size:12px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.locale:hover{color:var(--accent)}.nav-cta{display:inline-block;padding:14px 19px;background:var(--deep);color:#fff;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.nav-cta:hover{background:var(--accent)}.menu-button{border:1px solid var(--rule);background:transparent;color:var(--ink);padding:10px;display:none}.mobile-nav{display:none}
.hero{background:var(--paper);overflow:hidden}.hero-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.85fr);min-height:736px;align-items:stretch}.hero-main{padding:88px 60px 72px max(52px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center;max-width:950px}.hero-top{display:flex;gap:17px;align-items:center;color:var(--accent-dark);margin-bottom:42px}.hair{width:31px;height:1px;background:var(--accent)}.hero h1{font-size:clamp(63px,6.65vw,111px);line-height:.99;letter-spacing:-.064em;margin:0 0 34px;max-width:780px}.hero h1 span{font-style:italic;color:var(--accent-dark)}.hero-intro{font-size:18px;line-height:1.68;color:#3f5355;max-width:605px;margin:0 0 35px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px}.cta{min-height:49px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 18px;font-size:12px;font-weight:700;letter-spacing:.02em;border:1px solid var(--deep);transition:background .2s,color .2s}.cta.dark{background:var(--deep);color:white}.cta.dark:hover{background:var(--accent);border-color:var(--accent)}.cta.light{background:transparent;color:var(--ink)}.cta.light:hover{background:var(--deep);color:#fff}.arrow{font-size:21px;font-family:Georgia,serif;font-weight:normal;line-height:1}.hero-footnote{border-top:1px solid var(--rule);margin-top:50px;padding-top:19px;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px;line-height:1.65;max-width:610px}.hero-footnote b{color:var(--accent);font-family:Georgia,serif;font-size:26px;font-weight:normal}
.hero-art{position:relative;background:#d8d9d1;min-height:736px;overflow:hidden;border-left:1px solid #b7b9b1;background-image:linear-gradient(135deg,#e5e5de 0%,#c9cdc5 100%)}.hero-art:before{content:"";position:absolute;width:720px;height:720px;border:1px solid #c0c5bf;border-radius:50%;top:40px;left:-76px}.hero-art:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #c3c7c1;border-radius:50%;top:140px;left:35px}.art-label{position:absolute;left:40px;top:42px;z-index:4;font-size:10px;text-transform:uppercase;letter-spacing:.16em;line-height:1.6;color:#4b5c5c;font-weight:700}.art-label b{font-family:Georgia,serif;font-style:italic;font-size:17px;letter-spacing:0;font-weight:normal}.page-shadow{position:absolute;z-index:1;background:#fefefa;border:1px solid #e2e0d6;box-shadow:0 24px 56px #2e3b3925;width:min(56%,360px);aspect-ratio:0.705;top:21%;left:22%;transform:rotate(-10deg)}.hero-page{position:absolute;z-index:3;top:20%;left:29%;width:min(58%,385px);transform:rotate(4deg);background:#fff;box-shadow:0 30px 60px #24302c3b;border:7px solid white}.hero-page img{width:100%;aspect-ratio: .707;object-fit:cover;object-position:top}.folio{position:absolute;right:30px;bottom:37px;z-index:4;display:flex;align-items:center;gap:12px;font-family:Georgia,serif;color:#41514e;font-size:16px}.folio:before{content:"";width:42px;height:1px;background:#63706b}.hero-edge{position:absolute;left:35px;bottom:38px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.25em;font-weight:700;color:#65716b}
.fact-band{background:var(--deep);color:#fff}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr)}.fact{padding:38px 35px 38px 0;display:flex;gap:22px;align-items:baseline;min-height:123px}.fact+.fact{padding-left:36px;border-left:1px solid #455658}.fact strong{font-family:Georgia,serif;font-size:39px;font-weight:normal;white-space:nowrap;letter-spacing:-.06em}.fact span{font-size:12px;line-height:1.65;color:#c8d0cb;max-width:210px}
.section{padding:116px 0}.sectionhead{display:grid;grid-template-columns:180px minmax(0,1fr);gap:35px;margin-bottom:58px;align-items:start}.section-id{display:flex;align-items:center;gap:15px;color:var(--accent-dark)}.section-id:before{content:"";width:25px;height:1px;background:var(--accent)}.sectionhead h2,.section-title{font-size:clamp(45px,5vw,79px);line-height:1.03;letter-spacing:-.064em;margin:0;max-width:870px}.sectionlead{font-size:16px;color:#5a6867;line-height:1.75;max-width:590px;margin:24px 0 0}.margin-bottom{margin-bottom:34px}
.case{background:var(--paper2);border-top:1px solid var(--rule)}.case-grid{display:grid;grid-template-columns: 1.04fr .96fr;gap:90px}.case-statement{max-width:650px;align-self:center}.case-statement .serif{font-size:clamp(38px,4.4vw,67px);line-height:1.13;letter-spacing:-.04em;margin:0}.case-statement .serif em{color:var(--accent-dark)}.case-intro{max-width:490px;font-size:15px;line-height:1.85;color:var(--muted);margin:25px 0}.case-rows{border-top:1px solid #aeb8b0}.case-row{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid #aeb8b0;padding:22px 0 27px;gap:20px}.case-row b{font-size:11px;color:var(--accent-dark)}.case-row h3{font-size:17px;margin:0 0 7px;line-height:1.35;font-weight:700}.case-row p{font-size:13px;line-height:1.72;color:#596967;margin:0}
.pack-section{background:#f9f8f4}.pack-grid{display:grid;grid-template-columns:minmax(0,1fr) 41%;gap:70px}.pack-list{border-top:2px solid var(--deep)}.pack-item{display:grid;grid-template-columns:44px minmax(140px,190px) 1fr;align-items:start;padding:20px 0;gap:10px;border-bottom:1px solid var(--rule)}.pack-item i{font-style:normal;color:var(--accent-dark);font-family:Georgia,serif;font-size:18px}.pack-item strong{font-size:14px;line-height:1.5}.pack-item span{color:#64716e;font-size:12px;line-height:1.65}.pack-aside{position:relative;align-self:start;background:#d9dcd5;padding:64px 38px 48px;border-top:3px solid var(--accent)}.pack-aside .aside-label{position:absolute;top:20px;left:30px}.document-crop{box-shadow:0 19px 49px #162d2930;background:white;margin:auto;transform:rotate(-1deg);max-width:405px}.document-crop img{width:100%}.document-caption{border-top:1px solid #a5afa7;margin-top:28px;padding-top:14px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#4c615c;text-transform:uppercase;letter-spacing:.08em}.scope-note{font-size:12px;color:#687470;line-height:1.8;max-width:680px;margin:23px 0 0}
.process{background:#20383b;color:var(--white)}.process .section-id{color:#cfa695}.process .section-id:before{background:#d09a89}.process .sectionhead{margin-bottom:72px}.process .sectionhead h2{max-width:900px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #6d8480}.step{position:relative;padding:29px 28px 20px 0;min-height:297px}.step+.step{padding-left:28px;border-left:1px solid #6d8480}.step-no{font-family:Georgia,serif;font-size:67px;line-height:1;color:#c99178;margin:0 0 52px}.step h3{font-size:20px;margin:0 0 15px;font-weight:600;line-height:1.25}.step p{font-size:13px;line-height:1.83;color:#c0cfcb;max-width:240px;margin:0}.process-foot{border-top:1px solid #607a75;padding-top:22px;display:flex;justify-content:space-between;gap:30px;color:#b7c8c5;font-size:11px}
.pricing{background:#f3f0e8}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.price-plan{padding:35px 36px 34px;border:1px solid #b9bdb5;background:transparent;min-height:292px;display:flex;flex-direction:column}.price-plan.featured{background:#ede7dc;border-top:4px solid var(--accent);padding-top:32px}.price-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.price-name{font-family:Georgia,serif;font-size:34px;letter-spacing:-.04em}.price-tag{font-size:9px;color:var(--accent-dark);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.price-value{font-family:Georgia,serif;font-size:65px;letter-spacing:-.07em;line-height:1.1;margin:30px 0 5px}.price-value small{font-family:Arial,sans-serif;font-size:12px;letter-spacing:0;color:#63716d}.price-desc{font-size:13px;color:#64716d;line-height:1.7;max-width:340px;margin:0 auto 20px 0}.price-link{border-top:1px solid #aebbb2;padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;margin-top:auto}.price-link:hover{color:var(--accent-dark)}.price-other{border-top:1px solid #b9bdb5;margin-top:31px;display:grid;grid-template-columns:1fr 1fr 1.1fr}.other{padding:24px 28px 4px 0}.other+.other{border-left:1px solid #b9bdb5;padding-left:28px}.other h3{font-family:Georgia,serif;font-size:22px;margin:0 0 10px;font-weight:normal}.other p{font-size:12px;line-height:1.8;color:#5b6966;margin:0}.price-fine{font-size:11px;color:#69746e;line-height:1.8;margin-top:37px;max-width:900px}
.sample{background:#e6e8e0;border-top:1px solid #c9cdc5;overflow:hidden}.sample-flex{display:grid;grid-template-columns:42% 58%;gap:42px;align-items:center}.sample-text .section-id{margin-bottom:30px}.sample-text h2{font-size:clamp(44px,4.6vw,70px);line-height:1.07;letter-spacing:-.06em;margin:0}.sample-text p{line-height:1.85;color:#526560;font-size:15px;max-width:440px;margin:23px 0 28px}.sample-specimen{height:590px;position:relative}.sample-paper{position:absolute;background:#fff;box-shadow:0 18px 45px #12282226;border:6px solid white;width:300px;top:65px;left:9%;transform:rotate(-8deg)}.sample-paper.two{left:42%;top:8px;transform:rotate(7deg);width:320px}.sample-paper img{width:100%}.sample-annotation{position:absolute;z-index:5;bottom:10px;left:15%;border-top:1px solid #81908a;padding:13px 0;min-width:380px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#425751}
.partner{background:#b24d35;color:white;padding:104px 0 112px}.partner-head{display:grid;grid-template-columns:180px 1fr;gap:38px}.partner .section-id{color:#f8d9c9}.partner .section-id:before{background:#f8d9c9}.partner h2{max-width:900px;margin:0;font-size:clamp(49px,5.4vw,82px);letter-spacing:-.062em;line-height:1.04}.partner-under{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;margin:48px 0 0 218px;border-top:1px solid #df8f77;padding-top:29px}.partner-under p{font-size:16px;line-height:1.8;color:#ffede7;max-width:650px;margin:0}.partner-terms{display:grid;gap:13px;font-size:12px;letter-spacing:.02em}.partner-terms span:before{content:"—";padding-right:12px}.partner .cta{margin-top:32px;border-color:white;color:white}.partner .cta:hover{background:white;color:var(--accent-dark)}
.principles{background:#f7f5ef}.principles-grid{display:grid;grid-template-columns:42% 58%;gap:70px}.principles-title h2{font-size:clamp(50px,5vw,73px);letter-spacing:-.065em;line-height:1.07;margin:16px 0 26px}.principles-title p{font-size:15px;line-height:1.8;color:#68756e;max-width:390px}.principles-lines{border-top:1px solid #bac0b9}.principle{display:grid;grid-template-columns:38px 1fr;gap:18px;border-bottom:1px solid #bac0b9;padding:23px 0}.principle b{font-family:Georgia,serif;font-size:19px;color:var(--accent-dark);font-weight:normal}.principle h3{margin:0 0 6px;font-size:18px;font-weight:600}.principle p{margin:0;line-height:1.7;color:#68736d;font-size:13px}
.faq{background:#edece6;border-top:1px solid #bcbfb8}.faq-grid{display:grid;grid-template-columns:40% 60%;gap:70px}.faq-header h2{font-size:clamp(47px,5vw,74px);letter-spacing:-.06em;line-height:1.06;margin:16px 0}.faq-header p{font-size:14px;color:#65716b;line-height:1.8;max-width:360px}.qa{border-top:1px solid #b1b9b2}.qa:last-child{border-bottom:1px solid #b1b9b2}.qa summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 25px;align-items:start;gap:20px;padding:23px 0;font-size:16px;font-weight:700;line-height:1.5}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";font-size:22px;color:var(--accent-dark);font-weight:normal;line-height:1}.qa[open] summary:after{content:"−"}.qa p{font-size:13px;color:#607069;line-height:1.85;max-width:580px;margin:0 0 24px}
.about{background:#f7f5ef;padding:96px 0}.about-grid{display:grid;grid-template-columns:180px 1fr 1fr;gap:35px}.about-grid .body{font-size:17px;line-height:1.78;margin:0;max-width:610px}.about-side{border-left:1px solid var(--rule);padding-left:30px;color:#586863;font-size:12px;line-height:1.8}.about-side strong{display:block;color:var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}
.contact{background:#1c3033;color:white;padding:105px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-copy h2{font-size:clamp(55px,6vw,88px);letter-spacing:-.07em;line-height:1.02;margin:19px 0 20px}.contact-copy h2 em{color:#d99a7f}.contact-copy>p{font-size:15px;color:#c5d1cb;line-height:1.85;max-width:420px}.contact-direct{border-top:1px solid #637671;padding-top:23px;margin-top:60px}.contact-direct span{display:block;font-size:10px;letter-spacing:.15em;color:#9badab;text-transform:uppercase;margin-bottom:9px}.contact-direct a{font-family:Georgia,serif;font-size:29px}.contact-direct a:hover{color:#d99a7f}.form{background:#f5f3eb;color:var(--ink);padding:41px 42px}.form-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c7cec4;padding-bottom:22px;margin-bottom:22px;gap:12px}.form-header strong{font-family:Georgia,serif;font-size:24px;font-weight:normal}.form-header small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dark)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:23px 17px}.fields label{display:block;color:#4a5d58;font-size:11px;font-weight:700;letter-spacing:.03em}.fields .full{grid-column:1/-1}.fields input,.fields textarea{width:100%;border:none;border-bottom:1px solid #b3bfb6;background:transparent;border-radius:0;display:block;outline:none;padding:12px 0;color:var(--ink);font-size:14px;resize:vertical}.fields input:focus,.fields textarea:focus{border-color:var(--accent);border-bottom-width:2px}.form-consent{margin:25px 0;display:flex;gap:10px;align-items:start;color:#52625d;font-size:11px;line-height:1.6}.form-consent input{margin-top:2px;accent-color:var(--accent)}.form-consent a{text-decoration:underline}.form button{border:none;background:var(--deep);color:white;width:100%;padding:18px 22px;display:flex;justify-content:space-between;font-size:12px;text-align:left;font-weight:700}.form button:hover{background:var(--accent)}.form-note{font-size:10px;line-height:1.75;color:#697570;margin:14px 0 0}
.footer{background:#112629;color:#c2d0c9;border-top:1px solid #4d615c}.footer-upper{padding:54px 0;display:flex;justify-content:space-between;align-items:start;gap:40px}.footer-word{font-family:Georgia,serif;font-size:41px;color:#fff;letter-spacing:-.07em}.footer-word em{font-style:normal;color:#dc9b82}.footer-title{font-size:11px;letter-spacing:.16em;color:#9fb4a9;text-transform:uppercase;margin-top:9px}.footer-links{display:flex;gap:35px;flex-wrap:wrap;font-size:12px}.footer-lower{border-top:1px solid #455e54;padding:21px 0 31px;display:flex;gap:25px;justify-content:space-between;color:#91a89e;font-size:10px;line-height:1.6}.footer-note{max-width:390px;text-align:right}
/* legal */
.legal-hero{background:#e8e7df;padding:82px 0 78px}.legal-hero h1{font-size:clamp(55px,7vw,100px);letter-spacing:-.07em;line-height:1.04;margin:15px 0 25px}.legal-hero p{font-size:15px;color:#5d6e67;max-width:630px;line-height:1.8}.legal-content{padding:70px 0 100px}.legal-layout{display:grid;grid-template-columns:180px minmax(0,820px);gap:50px}.legal-side{font-size:11px;line-height:1.8;color:var(--muted)}.legal-side a{color:var(--accent-dark)}.legal-item{border-top:1px solid #b8c0b8;padding:25px 0}.legal-item h2{font-family:Georgia,"Songti SC",serif;font-weight:normal;font-size:26px;letter-spacing:-.02em;margin:0 0 12px}.legal-item p,.legal-item li{font-size:14px;line-height:1.9;color:#52635b}.legal-item ul{padding-left:21px}.legal-warning{padding:20px 24px;border-left:3px solid var(--accent);background:#ece7dc;font-size:12px;color:#6f6558;line-height:1.8;margin-bottom:29px}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.navlinks{gap:18px}.hero-main{padding-left:36px;padding-right:30px}.hero h1{font-size:clamp(57px,6vw,83px)}.case-grid{gap:55px}.pack-grid{gap:38px}.sample-paper{left:2%}.sample-paper.two{left:36%}.partner-under{margin-left:175px}}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}.navlinks,.nav-cta{display:none}.menu-button{display:block}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:14px 24px;background:var(--paper);border-top:1px solid var(--rule);gap:0}.mobile-nav a{padding:13px 0;border-bottom:1px solid var(--rule);font-size:14px}.hero-layout{grid-template-columns:1fr 43%}.hero-main{padding:65px 25px}.hero h1{font-size:clamp(52px,6.4vw,72px)}.hero-intro{font-size:15px}.hero-art,.hero-layout{min-height:640px}.hero-page{left:21%;width:70%}.page-shadow{left:15%;width:68%}.fact{padding:27px 15px 27px 0}.fact strong{font-size:30px}.fact+.fact{padding-left:17px}.case-grid,.pack-grid,.principles-grid,.faq-grid{gap:35px}.sectionhead{grid-template-columns:130px 1fr}.pack-item{grid-template-columns:35px 1fr;gap:8px}.pack-item span{grid-column:2}.sample-flex{grid-template-columns:45% 55%;gap:10px}.sample-paper{width:245px}.sample-paper.two{width:250px}.partner-head{grid-template-columns:130px 1fr}.partner-under{margin-left:165px}.contact-grid{gap:35px}.form{padding:30px}.about-grid{grid-template-columns:135px 1fr;gap:22px}.about-side{grid-column:2}.legal-layout{grid-template-columns:135px 1fr}}
@media(max-width:690px){.topline{min-height:29px}.topline .wrap{font-size:8px}.topline .topline-right{display:none}.wrap{width:calc(100% - 38px)}.navrow{height:72px}.brand-word{font-size:21px}.brand-mark{width:32px;height:32px;font-size:22px}.brand-sub{font-size:7px}.header-right{gap:15px}.hero-layout{grid-template-columns:1fr;min-height:0}.hero-main{padding:68px 19px 65px}.hero-top{margin-bottom:28px}.hero h1{font-size:clamp(56px,11vw,86px);max-width:610px;margin-bottom:26px}.hero-intro{font-size:16px}.actions{gap:13px}.cta{width:100%;justify-content:space-between}.hero-footnote{margin-top:34px}.hero-art{min-height:490px}.art-label{top:23px;left:21px}.page-shadow{left:25%;width:49%;top:14%}.hero-page{left:30%;width:50%;top:14%}.hero-edge{left:17px;bottom:20px}.folio{right:24px;bottom:21px}.fact-grid{grid-template-columns:1fr}.fact{min-height:0;padding:21px 0;gap:24px}.fact+.fact{padding:21px 0;border-left:0;border-top:1px solid #465c57}.fact strong{font-size:37px;min-width:91px}.fact span{max-width:none}.section{padding:76px 0}.sectionhead{display:block;margin-bottom:38px}.section-id{margin-bottom:25px}.sectionhead h2,.section-title{font-size:clamp(43px,9vw,64px)}.sectionlead{font-size:14px}.case-grid,.pack-grid,.principles-grid,.faq-grid,.sample-flex,.contact-grid{display:block}.case-statement{margin-bottom:42px}.case-statement .serif{font-size:clamp(39px,8vw,56px)}.pack-aside{margin-top:39px;padding:58px 30px 32px}.pack-item{grid-template-columns:34px 1fr}.steps{grid-template-columns:1fr 1fr}.step{min-height:255px;padding:22px 16px 20px 0}.step+.step{padding-left:16px}.step:nth-child(3){border-left:0;padding-left:0}.step:nth-child(n+3){border-top:1px solid #637a75}.step-no{font-size:51px;margin-bottom:32px}.step h3{font-size:18px}.process-foot{flex-direction:column;gap:4px}.price-grid{display:block}.price-plan+.price-plan{margin-top:16px}.price-plan{min-height:280px}.price-other{display:block}.other{padding:19px 0!important}.other+.other{border-left:0;border-top:1px solid var(--rule)}.sample-text{margin-bottom:24px}.sample-specimen{height:435px}.sample-paper{width:45%;left:3%;top:40px}.sample-paper.two{width:47%;left:40%;top:5px}.sample-annotation{min-width:0;left:5%;right:0;bottom:18px}.partner{padding:75px 0}.partner-head{display:block}.partner h2{font-size:clamp(45px,9vw,67px)}.partner-under{display:block;margin:32px 0 0;padding-top:24px}.partner-terms{margin-top:30px}.principles-title{margin-bottom:40px}.faq-header{margin-bottom:34px}.about-grid{display:block}.about-grid .body{margin:30px 0}.about-side{padding-left:19px}.contact-copy{margin-bottom:38px}.contact-copy h2{font-size:65px}.contact-direct{margin-top:35px}.form{padding:28px 22px}.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}.footer-upper,.footer-lower{display:block}.footer-links{margin-top:28px;gap:21px}.footer-note{text-align:left;margin-top:13px}.legal-hero{padding:56px 0}.legal-layout{display:block}.legal-side{margin-bottom:30px}}
@media(max-width:360px){.brand-word{font-size:19px}.locale{font-size:10px}.hero h1{font-size:51px}.hero-art{min-height:390px}.contact-copy h2{font-size:55px}.sample-specimen{height:370px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* PDF previews retain their intrinsic page ratio at every responsive width. */
.hero-page img,.document-crop img,.sample-paper img{height:auto;aspect-ratio:auto;object-fit:contain}
/* Fractional editorial grids must subtract gutters rather than overflow the viewport. */
.principles-grid{grid-template-columns:minmax(0,42fr) minmax(0,58fr)}
.faq-grid{grid-template-columns:minmax(0,40fr) minmax(0,60fr)}
.sample-flex{grid-template-columns:minmax(0,42fr) minmax(0,58fr)}
@media(max-width:690px){.principles-grid,.faq-grid,.sample-flex{display:block}}

/* Real Hostinger SMTP contact form */
.form-bot-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
.form-status{margin-top:1rem;padding:0.9rem 1rem;font-size:0.95rem;line-height:1.5;border-left:3px solid #507f69;background:#ecf2eb;color:#193d32}
.form-status[data-kind="error"]{border-color:#b8553f;background:#f8eae5;color:#832b20}
.form-status[data-kind="pending"]{border-color:#8b9189;background:#f3f2ed;color:#46504c}
.contact-form button[type="submit"]:disabled{opacity:.68;cursor:wait}